/* Mini app do protótipo — escopo .pa
   Linguagem: vidro fosco sobre tela clara com manchas na cor da marca, números finos e grandes,
   rótulos pequenos em caixa alta, pílulas discretas (referência: protótipos CaisLab/Gusmão). */
@font-face{font-family:'Inter Tight';font-weight:300;font-display:swap;src:url(../assets/fonts/inter-tight-300.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-weight:400;font-display:swap;src:url(../assets/fonts/inter-tight-400.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-weight:500;font-display:swap;src:url(../assets/fonts/inter-tight-500.woff2) format('woff2')}
@font-face{font-family:'Inter Tight';font-weight:600;font-display:swap;src:url(../assets/fonts/inter-tight-600.woff2) format('woff2')}

.pa{
  --ink:#232524; --ink2:rgba(35,37,36,.58); --ink3:rgba(35,37,36,.38);
  --charcoal:#2B2C2C;
  --ok:#4F8A65; --ok-t:#3B6B4D; --warn:#D28A39; --warn-t:#86561F; --bad:#C94B45; --bad-t:#97352F;
  --glass:rgba(255,255,255,.52); --edge:rgba(255,255,255,.72);
  --sh:0 10px 30px rgba(45,45,45,.06),inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(45,45,45,.03);
  --ease:cubic-bezier(.22,.61,.36,1); --spring:cubic-bezier(.16,1,.3,1);
  position:absolute;inset:0;overflow:hidden;color:var(--ink);
  font-family:'Inter Tight','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  font-size:13px;line-height:1.38;letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none;background:#EEF0ED}
:where(.pa) *{box-sizing:border-box;margin:0;padding:0}
:where(.pa) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}
.pa-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* tela de fundo: manchas da marca + menta + granulado */
.pa-canvas{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(120% 60% at 0% 0%,rgba(var(--brgb),.20),transparent 52%),
    radial-gradient(90% 50% at 105% 22%,rgba(215,232,230,.95),transparent 58%),
    radial-gradient(90% 55% at 100% 100%,rgba(var(--brgb),.12),transparent 60%),
    radial-gradient(80% 50% at 0% 85%,rgba(122,91,72,.07),transparent 60%),
    linear-gradient(165deg,#F5F5F2 0%,#ECEFEC 55%,#E6EBE8 100%)}
.pa-canvas::after{content:"";position:absolute;inset:0;opacity:.35;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

/* material de vidro */
.pa-glass{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.12)),var(--glass);border:1px solid var(--edge);
  box-shadow:var(--sh);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}

/* barra de status */
.pa-status{position:absolute;z-index:6;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:6px 28px 0 32px;font-size:14.5px;font-weight:600;letter-spacing:-.01em;
  background:linear-gradient(180deg,rgba(241,242,239,.98) 62%,rgba(241,242,239,0));pointer-events:none}
.pa-island{position:absolute;left:50%;top:11px;transform:translateX(-50%);width:98px;height:29px;border-radius:20px;background:#050505}
.pa-sys{display:flex;align-items:flex-end;gap:2px}
.pa-sys i{width:3px;border-radius:1px;background:var(--ink)}
.pa-sys i:nth-child(1){height:5px}.pa-sys i:nth-child(2){height:7.5px}.pa-sys i:nth-child(3){height:10px}
.pa-sys b{position:relative;width:23px;height:11.5px;border-radius:4px;border:1.3px solid rgba(35,37,36,.5);margin-left:6px;padding:1.5px}
.pa-sys b::before{content:"";display:block;height:100%;width:72%;border-radius:2px;background:var(--ink)}
.pa-sys b::after{content:"";position:absolute;right:-3.5px;top:3px;width:1.5px;height:4px;border-radius:1px;background:rgba(35,37,36,.5)}

/* telas */
.pa-views{position:absolute;inset:0;z-index:1}
.pa-view{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(10px) scale(.995);transition:opacity .3s var(--ease),transform .45s var(--spring)}
.pa-view.on{opacity:1;pointer-events:auto;transform:none}
.pa-scroll{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;padding:56px 16px 112px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.pa-scroll::-webkit-scrollbar{display:none}
.pa-scroll.flush{padding:0 0 112px}
.pa-scroll.chatv{display:flex;flex-direction:column;padding-bottom:100px}
.pa-view.anim .pa-list>*,.pa-view.anim .pa-slot,.pa-view.anim .pa-col{animation:paUp .5s var(--spring) both}
.pa-view.anim .pa-list>*:nth-child(2),.pa-view.anim .pa-slot:nth-child(2),.pa-view.anim .pa-col:nth-child(2){animation-delay:.04s}
.pa-view.anim .pa-list>*:nth-child(3),.pa-view.anim .pa-slot:nth-child(3),.pa-view.anim .pa-col:nth-child(3){animation-delay:.08s}
.pa-view.anim .pa-list>*:nth-child(n+4),.pa-view.anim .pa-slot:nth-child(n+4){animation-delay:.12s}
@keyframes paUp{from{opacity:0;transform:translateY(8px);filter:blur(2px)}}

/* tipografia de apoio */
.pa-lbl{display:block;font-size:9.5px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--ink2)}
.pa-muted{font-size:11px;color:var(--ink2)}

/* cabeçalho */
.pa-head{display:flex;align-items:center;gap:11px;margin-top:6px}
.pa-logo{flex:none;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;overflow:hidden;
  background:rgba(255,255,255,.82);border:1px solid var(--edge);box-shadow:0 8px 20px rgba(45,45,45,.07),inset 0 1px 0 #fff}
.pa-logo img{width:76%;height:76%;object-fit:contain}
.pa-logo.mono{background:linear-gradient(145deg,var(--logo-bg),var(--bd));color:var(--logo-t);font-weight:600;font-size:13.5px;letter-spacing:.02em;border-color:rgba(255,255,255,.35)}
.pa-logo.s{width:26px;height:26px;border-radius:9px;font-size:9.5px}
.pa-hello{flex:1;min-width:0;line-height:1.2}
.pa-hello small{display:block;font-size:11px;color:var(--ink2)}
.pa-hello b{display:block;font-size:19px;font-weight:400;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-ib{position:relative;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--ink);
  background:rgba(255,255,255,.55);border:1px solid var(--edge);box-shadow:0 8px 20px rgba(45,45,45,.06),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pa-ib .pa-i{width:18px;height:18px}
.pa-dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--bk);box-shadow:0 0 0 2.5px #F4F5F2}

/* cartão principal: degradê profundo da marca */
.pa-hero{position:relative;isolation:isolate;margin-top:16px;padding:18px 18px 16px;border-radius:30px;overflow:hidden;color:var(--ht);background:#D9DBD7;
  box-shadow:0 24px 50px -18px rgba(var(--brgb),.55),0 10px 24px rgba(45,45,45,.10),inset 0 1px 0 rgba(255,255,255,.28)}
.pa-hero-bg{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .9s var(--ease);
  background:
    radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.28),transparent 46%),
    radial-gradient(90% 80% at 0% 110%,rgba(0,0,0,.28),transparent 55%),
    linear-gradient(150deg,var(--hm) 0%,var(--bd) 100%)}
.pa-hero-bg::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-110px;background:rgba(255,255,255,.16);filter:blur(16px)}
.pa.painted .pa-hero-bg{opacity:1}
.pa:not(.painted) .pa-hero{color:var(--ink)}
.pa-hero .pa-lbl{color:currentColor;opacity:.72}
.pa-hero-top{display:flex;justify-content:space-between;align-items:center}
.pa-hero-go{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.pa-hero-go .pa-i{width:15px;height:15px}
.pa-big{display:flex;align-items:baseline;gap:3px;margin-top:20px;font-size:58px;line-height:.92;font-weight:300;letter-spacing:-.07em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pa-big .pa-suf{font-size:24px;font-weight:300;letter-spacing:-.03em;opacity:.55}
.pa-big .pa-pre{font-size:22px;font-weight:300;letter-spacing:-.02em;opacity:.55;margin-right:3px;align-self:flex-start;margin-top:6px}
.pa-hero-bot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:10px}
.pa-live{display:inline-flex;align-items:center;gap:7px;font-size:11px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-live::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#8BE0A8;box-shadow:0 0 0 4px rgba(139,224,168,.18)}
.pa:not(.painted) .pa-live::before{background:var(--ok)}
.pa-spark{flex:none;width:100px;height:38px;opacity:.9}
.pa-hero-prod{display:flex;align-items:center;gap:6px;margin:14px -18px -16px;padding:10px 18px;font-size:10.5px;font-weight:500;letter-spacing:.01em;
  background:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.14);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-hero-prod .pa-i{width:13px;height:13px;flex:none}

/* indicadores */
.pa-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.pa-kpi{display:flex;flex-direction:column;min-height:128px;padding:14px 14px 13px;border-radius:24px;min-width:0}
.pa-kpi .pa-val{margin-top:auto;padding-top:14px}
.pa-val{display:flex;align-items:baseline;gap:2px;margin-top:16px;font-size:30px;line-height:1;font-weight:300;letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pa-val .pa-suf,.pa-val .pa-pre{font-size:14px;color:var(--ink3);letter-spacing:-.02em}
.pa-val .pa-pre{margin-right:2px}
.pa-foot{display:flex;align-items:center;gap:6px;font-style:normal;font-size:10.5px;margin-top:8px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-foot i{flex:none;width:6px;height:6px;border-radius:50%;background:var(--c)}

/* cartão de gráfico */
.pa-card{margin-top:8px;padding:15px 15px 10px;border-radius:26px}
.pa-card-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pa-card-h b{font-size:12.5px;font-weight:500;line-height:1.3;letter-spacing:-.01em}
.pa-seg{flex:none;display:flex;padding:3px;border-radius:99px;background:rgba(35,37,36,.05)}
.pa-seg i{font-style:normal;font-size:10px;font-weight:500;padding:3px 9px;border-radius:99px;color:var(--ink2)}
.pa-seg i.on{background:#fff;color:var(--ink);box-shadow:0 3px 8px rgba(45,45,45,.08)}
.pa-leg{display:flex;gap:12px;margin-top:8px;font-size:10px;color:var(--ink2)}
.pa-leg span{display:flex;align-items:center;gap:6px}
.pa-leg i{width:14px;height:2px;border-radius:2px}
.pa-leg i.dash{background:repeating-linear-gradient(90deg,rgba(35,37,36,.35) 0 3px,transparent 3px 6px)}
.pa-chart{display:block;width:100%;height:122px;margin-top:8px;overflow:visible}
.pa-ax{font-size:9px;fill:var(--ink3);font-family:inherit;letter-spacing:.02em}
.pa-ax.v{fill:var(--bk);font-weight:600;font-size:9.5px}
.pa-ln{stroke-dasharray:1;stroke-dashoffset:1}
.pa.data .pa-ln{transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1);stroke-dashoffset:0}
.pa-ln.b{stroke-dasharray:3 5;stroke-dashoffset:0;opacity:0;transition:opacity .6s}
.pa.data .pa-ln.b{opacity:1}
.pa-area,.pa-last{opacity:0;transition:opacity .8s .7s}
.pa.data .pa-area,.pa.data .pa-last{opacity:1}
.pa-bar{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(0);transition:transform .8s var(--spring);transition-delay:calc(var(--i) * 55ms)}
.pa.data .pa-bar{transform:scaleY(1)}

/* listas */
.pa-sec-t{display:flex;justify-content:space-between;align-items:center;margin:20px 4px 10px}
.pa-sec-t b{font-size:15px;font-weight:400;letter-spacing:-.03em}
.pa-sec-t button{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--ink2)}
.pa-sec-t button .pa-i{width:13px;height:13px}
.pa-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.pa-row,.pa-note{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px 11px 11px;border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.4),rgba(255,255,255,.12)),var(--glass);border:1px solid var(--edge);box-shadow:var(--sh);
  -webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);transition:transform .2s var(--ease),background .3s}
.pa-row:active,.pa-note:active,.pa-kcard:active,.pa-slot:active{transform:scale(.982)}
.pa-row[hidden]{display:none}
.pa-row-t{flex:1;min-width:0}
.pa-row-t b{display:block;font-size:12.5px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-row-t small{display:block;font-size:10.5px;color:var(--ink2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* status: ícone, etiqueta, rodapé */
.s-ok{--c:var(--ok);--ct:var(--ok-t);--cb:rgba(79,138,101,.12)}
.s-alerta{--c:var(--bad);--ct:var(--bad-t);--cb:rgba(201,75,69,.11)}
.s-pendente{--c:var(--warn);--ct:var(--warn-t);--cb:rgba(210,138,57,.14)}
.s-info{--c:var(--bk);--ct:var(--bk);--cb:rgba(var(--brgb),.11)}
.pa-sic{flex:none;width:36px;height:36px;border-radius:13px;display:grid;place-items:center;color:var(--c);background:var(--cb);box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.pa-sic .pa-i{width:16px;height:16px;stroke-width:2.2}
.pa-tag{flex:none;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:99px;font-size:9.5px;font-weight:500;letter-spacing:.01em;color:var(--ct);background:var(--cb)}
.pa-tag i{width:5px;height:5px;border-radius:50%;background:var(--c)}
.done-flash{animation:flash 1.1s var(--ease)}
@keyframes flash{0%{box-shadow:0 0 0 0 rgba(79,138,101,.45),var(--sh)}100%{box-shadow:0 0 0 14px rgba(79,138,101,0),var(--sh)}}

/* operação: cabeçalho e filtros */
.pa-op-h{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin:8px 2px 14px}
.pa-op-h small{font-size:11px;color:var(--ink2)}
.pa-op-h h3{font-size:25px;line-height:1.02;font-weight:300;letter-spacing:-.05em;margin-top:4px}
.pa-txtbtn{font-size:11px;font-weight:500;color:var(--ink2);padding:6px 0}
.pa-filters{display:flex;gap:4px;padding:4px;margin:0 0 12px;border-radius:99px;overflow-x:auto;scrollbar-width:none;
  background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.55)}
.pa-filters::-webkit-scrollbar{display:none}
.pa-filters button{flex:none;display:flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;font-size:11px;font-weight:500;color:var(--ink2);transition:background .25s,color .25s}
.pa-filters button i{font-style:normal;font-size:9.5px;min-width:17px;height:17px;padding:0 5px;border-radius:99px;background:rgba(35,37,36,.07);display:grid;place-items:center}
.pa-filters button.on{background:var(--charcoal);color:#fff;box-shadow:0 8px 18px rgba(45,45,45,.18)}
.pa-filters button.on i{background:rgba(255,255,255,.16)}

/* agenda */
.pa-days{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:14px}
.pa-days button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 10px;border-radius:20px;text-align:center;
  background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.6)}
.pa-days small{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.pa-days b{font-size:19px;font-weight:300;letter-spacing:-.04em}
.pa-days button.on{background:var(--charcoal);border-color:var(--charcoal);color:#fff;box-shadow:0 10px 22px rgba(45,45,45,.2)}
.pa-days button.on small{color:rgba(255,255,255,.55)}
.pa-tl{position:relative;display:grid;gap:6px}
.pa-slot{position:relative;z-index:1;display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:stretch;width:100%}
.pa-slot-h{font-size:10.5px;color:var(--ink2);padding-top:14px;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pa-slot-c{position:relative;display:flex;align-items:center;gap:8px;padding:11px 10px 11px 15px;border-radius:20px;min-width:0;overflow:hidden}
.pa-slot-c::before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:3px;border-radius:3px;background:var(--c)}
.pa-slot-t{flex:1;min-width:0}
.pa-slot-c b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-slot-c small{display:block;font-size:10.5px;color:var(--ink2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-now{position:absolute;left:34px;right:0;height:0;border-top:1px solid var(--bad);pointer-events:none;z-index:0}
.pa-now i{position:absolute;left:-4px;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 3px rgba(201,75,69,.15)}

/* kanban */
.pa-ai-tip{position:relative;overflow:hidden;display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:22px;margin-bottom:12px;color:#F6F6F3;font-size:11.5px;line-height:1.45;
  background:radial-gradient(120% 120% at 100% 0%,rgba(var(--brgb),.55),transparent 55%),linear-gradient(140deg,#2E2F30,#202122);box-shadow:0 18px 40px -16px rgba(30,30,30,.5)}
.pa-ai-tip b{display:block;font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:3px}
.pa-kanban{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none}
.pa-kanban::-webkit-scrollbar{display:none}
.pa-col{flex:0 0 80%;scroll-snap-align:start;padding:8px;border-radius:26px;display:grid;gap:6px;align-content:start;
  background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.45)}
.pa-col-h{display:flex;justify-content:space-between;align-items:center;padding:6px 8px 4px}
.pa-col-h b{font-size:12.5px;font-weight:500}
.pa-col-h i{font-style:normal;font-size:10px;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:rgba(255,255,255,.7);display:grid;place-items:center;color:var(--ink2)}
.pa-kcard{display:block;width:100%;padding:13px 13px 11px;border-radius:20px;transition:transform .2s var(--ease)}
.pa-kcard b{display:block;font-size:12.5px;font-weight:500}
.pa-kcard small{display:block;font-size:10.5px;color:var(--ink2);margin-top:3px}
.pa-kfoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.pa-av{width:24px;height:24px;border-radius:50%;font-size:8.5px;font-weight:600;display:grid;place-items:center;color:var(--ink2);background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.9)}
.pa-kadd{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:9px;border-radius:16px;font-size:11px;color:var(--ink2);border:1px dashed rgba(35,37,36,.16)}
.pa-kadd .pa-i{width:13px;height:13px}

/* mapa */
.pa-map{position:relative;height:350px;overflow:hidden}
.pa-mapsvg{display:block;width:100%;height:100%}
.pa-map::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(180deg,transparent,rgba(238,240,237,.9));pointer-events:none}
.pa-map-h{position:absolute;left:12px;right:12px;top:56px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.pa-chipg{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px 0 6px;border-radius:99px;font-size:11.5px;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;
  background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.85);box-shadow:0 10px 26px rgba(45,45,45,.12),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.pa-chipg b{font-weight:500;overflow:hidden;text-overflow:ellipsis}
.pa-chipg.live{padding:0 13px;flex:none;color:var(--ok-t)}
.pa-chipg.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:paPing 1.8s infinite}
@keyframes paPing{0%{box-shadow:0 0 0 0 rgba(79,138,101,.5)}100%{box-shadow:0 0 0 8px rgba(79,138,101,0)}}
.pa-route{animation:paDash 1.1s linear infinite}
@keyframes paDash{to{stroke-dashoffset:-9}}
.pa-pin{cursor:pointer;animation:paDrop .55s cubic-bezier(.3,1.5,.5,1) both;animation-delay:calc(var(--i) * 90ms + .2s);transform-box:fill-box;transform-origin:50% 50%}
.pa-pin-o{filter:drop-shadow(0 4px 6px rgba(45,45,45,.18))}
.pa-pin-i{fill:var(--c)}
.pa-pulse{fill:var(--c);transform-box:fill-box;transform-origin:center;animation:paPulse 1.9s ease-out infinite}
@keyframes paDrop{from{opacity:0;transform:translateY(-14px) scale(.6)}}
@keyframes paPulse{from{transform:scale(1);opacity:.45}to{transform:scale(2.8);opacity:0}}
.pa-map-sheet{position:relative;z-index:2;margin-top:-34px;padding:6px 16px 0;border-radius:30px 30px 0 0;
  background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.3));border-top:1px solid rgba(255,255,255,.85);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.pa-map-sheet .pa-sec-t{margin-top:10px}
.pa-grab{display:block;width:36px;height:4.5px;border-radius:9px;background:rgba(35,37,36,.16);margin:5px auto 0}

/* conversa e assistente */
.pa-chat-h{display:flex;align-items:center;gap:11px;padding:4px 16px 14px;margin:0 -16px;position:sticky;top:-56px;z-index:2;
  background:linear-gradient(180deg,rgba(242,243,240,.95) 70%,rgba(242,243,240,0))}
.pa-chat-h>span:nth-child(2){flex:1;min-width:0}
.pa-chat-h b{display:block;font-size:14px;font-weight:500;letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-chat-h small{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--ink2);margin-top:1px}
.pa-chat-h small i{width:6px;height:6px;border-radius:50%;background:var(--ok)}
.pa-orb{flex:none;display:grid;place-items:center;border-radius:50%;color:var(--charcoal);
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.95),transparent 34%),linear-gradient(140deg,rgba(215,232,230,.95),rgba(var(--brgb),.45));
  border:1px solid rgba(255,255,255,.7);box-shadow:0 10px 24px rgba(var(--brgb),.18),inset 0 1px 0 rgba(255,255,255,.8)}
.pa-orb.sm{width:28px;height:28px}.pa-orb.sm .pa-i{width:13px;height:13px}
.pa-orb.lg{width:54px;height:54px;transition:all .5s var(--spring)}.pa-orb.lg .pa-i{width:22px;height:22px}
.pa-ai-tip .pa-orb{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 34%),linear-gradient(140deg,rgba(255,255,255,.35),rgba(var(--brgb),.6));color:#fff;border-color:rgba(255,255,255,.25)}
.pa-ia-hero{padding:18px 4px 6px;transition:padding .5s var(--spring)}
.pa-ia-hero h3{font-size:27px;line-height:1.02;font-weight:300;letter-spacing:-.055em;margin-top:18px;transition:font-size .5s var(--spring),margin .5s var(--spring)}
.pa-ia-hero h3 span{color:var(--ink3)}
.pa-ia-hero p{font-size:11.5px;color:var(--ink2);margin-top:10px;line-height:1.5}
.pa-view.talking .pa-ia-hero{padding-top:4px}
.pa-view.talking .pa-ia-hero h3{font-size:19px;margin-top:12px}
.pa-view.talking .pa-ia-hero p{display:none}
.pa-view.talking .pa-orb.lg{width:38px;height:38px}
.pa-chat{flex:1;display:flex;flex-direction:column;gap:7px;padding:12px 0 10px}
.pa-day{align-self:center;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin:6px 0 4px}
.pa-msg{max-width:82%;padding:10px 13px;border-radius:20px;font-size:12.5px;line-height:1.45;animation:paMsg .32s var(--ease) both;user-select:text}
@keyframes paMsg{from{opacity:0;transform:translateY(8px) scale(.99);filter:blur(2px)}}
.pa-msg.in,.pa-msg.ai{align-self:flex-start;border-radius:6px 20px 20px 20px;color:var(--ink);
  background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 26px rgba(45,45,45,.06),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.pa-msg.out{align-self:flex-end;border-radius:20px 20px 6px 20px;color:var(--bdt);
  background:radial-gradient(130% 120% at 100% 0%,rgba(255,255,255,.2),transparent 50%),var(--bd);box-shadow:0 14px 30px -12px rgba(var(--brgb),.55)}
.pa-msg.me{align-self:flex-end;border-radius:20px 20px 6px 20px;color:rgba(255,255,255,.94);
  background:radial-gradient(circle at 100% 0%,rgba(var(--brgb),.5),transparent 55%),rgba(43,44,44,.94);box-shadow:0 14px 32px rgba(32,28,25,.18)}
.pa-ai-row{display:flex;gap:8px;align-items:flex-start;max-width:92%}
.pa-ai-row .pa-orb{margin-top:2px}
.pa-ai-row .pa-msg{max-width:none}
.pa-msg.typing{display:flex;gap:4px;padding:13px 15px}
.pa-msg.typing i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.45;animation:paType 1s infinite}
.pa-msg.typing i:nth-child(2){animation-delay:.14s}.pa-msg.typing i:nth-child(3){animation-delay:.28s}
@keyframes paType{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-3px);opacity:1}}
.pa-sys-msg{align-self:center;display:flex;align-items:center;gap:6px;margin:8px 0;padding:7px 12px;border-radius:99px;font-size:10.5px;font-weight:500;color:var(--ok-t);background:rgba(79,138,101,.12);animation:paMsg .32s both}
.pa-sys-msg .pa-i{width:13px;height:13px;stroke-width:2.4}
.pa-dock{position:sticky;bottom:0;margin-top:auto;padding-top:8px}
.pa-sugs{display:flex;gap:6px;overflow-x:auto;padding:2px 16px 10px;margin:0 -16px;scrollbar-width:none}
.pa-sugs::-webkit-scrollbar{display:none}
.pa-sugs button{flex:none;height:34px;padding:0 13px;border-radius:99px;font-size:11px;font-weight:500;color:var(--ink);white-space:nowrap;
  background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.75);box-shadow:inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:paMsg .4s both}
.pa-compose{display:flex;align-items:center;gap:8px;padding:6px;border-radius:99px;margin-top:auto;
  background:radial-gradient(circle at 80% 0%,rgba(215,232,230,.4),transparent 40%),rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);
  box-shadow:0 16px 40px rgba(45,45,45,.1),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}
.pa-scroll.chatv>.pa-compose{position:sticky;bottom:0}
.pa-cbtn{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--ink2);background:rgba(255,255,255,.55)}
.pa-cbtn .pa-i{width:15px;height:15px}
.pa-cph,.pa-compose input{flex:1;min-width:0;font:inherit;font-size:12.5px;color:var(--ink3);border:0;outline:0;background:transparent;user-select:text}
.pa-compose input{color:var(--ink)}
.pa-compose input::placeholder{color:var(--ink3)}
.pa-send{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--charcoal);box-shadow:0 6px 14px rgba(45,45,45,.2)}
.pa-send .pa-i{width:15px;height:15px}

/* alertas */
.pa-grp{font-size:9.5px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--ink3);margin:16px 6px 8px}
.pa-list .pa-grp{margin-top:12px}
.pa-op-h + .pa-grp{margin-top:4px}
.pa-note{position:relative;align-items:flex-start}
.pa-note .pa-row-t small{white-space:normal}
.pa-note.unread::after{content:"";position:absolute;right:13px;bottom:14px;width:6px;height:6px;border-radius:50%;background:var(--bk)}
.pa-when{flex:none;font-size:10px;color:var(--ink3);margin-top:2px}

/* abas: pílula de vidro flutuante */
.pa-tabs{position:absolute;z-index:5;left:14px;right:14px;bottom:16px;display:flex;gap:2px;padding:5px;border-radius:99px;
  background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.34));border:1px solid rgba(255,255,255,.85);
  box-shadow:0 20px 44px rgba(45,45,45,.16),inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(30px) saturate(150%);backdrop-filter:blur(30px) saturate(150%)}
.pa-tabs button{position:relative;flex:1 1 0;height:48px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:99px;color:var(--ink2);min-width:0;text-align:center;
  transition:flex-grow .45s var(--spring),background .35s var(--ease),color .3s,box-shadow .35s}
.pa-tabs button .pa-i{width:19px;height:19px}
.pa-tabs button span{font-size:11.5px;font-weight:500;max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .45s var(--spring)}
.pa-tabs button.on{flex-grow:2.3;color:var(--bdt);background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.22),transparent 55%),var(--bd);
  box-shadow:0 10px 22px -6px rgba(var(--brgb),.55),inset 0 1px 0 rgba(255,255,255,.2)}
.pa-tabs button.on span{max-width:96px}
.pa-badge{position:absolute;top:7px;left:calc(50% + 4px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:var(--bad);color:#fff;font-style:normal;font-size:9px;font-weight:600;display:grid;place-items:center;box-shadow:0 0 0 2px #F3F4F1}
.pa-tabs button.on .pa-badge{display:none}

/* folha de detalhe */
.pa-shade{position:absolute;inset:0;z-index:7;background:rgba(24,23,22,.22);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s}
.pa-sheet{position:absolute;z-index:8;left:8px;right:8px;bottom:8px;padding:8px 18px 18px;border-radius:34px;max-height:86%;overflow:auto;transform:translateY(110%);transition:transform .5s var(--spring);
  background:linear-gradient(160deg,rgba(255,255,255,.9),rgba(246,247,244,.82));border:1px solid rgba(255,255,255,.9);box-shadow:0 30px 80px rgba(30,30,30,.28),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(30px) saturate(140%);backdrop-filter:blur(30px) saturate(140%)}
.pa.sheet .pa-shade{opacity:1;pointer-events:auto}
.pa.sheet .pa-sheet{transform:none}
.pa-sh-top{display:flex;align-items:center;gap:8px;margin:12px 0 14px}
.pa-sh-top .x{margin-left:auto;width:34px;height:34px;box-shadow:none;background:rgba(35,37,36,.05);border-color:transparent}
.pa-sh-top .x .pa-i{width:15px;height:15px}
.pa-sheet h4{font-size:22px;line-height:1.08;font-weight:300;letter-spacing:-.045em;margin-top:6px}
.pa-sheet>p{font-size:12px;color:var(--ink2);margin-top:6px}
.pa-sh-ai{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:13px;border-radius:20px;font-size:11.5px;line-height:1.45;color:var(--ink2);
  background:linear-gradient(140deg,rgba(var(--brgb),.08),rgba(215,232,230,.4));border:1px solid rgba(255,255,255,.8)}
.pa-sh-ai b{display:block;font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:3px}
.pa-tl2{list-style:none;margin-top:14px;position:relative}
.pa-tl2::before{content:"";position:absolute;left:5.5px;top:12px;bottom:12px;width:1px;background:rgba(35,37,36,.12)}
.pa-tl2 li{position:relative;display:flex;align-items:center;gap:10px;padding:7px 0 7px 22px;font-size:11.5px}
.pa-tl2 li i{position:absolute;left:2px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#fff;border:1.5px solid rgba(35,37,36,.25)}
.pa-tl2 li.cur i{background:var(--bk);border-color:var(--bk);box-shadow:0 0 0 4px rgba(var(--brgb),.15)}
.pa-tl2 li b{flex:1;font-weight:500}
.pa-tl2 li span{color:var(--ink3);font-size:10.5px}
.pa-sh-act{display:flex;gap:8px;margin-top:16px}
.pa-btn{flex:1;height:48px;border-radius:99px;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:500;font-size:12.5px;text-align:center!important;
  color:#fff;background:var(--charcoal);box-shadow:0 12px 24px rgba(45,45,45,.2),inset 0 1px 0 rgba(255,255,255,.12)}
.pa-btn.ghost{color:var(--ink);background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 0 #fff}
.pa-btn .pa-i{width:16px;height:16px}

/* notificação push */
.pa-push{position:absolute;z-index:9;left:9px;right:9px;top:50px;display:flex!important;gap:11px;align-items:center;padding:11px 13px;border-radius:24px;
  background:rgba(246,246,243,.72);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 44px rgba(30,30,30,.2),inset 0 1px 0 #fff;
  -webkit-backdrop-filter:blur(30px) saturate(160%);backdrop-filter:blur(30px) saturate(160%);
  transform:translateY(-180px);opacity:0;visibility:hidden;transition:transform .6s var(--spring),opacity .4s,visibility 0s .6s}
.pa-push.on{transform:none;opacity:1;visibility:visible;transition:transform .6s var(--spring),opacity .4s,visibility 0s}
.pa-push .pa-logo.s{width:36px;height:36px;border-radius:11px;font-size:12px}
.pa-push>span:last-child{flex:1;min-width:0}
.pa-push small{display:flex;justify-content:space-between;font-size:10px;color:var(--ink2)}
.pa-push small b{font-weight:500;text-transform:uppercase;letter-spacing:.06em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pa-push small em{font-style:normal;flex:none;margin-left:8px}
.pa-push strong{display:block;font-size:12.5px;font-weight:500;margin-top:2px}
.pa-push-d{display:block;font-size:11px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.pa-toast{position:absolute;z-index:9;left:50%;bottom:86px;transform:translate(-50%,16px);display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:99px;
  background:rgba(43,44,44,.92);color:#fff;font-size:11.5px;font-weight:500;white-space:nowrap;opacity:0;transition:all .4s var(--spring);pointer-events:none;box-shadow:0 14px 30px rgba(30,30,30,.25)}
.pa-toast .pa-i{width:14px;height:14px;color:#8BE0A8;stroke-width:2.4}
.pa-toast.on{opacity:1;transform:translate(-50%,0)}

/* construção ao vivo: esqueleto de vidro → app */
.pa-rv:not(.pa-tabs){position:relative}
.pa.building .pa-rv:not(.in){color:transparent!important}
.pa.building .pa-rv:not(.in)>*{opacity:0}
.pa.building .pa-rv:not(.in)::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:3;
  background:linear-gradient(100deg,rgba(255,255,255,.35) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.35) 70%);background-size:220% 100%;animation:paSh 1.2s linear infinite;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.pa.building .pa-head.pa-rv:not(.in)::after{border-radius:16px;right:40%}
.pa.building .pa-sec-t.pa-rv:not(.in)::after{border-radius:10px;right:55%}
.pa.building .pa-row.pa-rv:not(.in),.pa.building .pa-kpi.pa-rv:not(.in),.pa.building .pa-card.pa-rv:not(.in){background:transparent;box-shadow:none;border-color:transparent}
.pa.building .pa-hero.pa-rv:not(.in){box-shadow:none}
.pa.building .pa-tabs:not(.in){opacity:.5}
@keyframes paSh{from{background-position:120% 0}to{background-position:-120% 0}}
.pa-rv.in>*{animation:paIn .6s var(--spring) both}
.pa-rv.in>.pa-hero-bg{animation:none}
@keyframes paIn{from{opacity:0;transform:translateY(6px);filter:blur(3px)}}
.pa.building .pa-head .pa-logo{transform:scale(.4);opacity:0;transition:transform .6s cubic-bezier(.3,1.6,.5,1),opacity .3s}
.pa.painted .pa-head .pa-logo{transform:none;opacity:1}

@media (prefers-reduced-motion:reduce){.pa *,.pa *::before,.pa *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---------- botões-cartão (herói e indicadores são tocáveis) ---------- */
.pa [hidden]{display:none!important}
button.pa-hero{display:block;width:100%;text-align:left}
button.pa-kpi{width:100%;text-align:left;transition:transform .2s var(--ease)}
button.pa-hero:active,button.pa-kpi:active{transform:scale(.985)}
.pa-seg button{font-size:10px;font-weight:500;padding:4px 10px;border-radius:99px;color:var(--ink2);transition:background .25s,color .25s,box-shadow .25s}
.pa-seg button.on{background:#fff;color:var(--ink);box-shadow:0 3px 8px rgba(45,45,45,.08)}

/* ---------- gráfico tocável ---------- */
.pa-chart-wrap{position:relative;touch-action:pan-y;cursor:crosshair;margin-top:4px}
.pa-chart .pa-bar{fill:rgba(var(--brgb),.18);transition:transform .8s var(--spring),fill .25s,opacity .25s;transition-delay:calc(var(--i) * 45ms),0s,0s}
.pa-chart .pa-bar.act{filter:drop-shadow(0 6px 10px rgba(var(--brgb),.35))}
.pa-guide{stroke:var(--bk);stroke-opacity:0;stroke-dasharray:2 3;transition:stroke-opacity .2s}
.pa-guide.on{stroke-opacity:.35}
.pa-focus{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#fff;border:2.5px solid var(--bk);box-shadow:0 0 0 6px rgba(var(--brgb),.14),0 4px 10px rgba(45,45,45,.15);
  opacity:0;transform:scale(.4);transition:left .18s var(--ease),top .18s var(--ease),opacity .2s,transform .3s var(--spring);pointer-events:none}
.pa-focus.on{opacity:1;transform:none}
.pa-tip{position:absolute;transform:translate(-50%,calc(-100% - 14px));padding:7px 11px;border-radius:14px;white-space:nowrap;pointer-events:none;text-align:center;
  background:rgba(35,37,36,.92);color:#fff;box-shadow:0 10px 24px rgba(30,30,30,.25);opacity:0;transition:left .18s var(--ease),top .18s var(--ease),opacity .2s}
.pa-tip.below{transform:translate(-50%,16px)}
.pa-tip.on{opacity:1}
.pa-tip b{display:block;font-size:13px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.pa-tip small{display:block;font-size:9.5px;color:rgba(255,255,255,.6);margin-top:1px}
.pa-hint{display:flex;align-items:center;gap:5px;margin:4px 2px 2px;font-size:9.5px;color:var(--ink3);transition:opacity .4s}
.pa-hint .pa-i{width:11px;height:11px}
.pa-hint.gone{opacity:0}
.pa-chart.fresh .pa-ln{stroke-dashoffset:1!important;transition:none!important}
.pa-chart.fresh .pa-ln.b,.pa-chart.fresh .pa-area{opacity:0!important;transition:none!important}
.pa-chart.fresh .pa-bar{transform:scaleY(0)!important;transition:none!important}
.pa-chart .pa-area{transition:opacity .8s .5s}

/* ---------- resumo da IA ---------- */
.pa-aisum{position:relative;overflow:hidden;margin-top:8px;padding:15px 16px 14px;border-radius:26px;color:#F6F6F3;
  background:radial-gradient(120% 120% at 100% 0%,rgba(var(--brgb),.5),transparent 55%),linear-gradient(140deg,#2E2F30,#1F2021);box-shadow:0 20px 40px -18px rgba(30,30,30,.55)}
.pa-aisum-h{display:flex;align-items:center;gap:9px}
.pa-aisum .pa-lbl{color:rgba(255,255,255,.6)}
.pa-aisum .pa-orb{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 34%),linear-gradient(140deg,rgba(255,255,255,.3),rgba(var(--brgb),.65));color:#fff;border-color:rgba(255,255,255,.25)}
.pa-aisum p{font-size:12.5px;line-height:1.5;margin-top:10px;color:rgba(255,255,255,.88)}
.pa-aisum button{display:inline-flex;align-items:center;gap:6px;margin-top:12px;height:32px;padding:0 13px;border-radius:99px;font-size:11px;font-weight:500;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}
.pa-aisum button .pa-i{width:12px;height:12px}

/* ---------- meta do mês + equipe ---------- */
.pa-goal{margin-top:8px;padding:15px 16px;border-radius:26px}
.pa-goal-h{display:flex;justify-content:space-between;align-items:center}
.pa-goal-h strong{display:block;margin-top:8px;font-size:30px;font-weight:300;letter-spacing:-.06em;line-height:1}
.pa-goal-h strong small{font-size:14px;color:var(--ink3);letter-spacing:-.02em}
.pa-ring{position:relative;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--bk) calc(var(--p) * 1%),rgba(var(--brgb),.12) 0)}
.pa-ring i{position:absolute;inset:6px;border-radius:50%;background:#F4F5F2}
.pa-bar-track{display:block;height:6px;margin-top:14px;border-radius:99px;background:rgba(35,37,36,.07);overflow:hidden}
.pa-bar-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--brgb),.55),var(--bk));transition:width 1.4s var(--spring) .3s}
.pa.data .pa-bar-track i{width:var(--p)}
.pa-team{display:flex;align-items:center;gap:10px;margin-top:14px}
.pa-avs{display:flex}
.pa-avs i{width:26px;height:26px;margin-left:-7px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:8.5px;font-weight:600;color:#fff;
  background:hsl(var(--h) 28% 46%);border:2px solid #F4F5F2}
.pa-avs i:first-child{margin-left:0}

/* ---------- busca na operação ---------- */
.pa-search{display:flex;align-items:center;gap:8px;height:0;margin:0;padding:0 12px;border-radius:99px;overflow:hidden;opacity:0;
  background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.85);transition:height .35s var(--spring),margin .35s var(--spring),opacity .25s}
.pa-search .pa-i{width:15px;height:15px;color:var(--ink3)}
.pa-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:12.5px;color:var(--ink)}
.pa-view.searching .pa-search{height:42px;margin:0 0 12px;opacity:1}

/* ---------- detalhes na folha ---------- */
.pa-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}
.pa-facts.three{grid-template-columns:repeat(3,1fr)}
.pa-facts span{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);min-width:0}
.pa-facts small{display:block;font-size:9.5px;color:var(--ink3);letter-spacing:.02em}
.pa-facts b{display:block;font-size:12px;font-weight:500;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-sh-big{display:block;margin-top:2px;font-size:46px;font-weight:300;letter-spacing:-.065em;line-height:1;font-variant-numeric:tabular-nums}
.pa-sheet .pa-foot{margin-top:8px}
.pa-sh-chart{display:block;width:100%;height:84px;margin-top:12px;overflow:visible}
.pa-draw{stroke-dasharray:1;stroke-dashoffset:1;animation:paDraw 1.2s .15s cubic-bezier(.4,0,.2,1) forwards}
@keyframes paDraw{to{stroke-dashoffset:0}}