/* LastroPay — painel (seller e admin). Identidade "livro-caixa" (out/2026):
   - papel quente no fundo, tinta escura no menu; o conteúdo se organiza por fios (linhas), não por caixas dentro de caixas;
   - cantos quase retos; sombra nenhuma; nada de gradiente;
   - rótulos em frase normal (nada de mono em maiúsculas); mono só para IDs, chaves e códigos;
   - números grandes, tabulares, com o peso no valor e não no enfeite;
   - acento: esmeralda para ação e sinal positivo, ouro para o que é "lastro" (reserva, destaque). O limão fica só no logo;
   - status = texto + quadradinho (o "pixel" do logo), nunca pílula colorida cheia. */
@font-face{font-family:Inter;src:url(fontes/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fontes/inter-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url(fontes/inter-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(fontes/jetbrainsmono-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Unbounded;src:url(fontes/unbounded-600.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --tinta:#15130E; --volt:#D9A63A; --ouro:#C8952B; --esmeralda:#0E6A4B;
  --fundo:#EFEBE2; --sup:#FBF9F4; --sup-2:#F5F1E8; --linha:#DFD8CA; --linha-2:#CBC2B1; --regua:#15130E;
  --texto:#17150F; --sec:#5F5A4F; --ter:#7A7467;
  --acao:#15130E; --acao-txt:#FBF9F4;
  --sinal:#0E6A4B;              /* acento legível no papel */
  --sinal-fundo:#E2ECE3;
  --ok:#15744C; --aviso:#996100; --erro:#B5361F; --info:#2C5A86;
  --grafico:#0E6A4B; --grafico-area:rgba(14,106,75,.09);
  /* menu lateral: tinta nos dois temas */
  --lado:#15130E; --lado-2:#201D16; --lado-linha:#2E2A21; --lado-txt:#EDE6D6; --lado-sec:#A39B8A; --lado-ativo:#F6EFDF;
  --sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --display:Unbounded,Inter,system-ui,sans-serif;
  --r:3px; --r-s:3px;
  color-scheme:light;
}
:root[data-tema="escuro"]{
  --fundo:#14120E; --sup:#1A1813; --sup-2:#211E17; --linha:#2D2921; --linha-2:#3D382D; --regua:#EFE8D8;
  --texto:#EFE8D8; --sec:#A69F8F; --ter:#8A8374;
  --acao:#EFE8D8; --acao-txt:#15130E;
  --sinal:#5ECB98; --sinal-fundo:rgba(94,203,152,.10);
  --ok:#5ECB98; --aviso:#E3AE48; --erro:#F07B63; --info:#86B2DF;
  --grafico:#5ECB98; --grafico-area:rgba(94,203,152,.08);
  --volt:#E3AE48; --ouro:#E3AE48;
  --lado:#0A0907; --lado-2:#15130E; --lado-linha:#24211A;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--fundo);color:var(--texto);font:400 14px/1.5 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1,"cv11" 1,"ss01" 1}
button,input,select{font:inherit;color:inherit}
a{color:inherit}
:focus-visible{outline:2px solid var(--sinal);outline-offset:2px;border-radius:2px}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:-.01em}
.sec{color:var(--sec)} .ter{color:var(--ter)}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.dir{text-align:right}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── estrutura ── */
.app{display:grid;grid-template-columns:252px 1fr;min-height:100vh}
.lado{background:var(--lado);color:var(--lado-txt);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--lado-linha) transparent}
.lado-topo{padding:22px 22px 18px;display:flex;align-items:center;gap:10px}
.lado-topo svg{width:24px;height:24px;flex:none}
.lado-topo b{font:600 16px/1 var(--display);letter-spacing:-.02em;color:var(--lado-txt)}
.conta{margin:0 22px 18px;padding:14px 0 16px;border-top:1px solid var(--lado-linha);border-bottom:1px solid var(--lado-linha)}
.conta .rot{font-size:12px;color:var(--lado-sec);display:flex;justify-content:space-between;align-items:center}
.conta .rot .icone-btn{color:var(--lado-sec)}
.conta .val{font-size:23px;font-weight:700;letter-spacing:-.03em;margin-top:4px;color:var(--lado-ativo);line-height:1.15}
.conta .sub{font-size:12px;color:var(--lado-sec);margin-top:4px}
.conta .num-seller{font-family:var(--mono);font-size:11.5px;color:var(--ouro)}
.nav{padding:0 12px 18px;flex:1}
.nav h6{margin:20px 10px 6px;font:600 11.5px/1 var(--sans);letter-spacing:0;color:var(--lado-sec)}
.nav a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:2px;text-decoration:none;color:var(--lado-txt);opacity:.78;font-weight:500;font-size:13.5px;position:relative}
.nav a svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.nav a:hover{opacity:1;background:var(--lado-2)}
.nav a[aria-current=page]{opacity:1;color:var(--lado-ativo);background:var(--lado-2);font-weight:600}
.nav a[aria-current=page]::before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:3px;background:var(--ouro)}
.nav a[aria-current=page] svg{opacity:1;color:var(--ouro)}
.nav .cont{margin-left:auto;font:600 11.5px/1 var(--sans);color:var(--lado-sec);padding:2px 0}
.nav .cont.alerta{color:#FF8E77}
.lado-pe{border-top:1px solid var(--lado-linha);padding:14px 22px;display:flex;gap:8px;align-items:center}
.troca{display:flex;gap:16px;flex:1}
.troca button{border:0;background:none;padding:4px 0;font-size:12.5px;font-weight:600;color:var(--lado-sec);cursor:pointer;border-bottom:2px solid transparent}
.troca button[aria-pressed=true]{color:var(--lado-ativo);border-bottom-color:var(--ouro)}

.principal{min-width:0;display:flex;flex-direction:column}
.topo{height:60px;border-bottom:1px solid var(--linha);background:var(--fundo);display:flex;align-items:center;gap:16px;padding:0 40px;position:sticky;top:0;z-index:20}
.migalha{font-size:13px;color:var(--sec);display:flex;gap:8px;align-items:center;min-width:0}
.migalha b{color:var(--texto);font-weight:600}
.migalha .ter{display:none}
.migalha .mg-raiz:first-child{color:var(--texto);font-weight:600}
.migalha b:not(:only-child){display:none}
.busca{position:relative;margin-left:auto;display:flex;align-items:center;gap:9px;height:40px;width:420px;max-width:42vw;padding:0 8px 0 13px;background:var(--sup);border:1px solid var(--linha-2);border-radius:3px;color:var(--ter);transition:border-color .12s,box-shadow .12s}
.busca:hover{border-color:var(--ter)}
.busca:focus-within{border-color:var(--texto);box-shadow:0 0 0 3px color-mix(in srgb,var(--sinal) 16%,transparent)}
.busca:has(.busca-res:not([hidden])){border-radius:3px 3px 0 0}
.busca svg,.campo svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none;color:var(--ter)}
.busca input{border:0;background:none;outline:0;flex:1;font-size:13.5px;color:var(--texto)}
.busca input::placeholder{color:var(--ter)}
.busca-atalho{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;font:600 11.5px/1 var(--sans);color:var(--sec);background:var(--sup-2);border:1px solid var(--linha-2);border-bottom-width:2px;border-radius:3px}
.busca:focus-within .busca-atalho{display:none}
/* Resultados da busca: grupos, realce do que foi digitado, item ativo com o fio de ouro */
.busca-res{position:absolute;left:-1px;right:-1px;top:100%;z-index:50;background:var(--sup);border:1px solid var(--texto);border-top:1px solid var(--linha);border-radius:0 0 3px 3px;max-height:min(72vh,560px);overflow-y:auto;color:var(--texto)}
.busca-res[hidden]{display:none}
.br-grupo{padding:12px 16px 6px;font:600 12px/1 var(--sans);color:var(--sec)}
.br-item{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;padding:9px 16px;cursor:pointer;position:relative}
.br-item svg{width:17px;height:17px;stroke:var(--ter);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.br-item[aria-selected=true]{background:var(--sup-2)}
.br-item[aria-selected=true]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ouro)}
.br-item[aria-selected=true] svg{stroke:var(--texto)}
.br-txt{min-width:0}
.br-txt b{display:block;font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-txt small{display:block;font-size:12px;color:var(--sec);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.br-dir{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:13px}
.br-dir .st{font-size:11.5px}
.br-ir{font-size:12px;font-weight:600;color:var(--sinal)}
.busca-res mark{background:color-mix(in srgb,var(--ouro) 32%,transparent);color:inherit;border-radius:1px;padding:0 1px}
.br-vazio{padding:18px 16px;font-size:13px;color:var(--sec)}
.br-pe{display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--linha);font-size:12px;color:var(--sec);background:var(--sup-2);position:sticky;bottom:0}
.br-pe kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin-right:3px;font:600 10.5px/1 var(--sans);background:var(--sup);border:1px solid var(--linha-2);border-bottom-width:2px;border-radius:3px;color:var(--texto)}
.icone-btn{width:34px;height:34px;display:grid;place-items:center;border:0;background:none;border-radius:50%;cursor:pointer;color:var(--sec)}
.icone-btn:hover{background:var(--sup-2);color:var(--texto)}
.icone-btn svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7}
.usuario{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}
.av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:600 11.5px/1 var(--sans);background:var(--tinta);color:#F3EDE0;flex:none;letter-spacing:.02em}
:root[data-tema="escuro"] .av{background:var(--sup-2);color:var(--texto);box-shadow:inset 0 0 0 1px var(--linha-2)}
.av.g{width:44px;height:44px;font-size:15px}

.faixa-suporte{background:var(--ouro);color:#1a1200;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px}
.faixa-suporte button{border:1px solid rgba(0,0,0,.35);background:transparent;border-radius:2px;padding:3px 10px;font-weight:700;cursor:pointer}

.conteudo{padding:34px 40px 72px;max-width:1520px;width:100%;margin:0 auto}
.cab{display:flex;align-items:flex-end;gap:16px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid var(--linha-2);flex-wrap:wrap}
.cab h1{font:700 30px/1.1 var(--sans);letter-spacing:-.035em;margin:0}
.cab p{margin:8px 0 0;color:var(--sec);font-size:14px;max-width:760px}
.cab .acoes{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}

/* ── botões e controles ── */
.btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:3px;border:1px solid var(--texto);background:transparent;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;color:var(--texto)}
.btn:hover{background:var(--sup)}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.btn.pri{background:var(--acao);color:var(--acao-txt);border-color:var(--acao)}
.btn.pri:hover{background:var(--acao);opacity:.88}
.btn.perigo{color:var(--erro);border-color:var(--erro)}
.btn.perigo:hover{background:color-mix(in srgb,var(--erro) 7%,transparent)}
.btn:disabled{opacity:.38;cursor:not-allowed}
.btn.peq{height:30px;padding:0 11px;font-size:12.5px}
/* Segmentado = abas sublinhadas (texto puro, o ativo ganha o fio) */
.seg{display:inline-flex;gap:18px;border:0;border-radius:0;padding:0;background:none;flex-wrap:wrap}
.seg button{border:0;background:none;padding:0;height:30px;border-radius:0;font-size:13px;font-weight:600;color:var(--sec);cursor:pointer;border-bottom:2px solid transparent}
.seg button:hover{color:var(--texto)}
.seg button[aria-pressed=true]{background:none;color:var(--texto);box-shadow:none;border-bottom-color:var(--texto)}
.seg button .ter,.seg button .mono{font-family:var(--sans);font-weight:500;margin-left:3px}
.campo{display:inline-flex;align-items:center;gap:6px;height:36px;border:1px solid var(--linha-2);border-radius:3px;background:var(--sup);padding:0 10px;font-size:13px}
.campo span{color:var(--sec);font-size:12px}
.campo input,.campo select{border:0;background:none;outline:0;font-size:13px;height:100%}
.campo input[type=date]{width:120px}
.filtros{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-bottom:18px}
.filtros .esp{flex:1}
.filtros.periodo{margin:-8px 0 22px}

/* ── cartões e métricas ── */
.card{background:var(--sup);border:1px solid var(--linha);border-radius:var(--r)}
.card:has(> .card-corpo > .mini-kpis){display:flex;flex-direction:column}
.card-cab{display:flex;align-items:baseline;gap:12px;padding:15px 20px 13px;border-bottom:1px solid var(--linha);flex-wrap:wrap}
.card-cab h2{font-size:14.5px;font-weight:700;margin:0;letter-spacing:-.015em}
.card-cab p{margin:0;font-size:12.5px;color:var(--sec)}
.card-cab .acoes{margin-left:auto;display:flex;gap:6px}
.card-corpo{padding:18px 20px 20px}
.grade{display:grid;gap:16px}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g-21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.mt{margin-top:16px}
/* Faixa de números: régua grossa em cima, fio embaixo, sem caixa (é a "linha de totais" do livro-caixa) */
.metricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:0;border-top:2px solid var(--regua);border-bottom:1px solid var(--linha-2);border-radius:0;background:none}
.metricas.c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.metrica{padding:16px 22px 18px;border-left:1px solid var(--linha);min-width:0}
.metrica:first-child{border-left:0;padding-left:0}
.metrica .rot{font-size:13px;color:var(--sec);display:flex;align-items:center;gap:6px}
.metrica .val{font-size:30px;font-weight:700;letter-spacing:-.04em;margin:6px 0 4px;white-space:nowrap;line-height:1.1}
.metrica .val small{font-size:15px;font-weight:600;color:var(--sec);margin-right:2px;letter-spacing:-.01em}
.metrica .rod{font-size:12.5px;color:var(--sec)}
.var{font:600 12px/1 var(--sans);padding:0;border-radius:0;margin-right:5px;background:none!important}
.var.sobe{color:var(--ok)}
.var.desce{color:var(--erro)}

/* ── status (texto + pixel) ── */
.st{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap}
.st::before{content:"";width:7px;height:7px;border-radius:1px;background:currentColor}
.st.ok{color:var(--ok)} .st.aviso{color:var(--aviso)} .st.erro{color:var(--erro)} .st.info{color:var(--info)} .st.neutro{color:var(--sec)}
.tag{display:inline-flex;align-items:center;font:600 11.5px/1 var(--sans);letter-spacing:0;padding:4px 7px;border-radius:2px;border:1px solid var(--linha-2);color:var(--sec);white-space:nowrap}
.tag.forte{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}
.tag.media{color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 40%,transparent)}
.tag.fraca{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 40%,transparent)}

/* ── tabelas ── */
.tabela-wrap{overflow-x:auto}
table.t{width:100%;border-collapse:collapse;font-size:13.5px}
.t th{font:600 12px/1.2 var(--sans);letter-spacing:0;text-transform:none;color:var(--sec);text-align:left;padding:12px 16px;border-bottom:1px solid var(--linha-2);background:var(--sup);white-space:nowrap;position:sticky;top:0}
.t th.ord{cursor:pointer;user-select:none}
.t th.ord:hover{color:var(--texto)}
.t th .seta{opacity:.9;margin-left:4px}
.t td{padding:12px 16px;border-bottom:1px solid var(--linha);vertical-align:middle}
.t tbody tr:last-child td{border-bottom:0}
.t tbody tr.clica{cursor:pointer}
.t tbody tr.clica:hover td{background:var(--sup-2)}
.t tfoot td{padding:13px 16px;border-top:2px solid var(--regua);font-weight:700;background:var(--sup)}
.pessoa{display:flex;align-items:center;gap:10px;min-width:0}
.pessoa b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}
.pessoa small{display:block;color:var(--sec);font-size:12px}
.l2{display:block;color:var(--sec);font-size:12px;margin-top:2px;font-weight:400}
.linhas li>span:first-child{min-width:0}
.metodo{display:inline-flex;align-items:center;gap:8px}
.metodo i{width:24px;height:16px;border-radius:2px;border:1px solid var(--linha-2);display:grid;place-items:center;font:700 7.5px/1 var(--sans);font-style:normal;letter-spacing:.02em;color:var(--sec)}
.metodo i.pix{color:#1d8f80;border-color:#9fd6cf}
.metodo i.visa{color:#1a1f71;border-color:#b7bbe0}
.metodo i.master{color:#c2402e;border-color:#efc2b9}
.metodo i.elo{color:#111;border-color:#cfcfcf}
:root[data-tema="escuro"] .metodo i{color:var(--sec);border-color:var(--linha-2)}
.pag{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--linha);font-size:12.5px;color:var(--sec)}
.barra-linha{height:6px;border-radius:0;background:var(--linha);overflow:hidden;min-width:60px}
.barra-linha i{display:block;height:100%;background:var(--grafico)}
.expandir td{background:var(--sup-2);padding:0!important}

/* ── abas ── */
.abas{display:flex;gap:22px;border-bottom:1px solid var(--linha-2);margin:0 0 22px;overflow-x:auto}
.abas button{border:0;background:none;padding:10px 0;font-weight:600;font-size:13.5px;color:var(--sec);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.abas button[aria-selected=true]{color:var(--texto);border-bottom-color:var(--texto)}
.abas .cont{font:600 11.5px var(--sans);margin-left:5px;color:var(--erro)}

/* ── listas de pares ── */
dl.pares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 26px;margin:0}
dl.pares.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
dl.pares dt{font-size:12.5px;color:var(--sec);margin-bottom:3px}
dl.pares dd{margin:0;font-weight:600;word-break:break-word}
.linhas{list-style:none;margin:0;padding:0}
.linhas li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--linha);font-size:13.5px}
.linhas li:last-child{border-bottom:0}
.linhas li .dir{margin-left:auto}

/* ── gráficos ── */
.graf{width:100%;height:auto;display:block;overflow:visible}
.graf .eixo{font:500 11px var(--sans);fill:var(--ter)}
.graf .grade-l{stroke:var(--linha);stroke-width:1}
.graf .linha{fill:none;stroke:var(--grafico);stroke-width:2}
.graf .area{fill:var(--grafico-area)}
.graf .linha-2{fill:none;stroke:var(--ter);stroke-width:1.5;stroke-dasharray:3 4}
.graf .barra{fill:var(--grafico)}
.graf .barra-2{fill:var(--linha-2)}
.graf .ponto{fill:var(--sup);stroke:var(--grafico);stroke-width:2}
.legenda{display:flex;gap:16px;font-size:12px;color:var(--sec);flex-wrap:wrap}
.legenda span{display:inline-flex;align-items:center;gap:6px}
.legenda i{width:10px;height:3px;background:var(--grafico)}
.legenda i.tr{background:none;border-top:1.5px dashed var(--ter);height:0}
.dica{position:fixed;pointer-events:none;background:var(--tinta);color:#fff;font-size:12px;padding:7px 9px;border-radius:6px;z-index:90;white-space:nowrap;display:none}
.dica b{display:block;font-size:13px}

/* barra empilhada de composição (bruto → líquido) */
.compo{display:flex;height:10px;border-radius:3px;overflow:hidden;background:var(--linha)}
.compo i{display:block;height:100%}
.compo .c-liq{background:var(--grafico)}
.compo .c-tx{background:var(--ouro)}
.compo .c-cu{background:var(--info)}
.compo .c-est{background:var(--erro)}
.compo-leg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.compo-leg div{font-size:12px;color:var(--sec)}
.compo-leg b{display:block;color:var(--texto);font-size:14px}
.compo-leg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;vertical-align:0}

/* ── painel lateral (detalhe) ── */
.veu{position:fixed;inset:0;background:rgba(7,9,10,.32);z-index:60;display:none}
.veu.on{display:block}
.gaveta{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--sup);border-left:1px solid var(--linha);z-index:61;transform:translateX(100%);transition:transform .2s ease;display:flex;flex-direction:column}
.gaveta.on{transform:none}
.gaveta-cab{padding:18px 20px;border-bottom:1px solid var(--linha);display:flex;align-items:flex-start;gap:12px}
.gaveta-cab h3{margin:0;font-size:16px}
.gaveta-cab .fechar{margin-left:auto}
.gaveta-corpo{padding:18px 20px;overflow-y:auto;flex:1}
.gaveta-corpo section+section{margin-top:22px}
.gaveta-corpo h4{font:700 13px/1.2 var(--sans);letter-spacing:-.01em;color:var(--texto);margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid var(--linha)}
.tempo{list-style:none;margin:0;padding:0;position:relative}
.tempo li{position:relative;padding:0 0 14px 22px;font-size:13px}
.tempo li::before{content:"";position:absolute;left:3px;top:6px;width:7px;height:7px;border-radius:2px;background:var(--linha-2)}
.tempo li::after{content:"";position:absolute;left:6px;top:16px;bottom:0;width:1px;background:var(--linha)}
.tempo li:last-child::after{display:none}
.tempo li.ok::before{background:var(--ok)} .tempo li.erro::before{background:var(--erro)} .tempo li.aviso::before{background:var(--aviso)}
.tempo time{display:block;font:500 12px var(--sans);color:var(--ter)}
.lst{font:500 13px var(--mono);letter-spacing:.04em;padding:8px 10px;border:1px dashed var(--linha-2);border-radius:var(--r-s);display:inline-block}
.evid{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:13px}
.evid .pts{font:500 12px var(--mono)}
.evid .pts.pos{color:var(--ok)} .evid .pts.neg{color:var(--erro)}

pre.json{margin:0;padding:12px 14px;border:1px solid var(--linha);border-radius:var(--r-s);background:var(--sup-2);font:500 12px/1.6 var(--mono);overflow-x:auto;color:var(--sec)}
.j-k{color:var(--texto)} .j-s{color:var(--ok)} .j-n{color:var(--info)}

/* ── editor do checkout ── */
.editor{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}
.editor .controles{position:sticky;top:72px;max-height:calc(100vh - 90px);overflow-y:auto}
.grupo{padding:14px 16px;border-bottom:1px solid var(--linha)}
.grupo:last-child{border-bottom:0}
.grupo>label,.grupo>.rot{display:block;font-size:12.5px;font-weight:600;margin-bottom:8px}
.grupo .dica-c{font-size:12px;color:var(--sec);margin-top:6px}
.cores{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.cores button{width:28px;height:28px;border-radius:2px;border:1px solid var(--linha-2);cursor:pointer;padding:0}
.cores button[aria-pressed=true]{outline:2px solid var(--texto);outline-offset:2px}
.cores input[type=color]{width:28px;height:28px;padding:0;border:1px solid var(--linha-2);border-radius:2px;background:none;cursor:pointer}
.texto-in{width:100%;height:34px;border:1px solid var(--linha-2);border-radius:var(--r-s);padding:0 10px;background:var(--sup);font-size:13px}
.seg.cheio{display:flex}
.seg.cheio button{flex:1}
.travado{font-size:12.5px;color:var(--sec);display:flex;gap:8px;align-items:flex-start;padding:4px 0}
.travado::before{content:"";width:7px;height:7px;border-radius:2px;background:var(--linha-2);margin-top:6px;flex:none}
.previa{overflow:hidden}
.previa-barra{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--linha);font-size:12.5px;color:var(--sec)}
.previa-barra .mono{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.previa-palco{position:relative;overflow:hidden;background:var(--sup-2)}
.previa iframe{display:block;border:0;background:#fff;width:1280px;height:960px;transform-origin:0 0}
.previa.mobile iframe{width:390px;height:780px;transform:none!important;margin:16px auto;border:1px solid var(--linha);border-radius:18px}
@media (max-width:1100px){.editor{grid-template-columns:1fr}.editor .controles{position:static;max-height:none}}

/* ── antecipações ── */
.lote{position:sticky;top:64px;z-index:15;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--tinta);color:#fff;border-radius:var(--r);padding:10px 12px 10px 16px;margin-bottom:12px}
.lote .sec{color:#aab3ad;font-size:12.5px}
.lote .btn{background:transparent;color:#fff;border-color:#3a443f}
.lote .btn.pri{background:var(--volt);color:var(--tinta);border-color:var(--volt)}
:root[data-tema="escuro"] .lote{background:var(--sup-2);border:1px solid var(--linha-2)}
.grupo-ant.primeira{border-color:color-mix(in srgb,var(--ouro) 60%,var(--linha));box-shadow:inset 3px 0 0 var(--ouro)}
.ga-cab{display:grid;grid-template-columns:16px minmax(220px,1.6fr) 90px 120px 100px minmax(150px,1fr) auto;gap:16px;align-items:center;padding:14px 16px;cursor:pointer}
.ga-cab:hover{background:var(--sup-2)}
.ga-check{width:16px;height:16px;accent-color:var(--tinta);cursor:pointer}
.ga-quem{min-width:0}
.ga-tags{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 0 40px}
.ga-num{display:flex;flex-direction:column;font-size:12px}
.ga-num b{font-size:14px;color:var(--texto)}
.ga-rec{display:flex;flex-direction:column;gap:4px;font-size:12px}
.ga-acoes{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.ga-corpo{border-top:1px solid var(--linha)}
.ga-porque{list-style:none;margin:0;padding:14px 16px;display:grid;gap:10px;border-bottom:1px solid var(--linha);background:var(--sup-2)}
.ga-porque li{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:16px;align-items:start}
.ga-porque p{margin:0;font-size:13px;color:var(--sec);line-height:1.5}
@media (max-width:900px){.ga-porque li{grid-template-columns:1fr;gap:4px}}
.ga-pe{padding:14px 16px;border-top:1px solid var(--linha);background:var(--sup-2)}
.selo-primeira{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#5a3d00;background:color-mix(in srgb,var(--ouro) 28%,transparent);border:1px solid color-mix(in srgb,var(--ouro) 70%,transparent);border-radius:5px;padding:2px 7px}
.selo-primeira svg{width:12px;height:12px;fill:currentColor;stroke:none}
:root[data-tema="escuro"] .selo-primeira{color:var(--ouro)}
.btn svg,.icone-btn svg{flex:none}
@media (max-width:1100px){.ga-cab{grid-template-columns:16px 1fr 1fr;}.ga-rec,.ga-acoes{grid-column:2/-1}.ga-num.dir{text-align:left}}

/* ── risco ── */
.score{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600}
.score b{font:700 13px var(--sans);min-width:34px;text-align:center;border-radius:2px;padding:3px 0;color:#fff}
.score.baixo{color:var(--ok)} .score.baixo b{background:var(--ok)}
.score.medio{color:var(--aviso)} .score.medio b{background:var(--aviso)}
.score.alto{color:var(--erro)} .score.alto b{background:var(--erro)}

/* ── formulários de configuração ── */
.form-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px 16px}
.form-grade.parcelas{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
.rot-f{font-size:12px;color:var(--sec);margin-bottom:6px;font-weight:600}
.sub-h{font:700 13.5px/1.2 var(--sans);letter-spacing:-.01em;color:var(--texto);margin:24px 0 12px}
.check-l{display:flex;gap:10px;align-items:flex-start;padding:8px 0;cursor:pointer;font-size:13px}
.check-l input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--tinta);flex:none}
:root[data-tema="escuro"] .check-l input,:root[data-tema="escuro"] .ga-check{accent-color:var(--volt)}
.check-l b{font-weight:600;display:block}
.check-l small{display:block;color:var(--sec);font-size:12px;margin-top:2px}
.campo.erro{border-color:var(--erro);box-shadow:0 0 0 1px var(--erro)}
.campo select{cursor:pointer;background:transparent;color:var(--texto)}
/* Lista aberta do select: o navegador usa as cores do sistema; forçamos as do tema para não ficar ilegível no escuro */
select{color-scheme:light}
select option{background:#FFFFFF;color:#0E1210}
select option:checked{background:#0E6A4B;color:#FFFFFF}
:root[data-tema="escuro"] select{color-scheme:dark}
:root[data-tema="escuro"] select option{background:#1A1813;color:#EFE8D8}
:root[data-tema="escuro"] select option:checked{background:#5ECB98;color:#15130E}
/* "Ver como": menu próprio (a lista nativa do navegador ignora o tema) */
.menu-perfil{position:relative}
.perfil-demo{cursor:pointer;gap:8px;white-space:nowrap;flex:none}
.perfil-demo b{font-weight:600;font-size:13px;color:var(--texto)}
.perfil-demo svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;color:var(--sec)}
.lista-perfil{position:absolute;right:0;top:calc(100% + 6px);width:260px;background:var(--sup);border:1px solid var(--texto);border-radius:var(--r);padding:6px;z-index:40}
.lista-perfil[hidden]{display:none}
.lista-perfil button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 10px;border-radius:2px;cursor:pointer;color:var(--texto)}
.lista-perfil button:hover{background:var(--sup-2)}
.lista-perfil button b{display:block;font-size:13px;font-weight:600}
.lista-perfil button small{display:block;font-size:12px;color:var(--sec);margin-top:1px}
.lista-perfil button[aria-selected=true]{background:var(--sinal-fundo);box-shadow:inset 3px 0 0 var(--sinal)}
.lista-perfil button[aria-selected=true] b{color:var(--sinal)}
.explica{border-bottom:1px dotted currentColor;cursor:help}
textarea.texto-in{font:13px/1.5 var(--mono);resize:vertical;color:var(--texto)}
table.matriz .centro{text-align:center}
table.matriz td input{width:16px;height:16px;accent-color:var(--tinta)}
.perfil-demo{height:34px}
.perfil-demo select{font-weight:600}

a.link-seller{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
a.link-seller:hover{border-bottom-color:currentColor;color:var(--sinal)}

/* ── dashboard ── */
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
@media (max-width:1280px){.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.kpis{grid-template-columns:1fr 1fr}}
.kpi{position:relative;background:var(--sup);border:1px solid var(--linha);border-radius:var(--r);padding:16px 16px 48px;overflow:hidden;min-height:132px}
.kpi:first-child{border-top-color:var(--regua)}
.kpi-rot{font-size:12.5px;color:var(--sec)}
.kpi-val{font-size:25px;font-weight:700;letter-spacing:-.03em;margin:6px 0 6px}
.kpi-pe{font-size:12px;display:flex;gap:4px;flex-wrap:wrap;align-items:center;position:relative;z-index:1}
.kpi .spark{position:absolute;left:0;right:0;bottom:0;width:100%;height:36px;opacity:.85}
.spark{display:block}
.spark.peq{width:90px;height:24px}
.spark-linha{fill:none;stroke:var(--grafico);stroke-width:1.6;vector-effect:non-scaling-stroke}
.spark-area{fill:var(--grafico-area)}
.dash-grade{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:14px;align-items:stretch}
@media (max-width:1100px){.dash-grade{grid-template-columns:1fr}}
.atencao{display:grid;gap:0}
.item-at{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border:0;border-bottom:1px solid var(--linha);border-radius:0;text-decoration:none;color:var(--texto);background:none}.item-at:last-child{border-bottom:0}
.item-at:hover span{color:var(--sinal)}
.item-at svg{width:20px;height:20px;padding:0;border-radius:0;background:none;border:0;stroke:var(--sinal);fill:none;stroke-width:1.7}
.item-at span{font-size:13.5px;font-weight:600}
.item-at small{display:block;font-size:12px;color:var(--sec);font-weight:400}
.item-at b{font-size:18px;font-variant-numeric:tabular-nums}
.mix-novo{display:grid;grid-template-columns:118px minmax(0,1fr);gap:16px;align-items:center}
.anel{width:118px;height:118px}
.anel-num{font:700 19px var(--sans);fill:var(--texto);letter-spacing:-.02em}
.anel-rot{font:500 11px var(--sans);fill:var(--sec)}
.mix-lista{display:grid;gap:10px}
.mix-item{border:0;border-top:1px solid var(--linha);border-radius:0;padding:10px 0;background:none}.mix-item:first-child{border-top:0;padding-top:0}
.mix-tit{display:flex;align-items:center;gap:8px;font-size:13px}
.mix-tit i{width:9px;height:9px;border-radius:2px}
.mix-tit .mono{margin-left:auto;color:var(--sec)}
.mix-val{font-size:18px;font-weight:700;letter-spacing:-.02em;margin:4px 0 6px}
.mix-dados{display:flex;gap:14px;font-size:11.5px;color:var(--sec);margin-bottom:8px;flex-wrap:wrap}
.mix-dados b{display:block;color:var(--texto);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:520px){.mix-novo{grid-template-columns:1fr;justify-items:center}}
.mix{height:10px;border-radius:3px;background:var(--info);overflow:hidden;margin-bottom:6px}
.mix i{display:block;height:100%;background:var(--grafico)}
.col-s{width:88px;text-align:right;white-space:nowrap}
.funil{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.funil li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 60px 40px;gap:10px;align-items:center;font-size:13px}
.barra-f{height:8px;border-radius:2px;background:var(--linha);overflow:hidden}
.barra-f i{display:block;height:100%;background:var(--grafico)}
.funil b{text-align:right}
.funil small{color:var(--sec);text-align:right}
.card-corpo:has(> .mini-kpis){display:flex;flex-direction:column;gap:18px;flex:1}
.mini-kpis{margin-top:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:14px;border-top:1px solid var(--linha)}
.mini-kpi{padding:0 14px;border-radius:0;background:none;border:0;border-left:1px solid var(--linha);min-width:0}.mini-kpi:first-child{border-left:0;padding-left:0}
.mini-kpi span{display:block;font:500 12px/1.3 var(--sans);color:var(--sec)}
.mini-kpi b{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em;margin:4px 0 2px;color:var(--texto)}
.mini-kpi small{display:block;font-size:11.5px;color:var(--sec);line-height:1.35}
.mini-kpi.ruim b{color:var(--erro)}
.card-corpo:has(> .mini-kpis){container-type:inline-size}
.lim-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lim-caixa{padding:14px;border-radius:var(--r-s);border:1px solid var(--linha);background:var(--sup-2);display:grid;gap:3px;justify-items:start}
.lim-caixa .rot{font:500 12.5px/1.3 var(--sans);color:var(--sec)}
.lim-caixa b{font-size:22px;font-weight:700;letter-spacing:-.02em}
.lim-caixa small{font-size:12px;color:var(--sec)}
.lim-caixa .st{margin-top:6px}
.lim-form{margin-top:16px;padding-top:16px;border-top:1px dashed var(--linha);display:grid;gap:12px}
.lim-form .filtros{margin:0}
.lim-motivo{display:grid;gap:6px;font-size:12.5px;font-weight:600}
.lim-motivo textarea{font:inherit;font-weight:400;font-size:13.5px;padding:10px 12px;border-radius:var(--r-s);border:1px solid var(--linha);background:var(--sup-2);color:var(--texto);resize:vertical}
.lim-motivo textarea:focus{outline:2px solid var(--sinal);outline-offset:1px}
.lim-acoes{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.lim-acoes .sec{font-size:12.5px;flex:1;min-width:220px}
.lim-fila{display:grid;gap:12px}
.lim-pedido{border:1px solid var(--linha);border-radius:var(--r);background:var(--sup);padding:16px 18px;display:grid;gap:12px}
.lim-pedido.fim{opacity:.85}
.lim-p-cab{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lim-p-cab .pessoa{margin-right:auto}
.lim-de-para{font-size:15px}.lim-de-para b{font-size:17px;color:var(--sinal)}
.lim-motivo-txt{margin:0;font-size:13.5px;padding:10px 12px;border-left:2px solid var(--linha-2);background:var(--sup-2);border-radius:0 var(--r-s) var(--r-s) 0}
.lim-foto{display:flex;gap:22px;flex-wrap:wrap;font-size:11.5px;color:var(--sec)}
.lim-foto b{display:block;font-size:14px;color:var(--texto);font-weight:600;margin-top:2px}
.lim-sug{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;padding:10px 12px;border-radius:var(--r-s);border:1px solid var(--linha);color:var(--sec)}
.lim-sug b{display:block;color:var(--texto);font-size:13px;margin-bottom:2px}
.lim-sug svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;margin-top:1px}
.lim-sug.aprovar{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}.lim-sug.parcial{border-color:color-mix(in srgb,var(--aviso) 45%,transparent);color:var(--aviso)}.lim-sug.recusar{border-color:color-mix(in srgb,var(--erro) 45%,transparent);color:var(--erro)}
.lim-sug span{color:var(--sec)}
.lim-decidir{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.lim-texto{flex:1;min-width:240px}.lim-texto input{width:100%}
.lim-dec-txt{margin:0;font-size:12.5px}
@media (max-width:600px){.lim-grade{grid-template-columns:1fr}}
.saude{border:1px solid var(--linha);border-radius:var(--r);background:var(--sup);padding:0}
.saude-cab{display:flex;gap:6px 18px;align-items:baseline;flex-wrap:wrap;margin:0;padding:15px 20px 13px;border-bottom:1px solid var(--linha)}
.saude-cab h2{margin:0;font-size:14.5px;letter-spacing:-.015em}
.saude-cab p{margin:0;font-size:13px;color:var(--sec);flex:1;min-width:240px}
.saude-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:18px 20px 20px}
.saude-k{padding:0 20px;border-left:1px solid var(--linha);min-width:0}.saude-k:first-child{border-left:0;padding-left:0}
.saude-k>span{display:flex;align-items:center;gap:7px;font:500 12.5px/1.3 var(--sans);color:var(--sec)}.saude-k>span::before{content:"";width:7px;height:7px;border-radius:1px;background:var(--linha-2);flex:none}
.saude-k b{display:block;font-size:26px;font-weight:700;letter-spacing:-.035em;margin:6px 0 4px;line-height:1.1}
.saude-k small{display:block;font-size:12px;color:var(--sec)}
.saude-k.bom>span::before{background:var(--ok)}.saude-k.aviso>span::before{background:var(--aviso)}.saude-k.ruim>span::before{background:var(--erro)}.saude-k.ruim b{color:var(--erro)}
@media (max-width:900px){.saude-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.saude-k,.saude-k:first-child{border-left:0;padding:0}}
@media (max-width:480px){.saude-grade{grid-template-columns:1fr}}
.mini-kpi b{font-size:clamp(15px,5.2cqi,19px)}
@container (max-width:300px){.mini-kpis{grid-template-columns:1fr}}

/* ── mesa de compliance ── */
.voltar{font-size:13px;text-decoration:none}
.cad-topo{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cad-nome{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cad-nome h1{font-size:20px;margin:0}
.cad-topo .sec{font-size:12.5px}
.cad-sla{margin-left:auto;text-align:right;border:1px solid var(--linha);border-radius:var(--r-s);padding:8px 14px;background:var(--sup-2)}
.cad-sla small{display:block;font-size:11.5px;color:var(--sec)}
.cad-sla b{font-size:18px;font-variant-numeric:tabular-nums}
.cad-sla.estourado{border-color:color-mix(in srgb,var(--erro) 40%,transparent)}
.cad-sla.estourado b{color:var(--erro)}
.cad-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;align-items:start}
@media (max-width:1100px){.cad-grade{grid-template-columns:minmax(0,1fr)}}
/* Itens de grade encolhem até a largura da tela (sem isso, a prévia do documento alargava a coluna no celular) */
.cad-grade>*,.cad-grade .grade>*{min-width:0}
.card-cab h2 .score{margin-left:8px;vertical-align:1px}
.ia-resumo{margin:0;font-size:14px;line-height:1.6}
.lista-atencao{margin:0;padding-left:18px;font-size:13.5px;display:grid;gap:6px}
.lista-atencao li::marker{color:var(--aviso)}
.kyc-bloco+.kyc-bloco{margin-top:16px;padding-top:16px;border-top:1px solid var(--linha)}
.kyc-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.checagens{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.checagens li{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:13px}
.checagens li i{width:8px;height:8px;border-radius:2px;background:var(--ok)}
.checagens li.alerta i{background:var(--aviso)} .checagens li.falha i{background:var(--erro)}
.checagens li small{color:var(--sec);font-size:12px;text-align:right}
.checagens li.falha small{color:var(--erro)}
.docs-abas{margin:12px 0 0;padding:0 12px}
.docs-abas .pt{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--linha-2);margin-right:7px;vertical-align:1px}
.pt.ok{background:var(--ok)} .pt.ilegivel,.pt.divergente{background:var(--aviso)} .pt.ausente{background:var(--erro)}
.doc-previa{width:100%;max-width:400px;height:auto;display:block;margin:0 auto}
.doc-falta{border:1px dashed var(--linha-2);border-radius:var(--r)}
.ia-doc{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--sec);margin:12px 0 0;padding:10px 12px;background:var(--sinal-fundo);border-radius:var(--r-s)}
.ia-doc svg{width:15px;height:15px;stroke:var(--sinal);fill:none;stroke-width:1.8;flex:none;margin-top:2px}
.ia-doc b{color:var(--texto)}
.rev-acoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.btn.marcado.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.marcado.ilegivel,.btn.marcado.divergente{background:var(--aviso);border-color:var(--aviso);color:#fff}
.btn.marcado.ausente{background:var(--erro);border-color:var(--erro);color:#fff}
.campo-txt{display:block;margin-top:12px}
.campo-txt span{display:block;font-size:12px;color:var(--sec);margin-bottom:6px;font-weight:600}
.campo-txt input,.campo-txt textarea{width:100%;border:1px solid var(--linha-2);border-radius:var(--r-s);background:var(--sup);padding:9px 11px;font-size:13.5px;color:var(--texto);resize:vertical}
.campo-txt input:focus,.campo-txt textarea:focus{outline:2px solid var(--sinal);outline-offset:1px}
.rev-quem{font-size:12px;margin:8px 0 0}
.checklist-par{display:flex;gap:16px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--linha);border-radius:var(--r-s);background:var(--sup-2)}
.checklist-par .check{padding:0}
.chips-motivo{display:flex;flex-wrap:wrap;gap:6px}
.chip-m{border:1px solid var(--linha-2);background:var(--sup);color:var(--sec);border-radius:2px;padding:5px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.chip-m[aria-pressed=true]{background:var(--sinal-fundo);border-color:var(--sinal);color:var(--sinal)}
.dica-2a{display:inline-block;margin-left:10px;font-size:12.5px}
.par-pe{display:flex;gap:12px;align-items:center}
.faixa-segunda{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--aviso) 45%,transparent);border-radius:var(--r);background:color-mix(in srgb,var(--aviso) 8%,var(--sup))}
.faixa-segunda>div{flex:1;min-width:240px}
.faixa-segunda b{display:block}
.faixa-segunda span{font-size:13px;color:var(--sec)}

/* ── diversos ── */
.aviso-caixa{border:1px solid color-mix(in srgb,var(--ouro) 55%,var(--linha));background:color-mix(in srgb,var(--ouro) 9%,var(--sup));border-radius:var(--r-s);padding:13px 16px;font-size:13.5px;color:var(--texto)}
.aviso-caixa b{color:var(--texto)}
.vazio{padding:36px;text-align:center;color:var(--sec)}
.taxa{display:flex;flex-direction:column;gap:6px}
.taxa .grande{font-size:26px;font-weight:700;letter-spacing:-.02em}
.taxa .grande small{font-size:14px;color:var(--sec);font-weight:600}
.check{display:flex;gap:8px;align-items:flex-start;font-size:13px;padding:6px 0}
.check i{width:16px;height:16px;border-radius:4px;flex:none;margin-top:1px;border:1px solid var(--linha-2);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700}
.check.ok i{background:var(--ok);border-color:var(--ok);color:#fff}
.check.erro i{background:var(--erro);border-color:var(--erro);color:#fff}
.chave{display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--linha);border-radius:0;padding:10px 0;background:none}
.chave code{font:500 12.5px var(--mono);flex:1;overflow:hidden;text-overflow:ellipsis}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--tinta);color:#fff;padding:11px 16px;border-radius:3px;font-size:13px;font-weight:500;z-index:95;display:none}
:root[data-tema="escuro"] .toast,:root[data-tema="escuro"] .dica{background:#EFE8D8;color:#15130E}
.menu-mob{display:none}

@media (max-width:1180px){
  .g4,.metricas,.metricas.c5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrica:nth-child(odd){border-left:0}
  .metrica:nth-child(n+3){border-top:1px solid var(--linha)}
  .g-21{grid-template-columns:1fr}
}
@media (max-width:860px){
  .app{grid-template-columns:1fr}
  .lado{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:70;transform:translateX(-100%);transition:transform .2s}
  .lado.on{transform:none}
  .menu-mob{display:grid}
  .topo{padding:0 16px}
  .busca{display:none}
  .conteudo{padding:20px 16px 48px}
  .g3,.g2{grid-template-columns:1fr}
  dl.pares,dl.pares.c3{grid-template-columns:1fr 1fr}
  .compo-leg{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .g4,.metricas,.metricas.c5{grid-template-columns:1fr}
  .metrica{border-left:0!important;border-top:1px solid var(--linha)}
  .metrica:first-child{border-top:0}
}

/* ── Central de MEDs (a/meds) ── */
.med-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.med-lado{position:sticky;top:76px;display:flex;flex-direction:column}
.mlote-rapido{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;border:1px dashed var(--linha-2);border-radius:var(--r)}
.mlote-rapido .sec{font:600 12.5px/1 var(--sans);margin-right:4px}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.msel-todos{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--sec);margin:0 0 10px;cursor:pointer}
.mgrade{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px}
.mcard{display:flex;flex-direction:column;gap:10px;background:var(--sup);border:1px solid var(--linha);border-left:3px solid var(--linha-2);border-radius:var(--r);padding:12px 14px}
.mcard.f-forte{border-left-color:var(--ok)} .mcard.f-media{border-left-color:var(--ouro)} .mcard.f-fraca{border-left-color:var(--erro)}
.mcard.sel{outline:2px solid var(--sinal);outline-offset:-1px}
.mcard.fim{opacity:.72}
.mcard-topo{display:flex;align-items:center;gap:8px;min-width:0}
.mcheck{width:16px;height:16px;margin:0;flex:none;accent-color:var(--tinta);cursor:pointer}
.mprot{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mprazo{margin-left:auto;flex:none;font:600 12px/1 var(--sans);padding:5px 8px;border-radius:2px;border:1px solid var(--linha-2);color:var(--sec);white-space:nowrap}
.mprazo::before{content:"⏱ ";font-weight:400}
.mprazo.aviso{color:var(--aviso);border-color:color-mix(in srgb,var(--aviso) 40%,transparent);background:color-mix(in srgb,var(--ouro) 10%,transparent)}
.mprazo.erro{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 40%,transparent);background:color-mix(in srgb,var(--erro) 8%,transparent)}
.mprazo.venc{color:#fff;background:var(--erro);border-color:var(--erro)}
.mcard-valor{display:flex;flex-direction:column;gap:2px}
.mcard-valor b{font-size:22px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.mcard-valor span{font-size:12.5px;color:var(--sec)}
.mcard-seller{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;min-width:0}
.mcard-seller .mono{font-size:11px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mforca-rot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;margin-bottom:6px}
.mbarra{height:6px;border-radius:3px;background:var(--sup-2);border:1px solid var(--linha);overflow:hidden}
.mbarra i{display:block;height:100%;background:var(--sec)}
.f-forte .mbarra i{background:var(--ok)} .f-media .mbarra i{background:var(--ouro)} .f-fraca .mbarra i{background:var(--erro)}
.mchips{display:flex;flex-wrap:wrap;gap:5px}
.mchip{font:600 11.5px/1 var(--sans);padding:4px 7px;border-radius:2px;border:1px solid var(--linha-2);color:var(--sec);white-space:nowrap}
.mchip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.mchip.neg{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 35%,transparent)}
.mchip.falta{border-style:dashed}
.mlinks{display:flex;gap:14px;flex-wrap:wrap}
.mlinks .link{display:inline-flex;align-items:center;gap:5px;background:none;border:0;padding:0;font-size:12.5px;font-weight:600;color:var(--sinal);cursor:pointer}
.mlinks .link:hover{text-decoration:underline}
.mlinks svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8}
.mcard-pe{display:flex;align-items:center;gap:6px;flex-wrap:wrap;border-top:1px solid var(--linha);padding-top:10px;margin-top:auto}
.mcard-pe .esp{flex:1}
.mprox{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--sinal)}
.mprox svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8}
.mgrupo{margin-bottom:20px}
.mgrupo-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}
.mgrupo-cab h3{margin:0;font-size:14.5px}
.mgrupo-cab small{color:var(--sec);font-size:12px}
.mauto .card-cab{align-items:flex-start}
.interruptor{display:inline-flex;align-items:center;gap:8px;cursor:pointer;flex:none;font-size:12.5px}
.interruptor input{position:absolute;opacity:0;width:1px;height:1px}
.interruptor span{width:34px;height:20px;border-radius:99px;background:var(--linha-2);position:relative;transition:background .15s}
.interruptor span::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.interruptor input:checked+span{background:var(--tinta)}
.interruptor input:checked+span::after{transform:translateX(14px);background:var(--volt)}
.interruptor input:focus-visible+span{outline:2px solid var(--sinal);outline-offset:2px}
.interruptor input:disabled+span{opacity:.5}
:root[data-tema="escuro"] .interruptor input:checked+span{background:var(--volt)}
:root[data-tema="escuro"] .interruptor input:checked+span::after{background:var(--tinta)}
.mregra{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--linha);font-size:13px}
.mregra:first-child{padding-top:0}
.mregra>input{margin-top:2px;accent-color:var(--tinta)}
:root[data-tema="escuro"] .mregra>input,:root[data-tema="escuro"] .mcheck{accent-color:var(--volt)}
.mregra label{cursor:pointer}
.mregra small{display:block;color:var(--sec);font-size:12px;line-height:1.55;margin-top:3px}
.campo.mini{height:26px;padding:0 6px;gap:3px;vertical-align:middle}
.campo.mini input{width:52px;font:500 12.5px var(--mono);text-align:right}
.mnota{font-size:12px;color:var(--sec);margin:10px 0;padding:8px 10px;border-radius:var(--r-s);background:var(--sinal-fundo)}
.macoes{display:flex;gap:8px;justify-content:flex-end}
.mplano{margin-top:12px;border:1px solid var(--linha);border-radius:var(--r-s)}
.mplano-cab{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--linha);font-size:12.5px}
.mplano-cab .esp{flex:1}
.mplano-cab .icone-btn{width:26px;height:26px}
.mplano ul,.mlog{list-style:none;margin:0;padding:0}
.mplano li,.mlog li{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-bottom:1px solid var(--linha);font-size:12.5px}
.mplano li:last-child,.mlog li:last-child{border-bottom:0}
.mplano small,.mlog small{display:block;color:var(--sec);font-size:11.5px;margin-top:2px}
.mlog{padding:0 4px 4px}
.mtag-acao,.mtag-auto,.mtag-eq{flex:none;font:600 11.5px/1 var(--sans);padding:4px 7px;border-radius:2px;border:1px solid var(--linha-2);color:var(--sec);white-space:nowrap}
.mtag-acao.defender{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 35%,transparent)}
.mtag-acao.aceitar{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 35%,transparent)}
.mtag-acao.pedir_prova,.mtag-auto{color:var(--sinal);border-color:color-mix(in srgb,var(--sinal) 40%,transparent)}
@media (max-width:1100px){.med-grade{grid-template-columns:minmax(0,1fr)}.med-lado{position:static;order:-1}}
@media (max-width:560px){.mgrade{grid-template-columns:1fr}.mlote-rapido .btn{flex:1 1 100%}}
.resolver-alerta{display:inline-flex;gap:6px;align-items:center}.resolver-alerta input{width:260px;height:30px;padding:0 10px;border-radius:var(--r-s);border:1px solid var(--linha);background:var(--sup-2);color:var(--texto);font:inherit;font-size:12.5px}.resolver-alerta input:focus{outline:2px solid var(--sinal);outline-offset:1px}

/* Foco visível em busca e filtros (o input tira o outline; o contorno vai no campo inteiro). */
.campo:focus-within{border-color:var(--texto);box-shadow:0 0 0 3px color-mix(in srgb,var(--sinal) 16%,transparent)}
tr.clica:focus-visible{outline:2px solid var(--sinal);outline-offset:-2px}
/* Central de MEDs: com a automação desligada, as regras ficam esmaecidas (não parecem ativas). */
.mauto:has(input[data-mregra="ativo"]:not(:checked)) .mregra{opacity:.45}

/* Início do seller: uma grade só, que se reorganiza pela largura da ÁREA de conteúdo (container query), não da janela.
   Tela larga ganha colunas com informação nova (últimas vendas em coluna lateral, próximos recebimentos), em vez de esticar cards. */
.ini-wrap{container-type:inline-size}
.ini-grade{display:grid;gap:14px;grid-template-columns:minmax(0,1fr);grid-template-areas:"g" "d" "m" "u" "a" "p" "q"}
.ini-grade>div{min-width:0;display:flex;flex-direction:column}
.ini-grade>div>.card{flex:1}
.ia-g{grid-area:g}.ia-d{grid-area:d}.ia-m{grid-area:m}.ia-u{grid-area:u}.ia-p{grid-area:p}.ia-q{grid-area:q}.ia-a{grid-area:a}
@container (min-width:720px){.ini-grade{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"g g" "d m" "u a" "p q"}}
@container (min-width:1040px){.ini-grade{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"g g d" "g g m" "p q u" "a a u"}}
@container (min-width:1460px){.ini-grade{grid-template-columns:minmax(0,1.15fr) minmax(0,1.15fr) minmax(0,1fr) minmax(300px,1fr);grid-template-areas:"g g d u" "g g m u" "p q a u"}}
/* Na coluna lateral, a lista de vendas ocupa a altura toda e mostra mais linhas; nas outras larguras, 6. */
.ia-u .linhas li:nth-child(n+7){display:none}
@container (min-width:1460px){.ia-u .linhas li:nth-child(n+7){display:flex}}

/* ── Celular: menos rolagem e navegação na ponta do dedo ── */
.barra-mob{display:none}
@media (max-width:860px){
  .barra-mob{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:60;
    background:var(--sup);border-top:1px solid var(--linha);padding:4px 4px calc(4px + env(safe-area-inset-bottom))}
  .barra-mob a,.barra-mob button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:0;background:none;
    color:var(--sec);font:600 11px/1.1 var(--sans);text-decoration:none;border-radius:2px;cursor:pointer;min-height:48px;justify-content:center}
  .barra-mob svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .barra-mob a[aria-current=page]{color:var(--texto);background:var(--sup-2)}
  .conteudo{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .mg-raiz{display:none}
  .topo{gap:10px}
}
@media (max-width:520px){
  /* Números do topo em 2×2 (antes: um por linha, uma tela inteira só de números) */
  .metricas,.metricas.c5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metrica{padding:12px 14px;border-top:0!important;border-left:0!important}
  .metrica:nth-child(even){border-left:1px solid var(--linha)!important}
  .metrica:nth-child(n+3){border-top:1px solid var(--linha)!important}
  .metrica .val{font-size:19px;margin:4px 0 2px}
  .metrica .rod{font-size:11.5px;line-height:1.35}
  .metrica .rot{font-size:12px}
  /* Saúde da operação: cartões lado a lado, com rolagem lateral (o dedo já espera isso) */
  .saude-grade{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;padding-bottom:6px;scrollbar-width:none}
  .saude-grade::-webkit-scrollbar{display:none}
  .saude-grade>*{scroll-snap-align:start}
  /* Ações do topo ocupam a linha toda: alvo grande para o polegar */
  .cab .acoes{width:100%;margin-left:0}
  .cab .acoes>.btn{flex:1;justify-content:center;height:40px}
  .cab h1{font-size:20px}
}

/* ── Links de pagamento: criar em 10 segundos ── */
.mb{margin-bottom:14px}
.form-link{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px 16px;align-items:end}
.campo-l{display:grid;gap:6px;font-size:12.5px;font-weight:600;color:var(--texto);min-width:0}
.campo-l>span{color:var(--sec);font-weight:600}
.campo-l input{height:40px;padding:0 12px;border:1px solid var(--linha-2);border-radius:var(--r-s);background:var(--sup);font-size:14px;color:var(--texto);min-width:0}
.campo-l input:focus{outline:0;border-color:var(--texto);box-shadow:0 0 0 3px color-mix(in srgb,var(--sinal) 18%,transparent)}
.checks{display:flex;gap:16px;align-items:center;height:40px;font-weight:500;font-size:13.5px}
.checks label{display:inline-flex;gap:6px;align-items:center;cursor:pointer}
.checks input{width:16px;height:16px;accent-color:var(--acao)}
.dica-form{grid-column:1/-1;margin:0;font-size:13px;color:var(--sec);line-height:1.5}
.dica-form b{color:var(--texto)}
.acoes-form{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.link-pronto{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.link-pronto .mono{flex:1 1 260px;min-width:0;padding:10px 12px;border:1px dashed var(--linha-2);border-radius:var(--r-s);background:var(--sup-2);overflow-wrap:anywhere;font-size:13px}
@media (max-width:640px){.form-link{grid-template-columns:1fr}.link-pronto .btn{flex:1;justify-content:center}}

/* Selo Lastro Confere (tela s/selo) */
.selo-porque{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}
.selo-porque>div{background:var(--sup);border:1px solid var(--linha);border-radius:var(--r);padding:18px;display:grid;gap:6px}
.selo-porque b{font-size:14px}.selo-porque span{color:var(--sec);font-size:13px;line-height:1.5}
.selo-dominios{width:100%;font:500 13.5px/1.6 var(--mono);padding:10px 12px;border:1px solid var(--linha-2);border-radius:var(--r-s);background:var(--sup-2);color:var(--texto);resize:vertical}
.selo-dominios:focus{outline:2px solid var(--sinal);outline-offset:1px}
.selo-topo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;background:var(--tinta);color:#EFE8D8;border-radius:var(--r);padding:24px}
.selo-vitrine{display:grid;gap:10px;justify-items:start}
.selo-vitrine img{max-width:100%;height:auto;display:block}
.selo-vitrine span{font-size:12.5px;color:#A39B8A}
.selo-fatos{display:grid;gap:12px;align-content:start}
.selo-fatos .sec{color:#A39B8A}
.selo-codigo{display:grid;gap:2px}
.selo-codigo small{font-size:12.5px;letter-spacing:0;color:#A39B8A}
.selo-codigo b{font-size:24px;color:#F2B13C;letter-spacing:.06em}
.selo-topo .btn{background:transparent;color:#EFE8D8;border-color:#4A4436}
.selo-trecho{margin:12px 0;padding:12px;border:1px dashed var(--linha-2);border-radius:var(--r-s);background:var(--sup-2);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}
.selo-regra{font-size:13px;line-height:1.55;max-width:760px}
@media (max-width:860px){.selo-porque{grid-template-columns:1fr}.selo-topo{grid-template-columns:1fr;padding:18px}}

/* Ficha de pontos do parecer (mesa de compliance) */
.ficha-par .card-cab{align-items:center}
.ficha-nota{display:flex;align-items:baseline;gap:2px;padding:8px 14px;border-radius:12px;border:1px solid var(--linha);background:var(--sup-2);flex:none}
.ficha-nota b{font-size:30px;line-height:1;font-weight:700}
.ficha-nota small{color:var(--sec);font-size:13px}
.ficha-nota.r-baixo b{color:var(--ok)}.ficha-nota.r-medio b{color:var(--aviso)}.ficha-nota.r-alto b{color:var(--erro)}
.ficha-nota.incompleta b{color:var(--ter)}
.ficha{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0;border:1px solid var(--linha);border-radius:var(--r);overflow:hidden}
.ficha li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--linha)}
.ficha li:last-child{border-bottom:0}
.ficha-rot{display:flex;flex-direction:column;gap:2px;font-size:13.5px;font-weight:500;min-width:0}
.ficha-rot small{color:var(--ter);font-size:12px;font-weight:400}
.ficha-seg{flex:none}
.ficha-seg button.fv-ok[aria-pressed=true]{background:var(--ok);border-color:var(--ok);color:#fff}
.ficha-seg button.fv-parcial[aria-pressed=true]{background:var(--aviso);border-color:var(--aviso);color:#fff}
.ficha-seg button.fv-nao[aria-pressed=true]{background:var(--erro);border-color:var(--erro);color:#fff}
.ficha-elim{margin-top:14px;display:grid;gap:8px}
.chip-m.elim[aria-pressed=true]{background:var(--erro);border-color:var(--erro);color:#fff}
.ficha-res{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border-radius:var(--r);background:var(--sup-2);border:1px solid var(--linha);font-size:13.5px}
.dica-cond{margin:6px 0 0;font-size:12.5px}
@media (max-width:640px){.ficha li{flex-direction:column;align-items:stretch}.ficha-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ficha-seg button{padding-left:4px;padding-right:4px}}

/* Saldo e saques: saldo em destaque, extrato de banco e janela de saque */
.saldo-topo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}
.saldo-hero{display:grid;gap:8px;align-content:start;padding:22px 24px;border-radius:var(--r);background:var(--tinta);color:#EFE8D8;position:relative;overflow:hidden}
.saldo-hero::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background-image:radial-gradient(rgba(197,255,61,.28) 1.4px,transparent 1.4px);background-size:14px 14px;pointer-events:none}
.saldo-hero .rot{font-size:13px;letter-spacing:0;color:#A39B8A}
.saldo-hero b{font-size:40px;line-height:1.05;font-weight:700;letter-spacing:-.02em}
.saldo-hero .sec{color:#A9B3AC;font-size:13px}
.saldo-hero .btn.grande{justify-self:start;margin-top:6px;min-height:44px;padding:0 18px;font-size:15px;background:#E3AE48;color:#15130E;border-color:#E3AE48}
.aviso-saque{font-size:12.5px;color:#F2B13C}
.saldo-lado{display:grid;grid-template-rows:repeat(3,1fr);border:1px solid var(--linha);border-radius:var(--r);background:var(--sup)}
.saldo-lado .metrica{border-left:0;border-top:1px solid var(--linha);display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px}
.saldo-lado .metrica:first-child{border-top:0}
.saldo-lado .metrica .val{grid-row:span 2;font-size:19px}
.saldo-lado .metrica .rod{grid-column:1}
.ext-cab{margin:26px 0 12px}
.ext-resumo{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--linha);border-radius:var(--r);background:var(--sup);margin:12px 0}
.ext-resumo>div{padding:12px 14px;border-left:1px solid var(--linha);display:grid;gap:4px;min-width:0}
.ext-resumo>div:first-child{border-left:0}
.ext-resumo span{font-size:12px;color:var(--sec)}
.ext-resumo b{font-size:15px}
.ext-resumo .forte{background:var(--sup-2)}
span.ent,b.ent{color:var(--ok)}span.sai,b.sai{color:var(--erro)}
.extrato tr.dia th{background:var(--sup-2);font-size:12px;font-weight:600;color:var(--sec);padding:8px 14px;text-align:left}
.extrato tr.dia th.dir{text-align:right}
.extrato td.forte{font-weight:700}
.mov{display:flex;gap:10px;align-items:center;min-width:0}
.mov b{font-weight:600}
.mi{width:30px;height:30px;border-radius:2px;display:grid;place-items:center;flex:none;background:var(--sup-2);border:1px solid var(--linha)}
.mi svg{width:15px;height:15px}
.mi.venda{color:var(--ok)}.mi.estorno{color:var(--erro)}.mi.saque{color:var(--info)}.mi.reserva{color:var(--aviso)}
.modal-fundo{position:fixed;inset:0;background:rgba(7,9,10,.55);z-index:60;backdrop-filter:blur(2px)}
.modal{position:fixed;z-index:61;left:50%;top:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--sup);border:1px solid var(--linha);border-radius:16px;padding:22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.modal-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.modal-cab h2,.modal h2{margin:0;font-size:18px}
.saque-disp{display:grid;gap:2px;padding:16px;border-radius:var(--r);background:var(--sinal-fundo);border:1px solid var(--linha)}
.saque-disp span{font-size:12.5px;color:var(--sec)}
.saque-disp b{font-size:30px;line-height:1.1}
.saque-disp small{font-size:12px;color:var(--sec)}
.saque-valor{display:flex;gap:8px;align-items:center;border:1px solid var(--linha-2);border-radius:var(--r-s);padding:4px 4px 4px 12px;background:var(--sup-2)}
.saque-valor span{color:var(--sec);font-weight:600}
.saque-valor input{flex:1;min-width:0;border:0;background:transparent;font:700 20px var(--sans);color:var(--texto);padding:8px 0;outline:none}
.erro-saque{min-height:18px;margin:10px 0 0;font-size:13px;color:var(--erro)}
.modal .acoes-form{justify-content:flex-end;margin-top:6px}
.modal-rodape{font-size:12px;margin:12px 0 0}
.modal-ok{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--sinal-fundo);color:var(--ok);margin-bottom:12px}
@media (max-width:900px){.saldo-topo{grid-template-columns:1fr}.ext-resumo{grid-template-columns:repeat(2,minmax(0,1fr))}.ext-resumo>div:nth-child(odd){border-left:0}.ext-resumo>div{border-top:1px solid var(--linha)}.ext-resumo>div:nth-child(-n+2){border-top:0}}
@media (max-width:640px){.modal{top:auto;bottom:0;transform:translateX(-50%);border-radius:16px 16px 0 0;width:100vw;max-height:88vh}.saldo-hero b{font-size:34px}}
/* Imprimir ou PDF: só o conteúdo, sem menu nem botões */
@media print{.lado,.topo,.barra-mob,.acoes,.filtros,.pag,.btn,.modal,.modal-fundo{display:none!important}.app,.conteudo{display:block!important;padding:0!important}body{background:#fff}}

/* Simulador de antecipação */
.ant-chips{display:inline-flex;gap:6px;flex-wrap:wrap}
.ant-res{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:center;margin-top:14px;padding:16px;border-radius:var(--r);border:1px solid var(--linha);background:var(--sup-2)}
.ant-hoje{display:grid;gap:2px}
.ant-hoje span{font-size:12.5px;color:var(--sec)}
.ant-hoje b{font-size:30px;line-height:1.1;color:var(--ok)}
.ant-hoje small{font-size:12px;color:var(--sec)}
.ant-de{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px}
.ant-de li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid var(--linha);border-radius:var(--r-s)}
.ant-quero span{white-space:nowrap}
@media (max-width:700px){.ant-res{grid-template-columns:1fr}}
.num-seller{font-family:var(--mono);font-weight:600;color:var(--texto)}

/* Assinaturas: avisos ao comprador (régua de cobrança por e-mail e WhatsApp), um por linha, mais recente em cima */
.avisos{font-size:13px;min-width:190px;max-width:280px}
.avisos summary{cursor:pointer;list-style:none}
.avisos summary::-webkit-details-marker{display:none}
.avisos ul{list-style:none;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--linha);display:grid;gap:8px}

/* Ícones fora de botão (extrato, listas): traço, nunca preenchidos */
.mi svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* Saldo no celular: os cartões laterais não herdam a borda da grade 2×2 */
.saldo-lado .metrica{border-left:0!important;border-top:1px solid var(--linha)!important}
.saldo-lado .metrica:first-child{border-top:0!important}
/* Janela de saque: valor e "Sacar tudo" cabem lado a lado em qualquer tela */
.saque-valor{min-width:0}
.saque-valor input{width:100%;min-width:0}
.saque-valor .btn{flex:none;white-space:nowrap}
/* Extrato no celular: lista, com o líquido sempre à vista e bruto/tarifa na linha de baixo */
.mov-det{display:none}
@media (max-width:640px){
  .extrato thead{display:none}
  .extrato tr.dia{display:flex;justify-content:space-between;align-items:center}
  .extrato tr.dia th{display:block;padding:8px 12px}
  .extrato tr.dia th:first-child{flex:1;min-width:0;white-space:normal}
  .extrato tr.dia th:last-child{white-space:nowrap}
  .extrato tbody tr:not(.dia){display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px;border-bottom:1px solid var(--linha)}
  .extrato tbody tr:not(.dia) td{padding:0;border:0}
  .extrato tbody tr:not(.dia) td:nth-child(2),.extrato tbody tr:not(.dia) td:nth-child(3),.extrato tbody tr:not(.dia) td:nth-child(4){display:none}
  .extrato .mov-det{display:block;font-size:12px;color:var(--ter);margin-top:2px}
  .extrato .tabela-wrap{overflow:visible}
  .extrato table,.extrato tbody{display:block;width:100%;min-width:0}
  .filtros .seg{flex-wrap:wrap}
}
/* Abas longas (documentos do cadastro): rolam dentro da própria linha, nunca alargam a página no celular */
.abas{max-width:100%;overflow-x:auto;scrollbar-width:none}
.abas::-webkit-scrollbar{display:none}
.abas>*{flex:none}
/* Topo no celular: o seletor de perfil da demonstração não cabe; título encolhe em vez de empurrar os botões */
@media (max-width:1180px){.topo .menu-perfil{display:none}}
.topo .migalha{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topo .busca{min-width:0}
/* Tabela larga direto no cartão (sem .tabela-wrap): rola dentro do cartão no celular, a página nunca rola de lado */
section.card:has(> table.t),.card-corpo:has(> table.t){overflow-x:auto}
/* A coluna do conteúdo encolhe com a janela (sem isso, uma tabela larga empurrava o topo para fora em telas de 1024 px) */
.app>main,.app>.principal,.conteudo{min-width:0}
/* Celular, telas antigas: item de grade encolhe, etiqueta longa quebra, botões descem de linha, chave longa quebra */
.grade>*{min-width:0}
@media (max-width:640px){
  .ga-tags{flex-wrap:wrap}.ga-tags .st{white-space:normal}
  .conteudo .af-acoes{flex-wrap:wrap}
  .linhas li>span{min-width:0;overflow-wrap:anywhere}
  .card-corpo .mono{overflow-wrap:anywhere}
}

/* Encerramento de conta (tela s/encerrar e fila a/encerramentos) */
.faixa-enc{background:var(--sup-2);color:var(--texto);border-bottom:1px solid var(--linha);font-weight:500;flex-wrap:wrap;text-align:center}
.faixa-enc a{color:var(--texto);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.enc-rodape{font-size:12.5px}
.enc-rodape a{color:var(--texto);font-weight:600}
.enc-form{display:grid;gap:14px;max-width:560px}
.campo-bloco{display:grid;gap:6px;font-size:13px;font-weight:600}
.campo-bloco select,.campo-bloco input,.campo-bloco textarea{width:100%;border:1px solid var(--linha-2);border-radius:var(--r-s);background:var(--sup);padding:9px 11px;font:inherit;font-size:13.5px;font-weight:400;color:var(--texto);resize:vertical}
.campo-bloco input{font-family:var(--mono);letter-spacing:.06em;max-width:240px}
.enc-fale{margin:0;padding:10px 12px;border-left:3px solid var(--ok);background:var(--sup-2);border-radius:var(--r-s);font-size:13px;color:var(--sec)}
.enc-passos{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.enc-passos li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;color:var(--sec)}
.enc-passos li i{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--linha-2);display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700}
.enc-passos li.feito i{background:var(--tinta);border-color:var(--tinta);color:var(--volt)}
.enc-passos li b{display:block;color:var(--texto);font-size:13.5px}
.enc-passos li span{font-size:12.5px}
.enc-lista{margin:0;padding:0 0 0 18px;display:grid;gap:10px;font-size:13.5px;line-height:1.55;color:var(--texto)}
.enc-lista li::marker{color:var(--sec)}
.enc-dinheiro{display:grid;gap:14px}
.enc-dinheiro>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--linha)}
.enc-dinheiro>div:last-child{border-bottom:0;padding-bottom:0}
.enc-dinheiro span{font-size:13px;color:var(--sec)}
.enc-dinheiro b{font-size:16px}
.enc-dinheiro small{grid-column:1/-1;font-size:12px;color:var(--sec)}

/* ── Identidade "livro-caixa": ajustes de moldura e de largura ── */
.lado .icone-btn:hover{background:var(--lado-2);color:var(--lado-txt)}
.lado ::selection{background:var(--ouro);color:var(--tinta)}
.cab h1+p,.cab>div>p{text-wrap:pretty}
.card-cab+.card-corpo:has(> .tabela-wrap:first-child),.card-corpo:has(> .tabela-wrap:only-child){padding:0}
.metricas+*{margin-top:22px}
@media (max-width:1180px){
  .metrica:nth-child(odd){padding-left:0}
  .metrica:nth-child(n+3){border-top:1px solid var(--linha)}
}
@media (max-width:860px){
  .topo{padding:0 16px;height:56px}
  .conteudo{padding:22px 16px 48px}
  .migalha b{display:inline!important}
  .cab{margin-bottom:20px;padding-bottom:14px}
  .cab h1{font-size:25px}
  .barra-mob{background:var(--lado);border-top-color:var(--lado-linha)}
  .barra-mob a,.barra-mob button{color:var(--lado-sec)}
  .barra-mob a[aria-current=page]{color:var(--lado-ativo);background:var(--lado-2);box-shadow:inset 0 2px 0 var(--ouro)}
}
@media (max-width:520px){
  .metrica:nth-child(odd){padding-left:0!important}
  .metrica:nth-child(even){padding-left:14px!important}
  .metrica .val{font-size:22px}
  .cab h1{font-size:23px}
  .card-cab{padding:13px 16px 11px}
  .card-corpo{padding:16px}
}
:root[data-tema="escuro"] .lado{border-right:1px solid var(--lado-linha)}

/* ── Integrações (s/integracoes): webhook, chaves e entregas ── */
.integ-grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:1100px){.integ-grade{grid-template-columns:minmax(0,1fr)}}
.integ-grade>*{min-width:0}
.segredo-novo{display:grid;gap:10px;margin:0 0 16px;padding:14px 16px;border:1px solid var(--texto);border-left:3px solid var(--ouro);background:color-mix(in srgb,var(--ouro) 8%,var(--sup));border-radius:var(--r)}
.segredo-novo b{display:block;font-size:13.5px}
.segredo-novo span{display:block;font-size:12.5px;color:var(--sec);margin-top:2px}
.segredo-novo code{display:block;padding:10px 12px;background:var(--sup);border:1px dashed var(--linha-2);border-radius:2px;font-size:12.5px;overflow-wrap:anywhere;user-select:all}
.wh-url{display:grid;gap:12px}
.wh-url .campo-bloco input{font-family:var(--mono);font-size:13px;letter-spacing:0;max-width:none}
.wh-teste{margin:14px 0 0;padding:10px 12px;border-radius:2px;font-size:13px;border:1px solid}
.wh-teste.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:color-mix(in srgb,var(--ok) 7%,transparent)}
.wh-teste.erro{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 40%,transparent);background:color-mix(in srgb,var(--erro) 6%,transparent)}
.wh-teste .mono{display:block;margin-top:4px;color:var(--sec);overflow-wrap:anywhere}
.wh-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;border-top:2px solid var(--regua);border-bottom:1px solid var(--linha)}
.wh-nums>div{padding:12px 16px 12px 0;border-left:1px solid var(--linha);padding-left:16px}
.wh-nums>div:first-child{border-left:0;padding-left:0}
.wh-nums span{display:block;font-size:12.5px;color:var(--sec)}
.wh-nums b{display:block;font-size:24px;font-weight:700;letter-spacing:-.03em;margin-top:2px}
.wh-nums b.ruim{color:var(--erro)}
.wh-como{margin-top:16px;border-top:1px solid var(--linha);padding-top:12px}
.wh-como summary{cursor:pointer;font-weight:600;font-size:13.5px;list-style:none;display:flex;align-items:center;gap:8px}
.wh-como summary::-webkit-details-marker{display:none}
.wh-como summary::before{content:"+";font:700 15px/1 var(--sans);width:16px;color:var(--sinal)}
.wh-como[open] summary::before{content:"−"}
.wh-como p{font-size:12.5px;margin:12px 0}
.wh-como pre{white-space:pre;font-size:11.5px}
.wh-eventos{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:0}
.wh-eventos li{display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr);gap:12px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:12.5px}
.wh-eventos li span:last-child{color:var(--sec)}
.wh-resp{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:520px){.wh-nums b{font-size:19px}.wh-nums>div{padding-left:10px}.wh-eventos li{grid-template-columns:1fr;gap:2px}}
/* Lojas virtuais (Integrações): Nuvemshop e WooCommerce lado a lado, separados por fio */
.lojas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.lojas>section{padding:0 24px;min-width:0}
.lojas>section:first-child{padding-left:0}
.lojas>section+section{border-left:1px solid var(--linha);padding-right:0}
.lojas h3{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-size:15px;letter-spacing:-.015em}
.lojas h3 .st{font-size:12px}
.lojas p{margin:0;font-size:13.5px;line-height:1.55}
.passos-loja{list-style:none;margin:14px 0 0;padding:0;counter-reset:passo;border-top:1px solid var(--linha)}
.passos-loja li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 10px;padding:9px 0;border-bottom:1px solid var(--linha);font-size:13px;counter-increment:passo}
.passos-loja li::before{content:counter(passo);grid-row:1/3;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--sans);background:var(--tinta);color:#F3EDE0}
:root[data-tema="escuro"] .passos-loja li::before{background:var(--sup-2);color:var(--texto);box-shadow:inset 0 0 0 1px var(--linha-2)}
.passos-loja b{font-weight:600}
.passos-loja span{color:var(--sec)}
.lojas-pe{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--linha);font-size:12.5px}
.lojas-pe a{color:var(--texto);font-weight:600}
@media (max-width:900px){.lojas{grid-template-columns:minmax(0,1fr)}.lojas>section{padding:0}.lojas>section+section{border-left:0;border-top:1px solid var(--linha);margin-top:18px;padding-top:18px}}
.tag.plat{margin-left:6px;vertical-align:1px;font-size:10.5px;padding:3px 6px}