/* VALUTAX 843 — identidade: preto absoluto, volt (#B8F01F), órbita */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(/static/fontes/archivo-latin-wdth-normal.woff2) format("woff2-variations"),url(/static/fontes/archivo-latin-wdth-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url(/static/fontes/archivo-latin-ext-wdth-normal.woff2) format("woff2-variations"),url(/static/fontes/archivo-latin-ext-wdth-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  --preto:#000; --grafite:#101110; --grafite2:#181A17; --grafite3:#22251F;
  --linha:rgba(255,255,255,.08); --linha2:rgba(255,255,255,.15);
  --osso:#F4F7EE; --cinza:#9DA398; --cinza2:#666B61;
  --volt:#B8F01F; --volt-escuro:#9ED600; --volt-tinta:#0A0F00; --volt-vidro:rgba(184,240,31,.1);
  --violeta:#8C7BFF; --ambar:#FFB020; --flare:#FF5C49;
  --serie-ok:#6AA300; --serie-presc:#8C7BFF;
  --r-painel:24px; --r-bloco:16px; --r-ctrl:12px;
  --ease:cubic-bezier(.22,1,.36,1); --mola:cubic-bezier(.34,1.56,.64,1);
  --larga:"Archivo",system-ui,sans-serif;
}
@view-transition{navigation:auto}
::view-transition-old(root){animation:.18s ease both vt-sai}
::view-transition-new(root){animation:.32s var(--ease) both vt-entra}
@keyframes vt-sai{to{opacity:0}}
@keyframes vt-entra{from{opacity:0;transform:translateY(8px)}}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--preto);color-scheme:dark}
body{margin:0;background:var(--preto);color:var(--osso);font:15px/1.55 var(--larga);font-stretch:100%;
  -webkit-font-smoothing:antialiased;min-height:100vh}
::selection{background:var(--volt);color:var(--volt-tinta)}
a{color:var(--volt);text-decoration-thickness:1px;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--volt);outline-offset:3px;border-radius:6px}

h1,h2,h3,.larga{font-family:var(--larga);font-stretch:125%;letter-spacing:-.025em;line-height:1.05}
h1{font-size:clamp(26px,3.6vw,40px);font-weight:850;margin:0}
h2{font-size:19px;font-weight:750;margin:0 0 16px}
h3{font-size:15px;font-weight:700;margin:0 0 10px}
p{margin:0 0 12px;max-width:76ch}
.sub{color:var(--cinza);font-size:13.5px}
.fraco{color:var(--cinza2)}
.cod{font-stretch:87%;font-weight:600;letter-spacing:.01em}
.num{font-variant-numeric:tabular-nums}

/* ---------------------------------------------------------------- topo */
.topo{position:sticky;top:0;z-index:40;background:rgba(0,0,0,.82);backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid var(--linha);view-transition-name:topo}
.topo .in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:28px;padding:10px 24px}
.topo .marca{display:block;height:42px;flex:none}

.topo nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.topo nav a{color:var(--cinza);text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:600;font-size:14px;
  transition:color .2s,background .2s}
.topo nav a:hover{color:var(--osso);background:var(--grafite2)}
.topo nav a.at{color:var(--volt-tinta);background:var(--volt)}
.quem{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--cinza);margin-left:auto}
.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--grafite3);
  color:var(--volt);font-weight:800;font-stretch:125%;font-size:13px;border:1px solid var(--linha2)}
.quem a{color:var(--cinza);text-decoration:none;border:1px solid var(--linha2);border-radius:999px;padding:5px 11px}
.quem a:hover{color:var(--osso);border-color:var(--osso)}

main{max-width:1280px;margin:0 auto;padding:34px 24px 90px}
.rodape{text-align:center;color:var(--cinza2);font-size:12px;margin-top:56px}

/* ------------------------------------------------------------- painéis */
.painel{background:var(--grafite);border:1px solid var(--linha);border-radius:var(--r-painel);padding:26px;position:relative}
.painel.quieto{background:transparent}
.grade{display:grid;gap:18px}
.g2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}
.g-35{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
@media (max-width:900px){.g-35{grid-template-columns:1fr}}
.espaco{margin-top:18px}
.cabeca{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}

/* ---------------------------------------------------- herói com órbita */
.heroi{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;border-radius:var(--r-painel);
  background:var(--grafite);border:1px solid var(--linha);overflow:hidden}
@media (max-width:860px){.heroi{grid-template-columns:1fr}}
.heroi .foco{position:relative;padding:44px 36px 40px;min-height:260px;display:flex;flex-direction:column;justify-content:center;
  background:radial-gradient(120% 140% at 0% 100%,rgba(184,240,31,.09),transparent 55%),var(--preto);overflow:hidden}
.heroi .rotulo{color:var(--cinza);font-size:14px;font-weight:600;position:relative;z-index:2}
.heroi .rotulo,.heroi .nota,.heroi .valor{text-shadow:0 0 3px #000,0 0 8px #000,0 0 14px #000}
.heroi .valor{font-stretch:125%;font-weight:900;font-size:clamp(34px,5.6vw,68px);letter-spacing:-.04em;line-height:1;
  margin:10px 0 12px;font-variant-numeric:tabular-nums;position:relative;z-index:2;white-space:nowrap}
.heroi .valor .moeda{font-size:.42em;color:var(--volt);margin-right:.18em;vertical-align:.62em;letter-spacing:0}
.heroi .nota{position:relative;z-index:2;color:var(--cinza);font-size:13.5px}
.orbita{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.orbita .anel{fill:none;stroke:var(--volt);stroke-width:2.2;stroke-dasharray:100;stroke-dashoffset:100;
  animation:desenha 1.6s .15s var(--ease) forwards;opacity:.9}
.orbita .anel2{fill:none;stroke:var(--linha2);stroke-width:1}
.orbita .cometa{fill:var(--volt);filter:drop-shadow(0 0 6px var(--volt))}
.orbita .seta{fill:none;stroke:var(--volt);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;
  animation:desenha .6s 1.4s var(--ease) forwards}
.orbita .ponta{fill:var(--volt);transform-box:fill-box;transform-origin:center;transform:scale(0);animation:pop .45s 1.9s var(--mola) forwards}
@keyframes desenha{to{stroke-dashoffset:0}}
@keyframes pop{to{transform:scale(1)}}
.heroi .lista{padding:28px 32px;display:flex;flex-direction:column;justify-content:center}
.dado{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--linha)}
.dado:last-child{border-bottom:0}
.dado .k{color:var(--cinza);font-size:14px}
.dado .k small{display:block;color:var(--cinza2);font-size:12px;margin-top:2px}
.dado .v{font-stretch:112%;font-weight:750;font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
.dado .v.volt{color:var(--volt)}
.dado .v.ambar{color:var(--ambar)}
.dado .v.violeta{color:var(--violeta)}

/* --------------------------------------------------------------- botões */
.btn{--bg:var(--osso);--fg:#000;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:999px;
  padding:12px 20px;font:700 14px/1 var(--larga);font-stretch:108%;background:var(--bg);color:var(--fg);cursor:pointer;
  text-decoration:none;position:relative;overflow:hidden;transition:transform .25s var(--mola),background .2s,box-shadow .25s;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:scale(.97)}
.btn.volt{--bg:var(--volt);--fg:var(--volt-tinta)}
.btn.volt:hover{box-shadow:0 10px 30px -10px rgba(184,240,31,.6)}
.btn.claro{--bg:transparent;--fg:var(--osso);box-shadow:inset 0 0 0 1px var(--linha2)}
.btn.claro:hover{box-shadow:inset 0 0 0 1px var(--osso)}
.btn.peq{padding:8px 13px;font-size:12.5px}
.btn[disabled]{opacity:.7;cursor:wait;transform:none}
.btn .giro{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:gira .7s linear infinite}
.btn svg{width:16px;height:16px}

/* ----------------------------------------------------------- formulário */
input,select,textarea{font:inherit;color:var(--osso);background:var(--preto);border:1px solid var(--linha2);border-radius:var(--r-ctrl);
  padding:11px 13px;width:100%;transition:border-color .2s,box-shadow .2s}
input::placeholder,textarea::placeholder{color:var(--cinza2)}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--volt);box-shadow:0 0 0 4px var(--volt-vidro)}
input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(.8)}
label{display:block;font-size:13px;color:var(--cinza);margin:0 0 7px;font-weight:500}
.campo{margin-bottom:15px}
.linha-form{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.linha-form>*{flex:1;min-width:160px}
.check{display:flex;align-items:center;gap:10px;cursor:pointer;color:var(--osso);font-size:14px}
.check input{appearance:none;width:22px;height:22px;padding:0;border-radius:7px;flex:none;display:grid;place-items:center;cursor:pointer}
.check input:checked{background:var(--volt);border-color:var(--volt)}
.check input:checked::after{content:"";width:6px;height:11px;border:solid var(--volt-tinta);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}

/* ---------------------------------------------------------------- abas */
.abas{position:relative;display:inline-flex;gap:2px;padding:5px;margin:22px 0 26px;background:var(--grafite);
  border:1px solid var(--linha);border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.abas a{position:relative;z-index:1;padding:10px 17px;border-radius:999px;color:var(--cinza);text-decoration:none;
  font-size:14px;font-weight:600;white-space:nowrap;transition:color .3s}
.abas a:hover{color:var(--osso)}
.abas a.at{color:var(--volt-tinta)}
.abas .indicador{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:999px;background:var(--volt);
  transition:left .45s var(--mola),width .45s var(--mola)}
.abas a .passo{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;margin-right:7px;font-size:11px;
  font-weight:800;background:var(--grafite3);color:var(--osso)}
.abas a.at .passo{background:var(--volt-tinta);color:var(--volt)}
.titulo-cliente .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

/* --------------------------------------------------------------- tabela */
.tabela{overflow-x:auto;border-radius:var(--r-bloco);border:1px solid var(--linha)}
table{border-collapse:collapse;width:100%;font-size:14px;font-variant-numeric:tabular-nums}
th{background:var(--grafite2);text-align:left;font-weight:600;color:var(--cinza);font-size:12.5px;padding:12px 14px;white-space:nowrap}
td{padding:13px 14px;border-top:1px solid var(--linha);vertical-align:top}
tbody tr{transition:background .2s}
tbody tr:hover{background:rgba(184,240,31,.035)}
tfoot th{background:var(--grafite2);color:var(--osso);font-weight:750;border-top:1px solid var(--linha2)}
td.n,th.n{text-align:right;white-space:nowrap}
td b,th b{font-weight:700}
tr.apagada td{opacity:.45}
.linha-entra{animation:entra .5s var(--ease) both;animation-delay:calc(var(--i,0) * 22ms)}
@keyframes entra{from{opacity:0;transform:translateY(6px)}}

/* ---------------------------------------------------------------- selos */
.selo{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:650;white-space:nowrap;
  background:var(--grafite3);color:var(--cinza)}
.selo::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.s-ok{background:var(--volt-vidro);color:var(--volt)}
.s-alerta{background:rgba(255,176,32,.12);color:var(--ambar)}
.s-erro{background:rgba(255,92,73,.13);color:var(--flare)}
.s-info{background:rgba(140,123,255,.14);color:var(--violeta)}
.s-neutro{background:var(--grafite3);color:var(--cinza)}
.alertas{margin:6px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ambar)}
.alertas li{display:flex;gap:6px}
.alertas li::before{content:"!";flex:none;width:15px;height:15px;border-radius:50%;background:rgba(255,176,32,.16);display:grid;place-items:center;font-size:10px;font-weight:800;margin-top:2px}
.mini{font-size:12px;color:var(--cinza);margin-top:5px}

/* ------------------------------------------------------- pendências */
.pend{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--linha)}
.pend:last-of-type{border-bottom:0}
.pend .qt{min-width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:850;font-stretch:125%;font-size:15px}
.pend .qt.ambar{background:rgba(255,176,32,.13);color:var(--ambar)}
.pend .qt.flare{background:rgba(255,92,73,.13);color:var(--flare)}
.pend a{margin-left:auto;font-size:13px;font-weight:600}
.tudo-ok{display:flex;align-items:center;gap:12px;color:var(--volt);font-weight:600}
.tudo-ok svg{width:34px;height:34px}

/* ----------------------------------------------------------- upload */
.drop{display:block;border:1.5px dashed rgba(184,240,31,.35);border-radius:var(--r-bloco);padding:30px 22px;text-align:center;cursor:pointer;
  background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(184,240,31,.025) 14px 28px);transition:all .3s var(--ease);margin:0}
.drop:hover{border-color:var(--volt)}
.drop.sobre{border-color:var(--volt);background:var(--volt-vidro);transform:scale(1.015)}
.drop .icone{width:46px;height:46px;margin:0 auto 12px;border-radius:14px;display:grid;place-items:center;background:var(--volt);color:var(--volt-tinta);
  transition:transform .4s var(--mola)}
.drop.sobre .icone,.drop:hover .icone{transform:translateY(-4px) rotate(-6deg)}
.drop b{display:block;color:var(--osso);font-size:15px;margin-bottom:4px}
.fichas{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.ficha{background:var(--grafite3);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--osso);animation:pop2 .35s var(--mola) both}
@keyframes pop2{from{transform:scale(.6);opacity:0}}

/* ---------------------------------------------------- cobertura */
.matriz{display:grid;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}
.matriz .m{border-radius:12px;padding:9px 6px 8px;text-align:center;background:var(--grafite2);border:1px solid var(--linha);
  animation:pop2 .4s var(--mola) both;animation-delay:calc(var(--i,0) * 12ms)}
.matriz .m b{display:block;font-size:11.5px;font-weight:650;margin-bottom:6px;color:var(--cinza)}
.matriz .m.cheio{background:var(--volt);border-color:var(--volt)}
.matriz .m.cheio b{color:var(--volt-tinta)}
.pt{display:inline-block;width:7px;height:7px;border-radius:50%;margin:0 1.5px;background:var(--grafite3);border:1px solid var(--linha2)}
.pt.on{background:var(--volt);border-color:var(--volt)}
.m.cheio .pt.on{background:var(--volt-tinta);border-color:var(--volt-tinta)}
.legenda{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--cinza);margin-bottom:14px}
.legenda span{display:inline-flex;align-items:center;gap:7px}
.legenda i{width:12px;height:12px;border-radius:4px;display:inline-block}

/* ---------------------------------------------------------- gráfico */
.grafico{position:relative}
.grafico svg{display:block;width:100%;height:auto;overflow:visible}
.grafico .eixo text{fill:var(--cinza);font-size:11px;font-family:var(--larga)}
.grafico .grade-l{stroke:var(--linha);stroke-width:1}
.grafico .barra{transition:opacity .2s}
.grafico .barra.cresce{transform-box:fill-box;transform-origin:bottom;animation:cresce .8s var(--ease) both}
@keyframes cresce{from{transform:scaleY(0)}}
.grafico:hover .barra{opacity:.55}
.grafico .barra.foco{opacity:1}
.dica{position:absolute;pointer-events:none;background:var(--osso);color:#000;border-radius:12px;padding:9px 12px;font-size:12.5px;
  white-space:nowrap;transform:translate(-50%,calc(-100% - 12px));opacity:0;transition:opacity .15s;box-shadow:0 12px 30px -10px rgba(0,0,0,.6);z-index:5}
.dica b{display:block;font-size:14px;font-stretch:112%}
.dica.ve{opacity:1}

/* --------------------------------------------------- escolha sim/não */
.escolha{display:inline-flex;padding:3px;border-radius:999px;background:var(--preto);border:1px solid var(--linha2);gap:2px}
.escolha input{position:absolute;opacity:0;pointer-events:none}
.escolha label{margin:0;padding:6px 13px;cursor:pointer;font-size:12.5px;font-weight:650;border-radius:999px;color:var(--cinza);transition:all .25s var(--mola)}
.escolha label:hover{color:var(--osso)}
.escolha input:checked+label.sim{background:var(--volt);color:var(--volt-tinta)}
.escolha input:checked+label.nao{background:var(--grafite3);color:var(--osso)}
.escolha input:checked+label.est{background:var(--violeta);color:#0b0820}
.escolha input:checked+label.pend{color:var(--ambar);box-shadow:inset 0 0 0 1px rgba(255,176,32,.5)}
.escolha input:focus-visible+label{outline:2px solid var(--volt);outline-offset:2px}
.barra-salvar{position:sticky;bottom:18px;display:flex;justify-content:flex-end;margin-top:18px;z-index:5}
details summary{cursor:pointer;color:var(--volt);font-size:13px;font-weight:600;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"+";display:inline-block;width:16px;transition:transform .25s var(--mola)}
details[open] summary::before{transform:rotate(45deg)}

/* ------------------------------------------------ confronto e afins */
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.filtro{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linha2);background:transparent;color:var(--cinza);border-radius:999px;
  padding:8px 14px;font:600 13px/1 var(--larga);cursor:pointer;transition:all .25s var(--mola)}
.filtro b{color:var(--osso);font-stretch:112%}
.filtro:hover{color:var(--osso);border-color:var(--osso)}
.filtro.at{background:var(--osso);color:#000;border-color:var(--osso)}
.filtro.at b{color:#000}
.filtro .pt{margin:0}
.pt.amb{background:var(--ambar);border-color:var(--ambar)}
.pt.fl{background:var(--flare);border-color:var(--flare)}
tr[hidden]{display:none}
th.grupo{text-align:center;border-bottom:1px solid var(--linha2)}
th[rowspan]{vertical-align:bottom}
.resumo-reap{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0 20px}
.resumo-reap>div{background:var(--grafite2);border-radius:var(--r-bloco);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.resumo-reap span{font-size:12.5px;color:var(--cinza)}
.resumo-reap b{font-stretch:112%;font-size:18px;font-variant-numeric:tabular-nums}
.resumo-reap small{font-size:12px;color:var(--cinza)}
.resumo-reap .destaque{background:var(--volt);color:var(--volt-tinta)}
.resumo-reap .destaque span,.resumo-reap .destaque small{color:rgba(10,15,0,.7)}
.selic-linha{display:flex;gap:14px;align-items:flex-start}
.pulso{flex:none;width:12px;height:12px;border-radius:50%;margin-top:5px;background:var(--volt);box-shadow:0 0 0 0 rgba(184,240,31,.6);animation:pulso 2s infinite}
.pulso.amb{background:var(--ambar);box-shadow:0 0 0 0 rgba(255,176,32,.6)}
@keyframes pulso{70%{box-shadow:0 0 0 12px rgba(184,240,31,0)}100%{box-shadow:0 0 0 0 rgba(184,240,31,0)}}
.drop.grande{padding:56px 22px}
.req{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--linha)}
.req:last-of-type{border-bottom:0}
.ic-req{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--volt);color:var(--volt-tinta);font-weight:850;font-size:13px}
.contagem{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.contagem>div{background:var(--grafite2);border-radius:var(--r-bloco);padding:16px 18px;display:flex;flex-direction:column;gap:4px;animation:pop2 .45s var(--mola) both}
.contagem>div:nth-child(2){animation-delay:.06s}.contagem>div:nth-child(3){animation-delay:.12s}.contagem>div:nth-child(4){animation-delay:.18s}
.contagem b{font-size:26px;font-weight:850;color:var(--volt)}
.contagem span{font-size:13px;color:var(--cinza)}
.contagem .zero b{color:var(--flare)}
.proximos{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid var(--linha)}
.proximos a{font-weight:650}

/* ------------------------------------------------ mensagem de acesso */
.zap{background:#0b141a;border-radius:var(--r-bloco);padding:22px;border:1px solid var(--linha)}
.balao{background:#005c4b;color:#e9edef;border-radius:14px 14px 4px 14px;padding:14px 16px;white-space:pre-wrap;font-size:14.5px;line-height:1.5;
  max-width:560px;margin-left:auto;box-shadow:0 2px 8px rgba(0,0,0,.4);animation:pop2 .5s var(--mola) both;word-break:break-word}
a.avatar{text-decoration:none}

/* --------------------------------------------- toasts e carregamento */
.toasts{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100vw - 40px))}
.toast{display:flex;gap:12px;align-items:flex-start;background:var(--osso);color:#000;border-radius:16px;padding:14px 16px;font-size:14px;font-weight:500;
  box-shadow:0 20px 50px -15px rgba(0,0,0,.8);animation:toast-in .5s var(--mola) both}
.toast .ic{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--volt);color:#000;font-weight:900;font-size:13px}
.toast.erro{background:#1d0b09;color:#ffd9d4;box-shadow:inset 0 0 0 1px rgba(255,92,73,.5),0 20px 50px -15px rgba(0,0,0,.8)}
.toast.erro .ic{background:var(--flare);color:#000}
.toast button{margin-left:auto;background:none;border:0;color:inherit;opacity:.6;cursor:pointer;font-size:18px;line-height:1;padding:0 0 0 8px}
.toast.sai{animation:toast-out .35s var(--ease) forwards}
@keyframes toast-in{from{opacity:0;transform:translateY(20px) scale(.95)}}
@keyframes toast-out{to{opacity:0;transform:translateX(30px)}}

.barra-topo{position:fixed;top:0;left:0;height:3px;width:0;z-index:100;background:var(--volt);box-shadow:0 0 12px var(--volt),0 0 4px var(--volt);
  transition:width .4s var(--ease),opacity .3s}
.barra-topo.vai{width:82%;transition:width 8s cubic-bezier(.1,.6,.2,1)}
.barra-topo.fim{width:100%;opacity:0}

.carregador{position:fixed;inset:0;z-index:95;display:grid;place-items:center;background:rgba(0,0,0,.88);backdrop-filter:blur(10px);
  opacity:0;pointer-events:none;transition:opacity .3s}
.carregador.ve{opacity:1;pointer-events:auto}
.carregador .caixa{text-align:center;width:min(440px,86vw)}
.carregador img.logo{width:min(320px,70vw);margin:0 auto}
.carregador .msg{margin-top:26px;font-weight:650;font-size:15px;min-height:24px}
.carregador .msg span{display:inline-block;animation:msg .45s var(--ease) both}
@keyframes msg{from{opacity:0;transform:translateY(8px)}}
.carregador .trilho{height:4px;border-radius:4px;background:var(--grafite3);margin-top:16px;overflow:hidden}
.carregador .trilho i{display:block;height:100%;width:30%;border-radius:4px;background:var(--volt);animation:vaivem 1.3s ease-in-out infinite}
.carregador .trilho.real i{animation:none;transition:width .25s}
.carregador .pct{font-size:12.5px;color:var(--cinza);margin-top:8px;font-variant-numeric:tabular-nums}
@keyframes vaivem{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@keyframes gira{to{transform:rotate(360deg)}}

/* ---------------------------------------------------------- logo */
img.logo{display:block;height:auto;max-width:100%}
.topo .marca img.logo{height:100%;width:auto;transition:transform .4s var(--mola)}
.topo .marca:hover img.logo{transform:scale(1.04) rotate(-1.5deg)}
img.logo.anima{animation:logo-entra 1.1s var(--ease) both}
@keyframes logo-entra{0%{opacity:0;transform:translateY(24px) scale(.94);filter:blur(8px)}60%{filter:blur(0)}100%{opacity:1;transform:none}}
img.logo.corre{animation:respira 1.8s ease-in-out infinite}
@keyframes respira{50%{transform:scale(1.035);filter:drop-shadow(0 0 22px rgba(184,240,31,.45))}}

/* ---------------------------------------------------------- login */
.entrada{min-height:calc(100vh - 140px);display:grid;place-items:center;position:relative}
.entrada .fundo{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.entrada .fundo svg{position:absolute;left:50%;top:50%;width:1600px;height:1600px;transform:translate(-50%,-50%);animation:gira 120s linear infinite}
.entrada .fundo ellipse{fill:none;stroke:rgba(255,255,255,.05)}
.entrada .caixa{position:relative;z-index:1;width:min(420px,100%);text-align:center}
.entrada img.logo{width:min(380px,86vw);margin:0 auto 14px}
.entrada form{text-align:left;margin-top:28px;background:var(--grafite);border:1px solid var(--linha);border-radius:var(--r-painel);padding:28px}

/* ----------------------------------------------------- documentos */
.doc{max-width:920px;margin:0 auto;background:#fff;color:#111;border-radius:var(--r-painel);overflow:hidden}
.doc .capa{background:#000;color:#fff;padding:40px 52px 34px;position:relative;overflow:hidden}
.doc .capa img.logo{height:64px;width:auto}
.doc .capa h1{color:#fff;font-size:30px;margin-top:30px}
.doc .capa .tema{color:var(--volt);font-weight:650;margin-top:8px;font-size:16px}
.doc .capa .risco{position:absolute;right:-60px;top:-40px;width:340px;height:340px;opacity:.5}
.doc .corpo{padding:38px 52px 46px}
.doc h2{font-size:19px;margin:30px 0 12px;color:#000}
.doc h2:first-child{margin-top:0}
.doc h3{color:#000}
.doc p,.doc li{color:#222;line-height:1.65}
.doc .sub{color:#5a5f56}
.doc table{font-size:13px}
.doc .tabela{border-color:#e3e6df}
.doc th{background:#f3f5ef;color:#4b5047}
.doc td{border-top-color:#e9ebe5;color:#111}
.doc tfoot th{background:#f3f5ef;color:#000;border-top-color:#d6dacf}
.doc tbody tr:hover{background:transparent}
.doc .ficha-doc{display:grid;grid-template-columns:200px 1fr;gap:0;border-top:1px solid #e9ebe5;margin-bottom:6px}
.doc .ficha-doc div{padding:10px 0;border-bottom:1px solid #e9ebe5}
.doc .ficha-doc .k{color:#5a5f56;font-size:13.5px}
.doc .destaques{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0 10px}
.doc .dq{border-radius:18px;padding:20px 22px;background:#f3f5ef}
.doc .dq .k{font-size:13px;color:#4b5047}
.doc .dq .v{font-stretch:125%;font-weight:850;font-size:26px;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}
.doc .dq.preto{background:#000;color:#fff}
.doc .dq.preto .k{color:#b9beb3}
.doc .dq.preto .v{color:var(--volt)}
.doc .dq .s{font-size:12.5px;color:#5a5f56;margin-top:4px}
.doc .assin{margin-top:46px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#5a5f56;font-size:13px;border-top:1px solid #e9ebe5;padding-top:16px}
.acoes-doc{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}

@media (max-width:700px){
  main{padding:24px 16px 70px}.topo .in{padding:10px 16px;gap:14px;flex-wrap:wrap}.topo .marca{height:36px}
  .topo nav{order:3;flex-basis:100%}.painel{padding:20px}.heroi .foco{padding:34px 22px}.heroi .lista{padding:18px 22px}
  .doc .capa,.doc .corpo{padding-left:24px;padding-right:24px}.doc .ficha-doc{grid-template-columns:130px 1fr}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important}
  .orbita .anel,.orbita .seta,svg.logo.anima .anel,svg.logo.anima .seta{stroke-dashoffset:0}
  @view-transition{navigation:none}
}
@media print{
  html,body{background:#fff;color:#000;font-size:11px}
  .topo,.nao-imprime,.toasts,.barra-topo,.carregador,.rodape{display:none!important}
  main{padding:0;max-width:none}
  .doc{border-radius:0;max-width:none}
  .doc .capa,.doc .dq.preto,.doc th{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .doc .corpo{padding:24px 0}
  tr{page-break-inside:avoid}
}