/* Portal Wambak — sem estilos inline (CSP). Cores da marca: verde-petróleo da logo. */
:root{
  --marca:#0b3e3f;--marca-2:#155455;--acento:#9a7b4f;
  --fundo:#f4f3ef;--cartao:#fff;--texto:#1b1d1f;--sutil:#64676d;--linha:#e3e0d8;--linha-2:#efede7;
  --ok:#1e7a46;--ok-bg:#e5f3ea;--erro:#b3261e;--erro-bg:#fbe9e7;--alerta:#9a5a00;--alerta-bg:#fff3dc;
  --s1:#00897b;--s2:#b5761f;--critico:#b3261e;--grade:#e9e6df;
}
@media (prefers-color-scheme:dark){:root{
  --fundo:#0f1316;--cartao:#171c20;--texto:#e9e7e2;--sutil:#9a9ea5;--linha:#283037;--linha-2:#1f262c;--marca-2:#2b6e6f;
  --ok-bg:#163223;--erro-bg:#3a1916;--alerta-bg:#3a2a10;--s1:#1fa090;--s2:#bd7f24;--critico:#e0574b;--grade:#232b31}}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--marca-2)}@media (prefers-color-scheme:dark){a{color:#7fc8c0}}
h1{font-size:1.45rem;margin:.1rem 0 .3rem;letter-spacing:-.01em}
h1 small,h2 small,h3 small{font-size:.8rem;color:var(--sutil);font-weight:400;margin-left:.4rem}
h2{font-size:1.05rem;margin:2rem 0 .8rem;padding-bottom:.35rem;border-bottom:1px solid var(--linha);display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}
h3{font-size:.95rem;margin:0 0 .6rem}
.sub{color:var(--sutil);margin:0 0 1rem}
.topo{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;background:var(--marca);color:#fff;padding:.55rem 1.2rem;position:sticky;top:0;z-index:5}
.topo a{color:#fff;text-decoration:none}
.marca{font-weight:700;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.marca small{font-weight:400;opacity:.7}
.logo-topo{background:#fff;border-radius:4px;padding:1px}
.topo nav{display:flex;gap:.2rem;flex-wrap:wrap;flex:1}
.topo nav a{opacity:.82;padding:.3rem .55rem;border-radius:6px;font-size:.92rem}
.topo nav a:hover{opacity:1;background:rgba(255,255,255,.08)}.topo nav a.ativo{opacity:1;background:rgba(255,255,255,.16)}
.sair{display:flex;gap:.6rem;align-items:center;font-size:.85rem;opacity:.9}
main{max-width:1320px;margin:0 auto;padding:1.2rem 16px 3rem}
main.centro{display:grid;place-items:start center;min-height:80vh;padding-top:8vh}
.rodape{text-align:center;color:var(--sutil);font-size:.75rem;padding:1rem}
.cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:1rem 1.1rem;margin-bottom:1rem}
.cartao.estreito{width:100%;max-width:520px}.cartao.destaque{border-left:4px solid var(--acento)}
.cab{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap;margin-bottom:.4rem}
.grade2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:1rem}
.grade3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:.4rem 1rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem;margin-bottom:1rem}
.kpi{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.85rem 1rem}
.kpi span{display:block;font-size:.74rem;color:var(--sutil);text-transform:uppercase;letter-spacing:.04em}
.kpi b{display:block;font-size:1.65rem;margin:.1rem 0;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.kpi small{color:var(--sutil);font-size:.8rem}
.kpi.destaque{border-top:3px solid var(--acento)}.kpi.alerta b{color:var(--critico)}
.meta{display:block;width:100%;height:6px;margin-top:.4rem}.meta .fundo-m{fill:var(--linha-2)}.meta .cheio{fill:var(--s1)}
.abas{display:flex;gap:.25rem;flex-wrap:wrap;margin:.2rem 0 .6rem}
.abas a{padding:.28rem .7rem;border:1px solid var(--linha);border-radius:999px;text-decoration:none;color:var(--texto);font-size:.86rem;background:var(--cartao)}
.abas a.ativo{background:var(--marca);color:#fff;border-color:var(--marca)}
.grafico{width:100%;height:auto;display:block}
.grafico .grade{stroke:var(--grade);stroke-width:1}
.grafico .b1{fill:var(--s1)}.grafico .b1.futuro{fill:none;stroke:var(--s1);stroke-dasharray:3 2}
.grafico .b2{fill:var(--s2)}.grafico .b2.futuro{fill:none;stroke:var(--s2);stroke-dasharray:3 2}
.grafico .bv{fill:var(--critico)}
.grafico .b1.atual{fill:var(--marca-2)}
.grafico .hit{fill:transparent}.grafico .hit:hover{fill:var(--linha-2);fill-opacity:.6}
.grafico .rot{font-size:11px;fill:var(--texto);font-weight:600}
.grafico .eixo{font-size:10.5px;fill:var(--sutil)}
.legenda{display:flex;gap:1rem;flex-wrap:wrap;font-size:.82rem;color:var(--sutil);margin:.2rem 0 .4rem}
.legenda i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:.35rem;vertical-align:-1px}
.legenda .l1{background:var(--s1)}.legenda .l2{background:var(--s2)}.legenda .lv{background:var(--critico)}
.barrinha{width:100%;height:8px;display:block}.barrinha .f{fill:var(--linha-2)}.barrinha .v{fill:var(--s1)}.barrinha .v.critico{fill:var(--critico)}.barrinha .v.s2{fill:var(--s2)}
table{width:100%;border-collapse:collapse;font-size:.9rem}
th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--linha-2);vertical-align:top}
th{color:var(--sutil);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr.total td{font-weight:700;border-top:1px solid var(--linha)}
.tabela{overflow-x:auto}
.trilho{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin:.4rem 0 1rem}
@media (max-width:900px){.trilho{grid-template-columns:repeat(2,minmax(0,1fr))}}
.estacao{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.75rem .8rem}
.estacao .num{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--marca);color:#fff;font-size:.75rem;font-weight:700}
.estacao b{display:block;font-size:1.7rem;line-height:1.1;margin:.35rem 0 .1rem;font-variant-numeric:tabular-nums}
.estacao .nome{font-weight:600;font-size:.9rem}.estacao small{display:block;color:var(--sutil);font-size:.78rem}
.estacao .acima{display:inline-block;margin-top:.35rem;font-size:.76rem;color:var(--critico);background:var(--erro-bg);border-radius:999px;padding:.05rem .5rem}
.estacao .emdia{display:inline-block;margin-top:.35rem;font-size:.76rem;color:var(--ok);background:var(--ok-bg);border-radius:999px;padding:.05rem .5rem}
.estacao.vazia{opacity:.6}
.gargalo{background:var(--alerta-bg);color:var(--alerta);border-radius:10px;padding:.55rem .8rem;margin:.2rem 0 1rem;font-size:.9rem}
.quadro{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:.7rem;overflow-x:auto;padding-bottom:.4rem}
.coluna{background:var(--linha-2);border-radius:12px;padding:.6rem;min-height:120px}
.coluna h3{display:flex;justify-content:space-between;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--sutil)}
.card{display:block;background:var(--cartao);border:1px solid var(--linha);border-radius:10px;padding:.6rem .7rem;margin-bottom:.5rem;text-decoration:none;color:var(--texto)}
.card:hover{border-color:var(--marca-2)}
.card b{display:block;font-size:.92rem}.card small{display:block;color:var(--sutil);font-size:.78rem}
.card .atraso{color:var(--critico);font-weight:600}
label{display:block;font-size:.84rem;color:var(--sutil);margin:.35rem 0}
input,select,textarea{display:block;width:100%;margin-top:.2rem;padding:.5rem .6rem;border:1px solid var(--linha);border-radius:8px;background:var(--fundo);color:var(--texto);font:inherit}
textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--acento);outline-offset:1px}
input[type=checkbox]{display:inline;width:auto;margin-right:.4rem}
fieldset{border:0;padding:0;margin:0}legend{font-weight:600;margin-bottom:.3rem}
details summary{cursor:pointer;font-weight:600;margin:.4rem 0}
button,.botao{display:inline-flex;align-items:center;gap:.35rem;padding:.48rem .95rem;border-radius:8px;border:1px solid var(--linha);background:var(--cartao);color:var(--texto);font:inherit;cursor:pointer;text-decoration:none;white-space:nowrap}
button:hover,.botao:hover{border-color:var(--marca-2)}
button.primario,.botao.primario{background:var(--marca);color:#fff;border-color:var(--marca)}
button.perigo{background:var(--critico);color:#fff;border-color:var(--critico)}
button.link{background:none;border:0;padding:0 .3rem;color:inherit;text-decoration:underline;cursor:pointer}
.topo button.link{color:#fff}
.form>button,.acoes{margin-top:.8rem}.acoes{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.linha{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.linha input,.linha select{width:auto;margin:0}
.filtros{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end;margin:.4rem 0 1rem}
.filtros label{margin:0}.filtros input,.filtros select{min-width:170px}
.ok{background:var(--ok-bg);color:var(--ok);padding:.6rem .8rem;border-radius:8px}
.erro{background:var(--erro-bg);color:var(--erro);padding:.6rem .8rem;border-radius:8px}
.aviso{background:var(--alerta-bg);color:var(--alerta);padding:.6rem .8rem;border-radius:8px}
.nota{color:var(--sutil);font-size:.84rem}
.selo{display:inline-block;font-size:.74rem;padding:.08rem .55rem;border-radius:99px;background:var(--linha-2);color:var(--sutil);white-space:nowrap}
.selo.verde,.selo.enviado,.selo.recebido,.selo.protocolado,.selo.resolvido,.selo.completo,.selo.Ativo{background:var(--ok-bg);color:var(--ok)}
.selo.amarelo,.selo.revisao,.selo.versao_final,.selo.aberto,.selo.Pendência{background:var(--alerta-bg);color:var(--alerta)}
.selo.vermelho,.selo.pendente,.selo.expirado,.selo.Cancelado{background:var(--erro-bg);color:var(--erro)}
.selo.dispensado,.selo.desativado{background:var(--linha-2);color:var(--sutil)}
code{background:var(--fundo);padding:.1rem .35rem;border-radius:4px;word-break:break-all}
pre{white-space:pre-wrap;font:inherit;font-size:.9rem}
.contadores{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 .8rem}
.contadores a{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--linha);text-decoration:none;color:var(--texto);background:var(--cartao);font-size:.86rem}
.contadores a.ativo{border-color:var(--marca);background:var(--marca);color:#fff}
.ficha dt{color:var(--sutil);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;margin-top:.5rem}.ficha dd{margin:0}
.linha-tempo{list-style:none;padding:0;margin:0}.linha-tempo li{border-left:2px solid var(--linha);padding:.1rem 0 .7rem .8rem;position:relative}
.linha-tempo li::before{content:"";position:absolute;left:-6px;top:.4rem;width:10px;height:10px;border-radius:50%;background:var(--marca-2)}
.linha-tempo small{color:var(--sutil)}
.logo-login{display:flex;gap:.7rem;align-items:center;margin-bottom:1rem}.logo-login small{display:block;color:var(--sutil)}.logo-login img{border-radius:6px}
.progresso{margin:.6rem 0 1rem}.progresso b{font-size:1.1rem}
.checklist{list-style:none;padding:0;margin:0}
.checklist li{border:1px solid var(--linha);border-radius:10px;padding:.7rem .8rem;margin:.6rem 0;background:var(--cartao)}
.checklist li.recebido,.checklist li.dispensado{border-color:var(--ok);background:var(--ok-bg)}
.checklist .marca-item{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--linha);margin-right:.45rem;font-size:.8rem;font-weight:700;vertical-align:-5px}
.checklist li.recebido .marca-item,.checklist li.dispensado .marca-item{background:var(--ok);border-color:var(--ok);color:#fff}
.checklist small{display:block;color:var(--sutil);margin:.15rem 0 0 1.9rem}
.obrig{color:var(--erro);font-size:.78rem}
.up{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.5rem 0 0 1.9rem}.up input{width:auto;flex:1;margin:0;min-width:180px}
@media (max-width:640px){.topo{padding:.55rem 16px}.kpi b{font-size:1.3rem}.up{margin-left:0}.checklist small{margin-left:0}}

/* sub-navegação da seção (Atendimento, Comercial) */
.subnav{display:flex;gap:.3rem;flex-wrap:wrap;background:var(--cartao);border-bottom:1px solid var(--linha);padding:.45rem max(16px,calc((100% - 1320px)/2 + 16px))}
.subnav a{color:var(--texto);text-decoration:none;font-size:.9rem;padding:.3rem .7rem;border-radius:999px;opacity:.8}
.subnav a:hover{opacity:1;background:var(--fundo)}
.subnav a.ativo{opacity:1;background:var(--marca);color:#fff}

/* Clientes */
.busca-cli{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin:.4rem 0 .9rem}
.busca-cli input[name=q]{flex:1 1 320px;min-width:0;font-size:1rem;padding:.65rem .8rem;margin:0}
.busca-cli select{width:auto;margin:0}
.abas-cli{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 .3rem}
.abas-cli a{display:flex;gap:.45rem;align-items:baseline;padding:.45rem .9rem;border-radius:10px;border:1px solid var(--linha);background:var(--cartao);color:var(--texto);text-decoration:none}
.abas-cli a b{font-size:1.1rem}
.abas-cli a.ativo{border-color:var(--marca);box-shadow:inset 0 -3px 0 var(--marca)}
.lista-cli{display:flex;flex-direction:column;gap:.45rem;margin-top:.6rem}
.cli{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(170px,1fr) minmax(200px,1.4fr) auto;gap:.8rem;align-items:center;background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.75rem 1rem}
.cli.urgente{border-left:4px solid var(--alerta)}
.cli-nome{font-weight:700;color:var(--texto);text-decoration:none}.cli-nome:hover{text-decoration:underline}
.cli-meta{margin-top:.2rem;color:var(--sutil)}
.cli-passos{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap}
.cli-passos .pt{width:10px;height:10px;border-radius:50%;border:1px solid var(--linha);background:var(--cartao)}
.cli-passos .pt.feito{background:var(--marca);border-color:var(--marca)}
.cli-passos .pt.agora{background:var(--acento,#a8865a);border-color:var(--acento,#a8865a);width:12px;height:12px}
.cli-passos small{margin-left:.3rem;color:var(--sutil)}
.cli-proximo{display:flex;flex-direction:column;gap:.15rem}
.cli-proximo .atraso{color:var(--alerta);font-weight:600}
.cli-acoes{display:flex;gap:.35rem;justify-content:flex-end}
.btn-mini{display:inline-block;padding:.35rem .7rem;border-radius:8px;background:var(--marca);color:#fff;text-decoration:none;font-size:.85rem;white-space:nowrap}
.btn-mini.claro{background:transparent;color:var(--marca-2);border:1px solid var(--linha)}
@media (max-width:900px){.cli{grid-template-columns:1fr 1fr}.cli-acoes{justify-content:flex-start}}
@media (max-width:560px){.cli{grid-template-columns:1fr}}
/* Financeiro por período */
.periodo .abas{margin-bottom:.5rem}
.periodo-form label{display:flex;gap:.35rem;align-items:center;margin:0;font-size:.85rem;color:var(--sutil)}
.periodo-form input[type=date]{width:auto;margin:0}
.kpis-fin{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.kpi .nota-kpi{display:block;margin-top:.15rem;font-size:.72rem;opacity:.85}
.delta{font-style:normal;font-weight:700;font-size:.76rem;padding:.02rem .35rem;border-radius:6px;background:var(--linha-2);color:var(--sutil)}
.delta.sobe{background:var(--ok-bg);color:var(--ok)}.delta.desce{background:var(--erro-bg);color:var(--erro)}
.ponto-info{min-height:1.3em;margin:.3rem 0 .2rem;font-variant-numeric:tabular-nums}
.mini-kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}
.mini-kpis div{border:1px solid var(--linha);border-radius:10px;padding:.5rem .65rem}
.mini-kpis span{display:block;font-size:.72rem;color:var(--sutil);text-transform:uppercase;letter-spacing:.03em}
.mini-kpis b{font-size:1.05rem;font-variant-numeric:tabular-nums}
.mini-kpis .ruim b{color:var(--critico)}
h3.mt{margin-top:1.1rem}
/* Fechamento */
table.fech th.sel,table.fech td.sel{background:var(--linha-2)}
table.fech th.parcial,table.fech td.parcial{color:var(--sutil)}
table.fech th a{color:inherit}
table.fech .xx{color:var(--sutil);opacity:.7}
.grade-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.6rem}
.texto-pronto{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;background:var(--fundo)}
.mini-kpis small{display:block;color:var(--sutil);font-size:.75rem}

/* status manual do caso */
.cli{grid-template-columns:minmax(190px,1.3fr) minmax(170px,1fr) minmax(150px,.9fr) minmax(190px,1.2fr) auto}
.cli-status{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}
.cli-passos .pt{width:8px;height:8px}.cli-passos small{color:var(--sutil);font-size:.75rem}
.st-edit summary{cursor:pointer;color:var(--marca-2);font-size:.8rem;list-style:none}.st-edit summary::-webkit-details-marker{display:none}
.st-edit[open]{flex-basis:100%}.st-edit form{margin-top:.35rem}.st-edit select,.st-edit input{width:auto;margin:0;padding:.3rem .45rem;font-size:.85rem}
.selo.st-resolvido{background:var(--ok-bg);color:var(--ok)}
.selo.st-desistencia,.selo.st-triagem-inativa{background:var(--linha-2);color:var(--sutil)}
.selo.st-retrabalho,.selo.st-correcao{background:var(--alerta-bg);color:var(--alerta)}
.selo.st-protocolo,.selo.st-re-protocolo,.selo.st-validacao{background:#e3eefc;color:#1c5cab}
.selo.st-peticao,.selo.st-triagem,.selo.st-cpd{background:#efeafc;color:#4a3aa7}
@media (prefers-color-scheme:dark){.selo.st-protocolo,.selo.st-re-protocolo,.selo.st-validacao{background:#1b2d45;color:#86b6ef}.selo.st-peticao,.selo.st-triagem,.selo.st-cpd{background:#2a2545;color:#b1a8f0}}
.resp-filtro select{width:auto;margin:0 0 0 .4rem;padding:.25rem .5rem;font-size:.85rem}
@media (max-width:1100px) and (min-width:901px){.cli{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:640px){.cli{grid-template-columns:1fr}}
.status-caso{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-end}
.st-grande{font-size:1.35rem}.form-status{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end}.form-status label{margin:0}.form-status select,.form-status input{width:auto;min-width:150px;margin:0}
/* paleta categórica (ordem fixa, validada) */
:root{--c1:#2a78d6;--c2:#eb6834;--c3:#1baf7a;--c4:#eda100;--c5:#e87ba4;--c6:#008300;--c7:#6250d6;--c8:#e34948}
@media (prefers-color-scheme:dark){:root{--c1:#3987e5;--c2:#d95926;--c3:#199e70;--c4:#c98500;--c5:#d55181;--c6:#008300;--c7:#9085e9;--c8:#e66767}}
.grafico .c1,.legenda .c1{fill:var(--c1);background:var(--c1)}.grafico .c2,.legenda .c2{fill:var(--c2);background:var(--c2)}
.grafico .c3,.legenda .c3{fill:var(--c3);background:var(--c3)}.grafico .c4,.legenda .c4{fill:var(--c4);background:var(--c4)}
.grafico .c5,.legenda .c5{fill:var(--c5);background:var(--c5)}.grafico .c6,.legenda .c6{fill:var(--c6);background:var(--c6)}
.grafico .c7,.legenda .c7{fill:var(--c7);background:var(--c7)}.grafico .c8,.legenda .c8{fill:var(--c8);background:var(--c8)}
.grafico .eixo.forte{fill:var(--texto);font-weight:700}
table.hbar td{border:0;padding:.3rem .4rem}.hbar-c{width:55%}
.sit{display:inline-block;font-size:.75rem;font-weight:700;padding:.08rem .5rem;border-radius:99px}
.sit.ok{background:var(--ok-bg);color:var(--ok)}.sit.atencao{background:var(--alerta-bg);color:var(--alerta)}.sit.ruim{background:var(--erro-bg);color:var(--erro)}
.ind-ok{color:var(--ok);font-weight:700}.ind-ruim{color:var(--erro);font-weight:700}
.fonte{font-size:.75rem;color:var(--sutil)}
.leitura-ia{white-space:pre-wrap;line-height:1.55}
.tabela-larga td,.tabela-larga th{white-space:nowrap}
.pend-item{display:grid;grid-template-columns:110px 1fr 120px minmax(220px,auto);gap:.6rem;align-items:center;padding:.55rem 0;border-bottom:1px solid var(--linha-2)}
.pend-item select{margin:0}.pend-item .q{font-size:.85rem}
@media (max-width:760px){.pend-item{grid-template-columns:1fr}}
#metas-form input,td form.linha input{width:6.5rem;padding:.3rem .45rem;margin:0;font-size:.85rem}
td form.linha{flex-wrap:nowrap}
h4.mt{margin:1rem 0 .4rem;font-size:.95rem}
.fech sup.mk{color:var(--marca,#0b3e3f);font-size:.7rem;margin-left:.15rem;cursor:help}

/* celular: menu numa linha só com rolagem lateral, cabeçalho não fixo (antes ocupava 3–4 linhas da tela) */
@media (max-width:640px){
  .topo{position:static;gap:.4rem;padding:.45rem 12px}
  .topo nav{flex:1 0 100%;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;order:3}
  .topo nav::-webkit-scrollbar{display:none}
  .topo nav a{white-space:nowrap;flex:0 0 auto}
  .topo .sair span{display:none}
  .subnav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.subnav a{white-space:nowrap;flex:0 0 auto}
}
/* bloco "Hoje" do painel */
.hoje{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem;margin:0 0 1rem}
.hoje a{display:block;text-decoration:none;color:var(--texto);background:var(--cartao);border:1px solid var(--linha);border-left:4px solid var(--linha);border-radius:10px;padding:.65rem .8rem}
.hoje a b{display:block;font-size:1.5rem;line-height:1.1}.hoje a span{font-size:.88rem;opacity:.85}
.hoje a.alerta{border-left-color:#d64545}.hoje a.atencao{border-left-color:#d99a00}.hoje a.ok{border-left-color:#2e8b57;opacity:.75}
.hoje a:hover{background:var(--fundo)}
.selo.vence{background:#fff1d6;color:#7a4b00}@media (prefers-color-scheme:dark){.selo.vence{background:#4a3a12;color:#ffd27a}}
/* Relacionamento */
.quadro.q4{grid-template-columns:repeat(4,minmax(220px,1fr))}
a.kpi{text-decoration:none;color:inherit}
.card a{color:var(--texto);text-decoration:none}.card .atraso{color:var(--alerta);font-weight:600}
.cli-acoes{align-items:center}.cli-acoes details{position:relative}.cli-acoes details summary{cursor:pointer;padding:.35rem .5rem}
.cli-acoes details[open] .form{position:absolute;right:0;top:100%;z-index:20;width:min(620px,92vw);background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:.8rem;margin-top:.3rem;box-shadow:0 10px 30px rgba(0,0,0,.18)}
@media (max-width:900px){.quadro.q4{grid-template-columns:repeat(4,minmax(200px,80vw))}}