/* SuporteADV Calc — tinta de carimbo sobre papel de conta.
   Tipos do próprio Windows (nada é baixado): Bahnschrift (DIN) para títulos, rótulos e números; Segoe UI para o texto. */
:root{
  --tinta:#14212c;      /* barra superior e faixa do caso */
  --tinta2:#223544;
  --papel:#e9edf0;      /* fundo */
  --folha:#ffffff;      /* painéis */
  --fg:#17222d;         /* texto */
  --mut:#56636f;
  --bd:#d3dae0;
  --acc:#0e6b74;        /* petróleo: ações */
  --acc2:#0a525a;
  --soft:#eef3f4;
  --ok:#1d7a47;--warn:#a2600a;--err:#b42318;
  --selo:#00ff00;       /* APROVADO (cor pedida pelo dono) */
  --pn:var(--folha);--bg:var(--papel);
  --num:"Bahnschrift","DIN Alternate","Segoe UI",sans-serif;
}
@media (prefers-color-scheme: dark){:root{--papel:#0e1418;--folha:#161e24;--fg:#e6ecef;--mut:#9fb0ba;--bd:#2b3942;--acc:#4fb7c1;--acc2:#7fd0d8;--soft:#1c262d;--ok:#5fd08a;--warn:#f0b35a;--err:#ff8a80;--tinta:#0a1014;--tinta2:#16222b}
  :root .bloco.prim{background:#0f3b40;border-color:#1f6a72}:root .bloco.prim:hover{border-color:#6fc2c9}}
*{box-sizing:border-box}
html{font-size:17.5px}
body{margin:0;font:1rem/1.55 "Segoe UI",system-ui,Arial,sans-serif;color:var(--fg);background:var(--papel);min-height:100vh}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ---------- barra superior ---------- */
.topo{position:sticky;top:0;z-index:20;background:var(--tinta);color:#dfe8ec;display:flex;align-items:stretch;gap:4px;padding:0 22px;min-height:64px;box-shadow:0 2px 0 rgba(0,0,0,.08)}
.marca{display:flex;align-items:center;gap:10px;margin-right:18px;cursor:pointer;border:0;background:none;color:#fff;font:600 1.12rem/1 var(--num);letter-spacing:.02em;padding:0}
.marca .par{display:inline-grid;place-items:center;width:34px;height:34px;border:2px solid #6fc2c9;border-radius:50%;color:#6fc2c9;font:700 1.1rem/1 var(--num)}
.nav{display:flex;align-items:stretch;gap:2px;flex-wrap:wrap}
.nav button{border:0;background:none;color:#b9c8d0;font:500 .98rem/1 var(--num);letter-spacing:.02em;padding:0 14px;cursor:pointer;border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px}
.nav button:hover{color:#fff}
.nav button.on{color:#fff;border-bottom-color:#6fc2c9}
.nav .qtd{background:#2d4453;color:#dfe8ec;border-radius:10px;padding:2px 8px;font-size:.8rem}
.topo .dir{margin-left:auto;display:flex;align-items:center;color:#8fa3ae;font:.85rem var(--num)}

/* ---------- área de trabalho ---------- */
main{max-width:1440px;margin:0 auto;padding:26px 32px 60px}
.vista[hidden]{display:none}
h1{font:600 1.9rem/1.2 var(--num);letter-spacing:.005em;margin:0 0 6px}
h2{font:600 1.55rem/1.25 var(--num);margin:0}
h3{font:600 1.18rem/1.3 var(--num);margin:22px 0 10px;letter-spacing:.01em}
p{margin:10px 0}
.lead{color:var(--mut);font-size:1.05rem;margin:0 0 22px;max-width:70ch}

/* início: mesa de trabalho */
.mesa{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media (max-width:1000px){.mesa{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.mesa{grid-template-columns:1fr}}
.bloco{position:relative;text-align:left;border:1px solid var(--bd);border-radius:14px;background:var(--folha);padding:22px 22px 20px;cursor:pointer;color:var(--fg);font:inherit;display:flex;flex-direction:column;gap:8px;transition:border-color .15s,transform .15s}
.bloco:hover{border-color:var(--acc);transform:translateY(-2px)}
.bloco .rot{font:600 .78rem/1 var(--num);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.bloco b{font:600 1.3rem/1.25 var(--num)}
.bloco span.st{font-size:.95rem}
.bloco.prim{background:var(--tinta);color:#e7eef1;border-color:var(--tinta)}
.bloco.prim .rot{color:#6fc2c9}.bloco.prim span.st{color:#a9bcc5}
.faixa-ult{margin-top:30px}
.ult{display:flex;gap:10px;flex-wrap:wrap}

/* lista de casos */
.casos-barra{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:6px 0 18px}
#busca{flex:1;min-width:260px;max-width:520px}
#lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.caso{display:block;width:100%;text-align:left;padding:16px 18px;border:1px solid var(--bd);border-left:5px solid var(--bd);border-radius:10px;background:var(--folha);color:var(--fg);cursor:pointer;font:inherit}
.caso:hover{border-color:var(--acc);border-left-color:var(--acc)}
.caso b{font:600 1.12rem/1.3 var(--num);display:block;margin-bottom:4px}
.caso.sel{border-left-color:var(--acc)}
.caso.ok{border-left-color:#1d7a47}

/* novo caso */
.duas{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.soltar{border:2px dashed var(--bd);border-radius:12px;padding:22px;text-align:center;background:var(--soft)}
.soltar input[type=file]{width:100%}

/* faixa do caso (cabeçalho) */
#tela > .faixa{background:var(--tinta);color:#e7eef1;border-radius:14px 14px 0 0;padding:18px 24px 14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#tela > .faixa .cancelar{margin-left:auto;border:1px solid #8a5a4a;background:none;color:#f0c9bc;border-radius:8px;padding:6px 14px;cursor:pointer;font:600 .9rem var(--num)}
#tela > .faixa .cancelar:hover{background:#8a5a4a;color:#fff}
#tela > .faixa .volta{border:1px solid #3d5566;background:none;color:#b9c8d0;border-radius:8px;padding:6px 12px;cursor:pointer;font:500 .9rem var(--num)}
#tela > .faixa .volta:hover{color:#fff;border-color:#6fc2c9}
#titulo{font:600 1.55rem/1.2 var(--num);margin:0;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
/* assinatura: o status é um carimbo */
.carimbo{display:inline-block;transform:rotate(-4deg);border:3px double currentColor;border-radius:6px;padding:3px 12px;font:700 .9rem/1.2 var(--num);letter-spacing:.14em;text-transform:uppercase;color:#c9d6dc}
.carimbo .aprovado{color:var(--selo)}
.carimbo:has(.aprovado){color:var(--selo);box-shadow:0 0 0 1px rgba(0,255,0,.15),inset 0 0 12px rgba(0,255,0,.12)}
.carimbo:has(.importado){color:#8fc0ff}
.aprovado{color:var(--selo);font-weight:700}
.caso .aprovado,.pn .aprovado,td .aprovado{background:#0f2418;padding:1px 8px;border-radius:4px}
.importado{color:#5d8fd6;font-weight:700}

/* etapas do caso: é uma sequência real, por isso numerada */
.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;gap:0;background:var(--tinta2);border-radius:0 0 14px 14px;padding:0 12px;margin-bottom:22px}
.tabs button{flex:none;white-space:nowrap;border:0;background:none;color:#aec0c9;font:500 .96rem/1 var(--num);padding:14px 11px;cursor:pointer;border-bottom:3px solid transparent;display:flex;align-items:center;gap:8px}
.tabs button:hover{color:#fff}
.tabs button.on{color:#fff;border-bottom-color:#6fc2c9}
.tabs .passo{display:inline-grid;place-items:center;width:1.55em;height:1.55em;border-radius:50%;border:1.5px solid currentColor;font-size:.78em}
.tabs button.on .passo{background:#6fc2c9;border-color:#6fc2c9;color:var(--tinta)}
.tabs .sep{flex:none;align-self:center;margin:0 4px 0 auto;padding-left:14px;color:#7d93a0;font:.82rem var(--num);letter-spacing:.1em;text-transform:uppercase}
.tabs button.mini2{font-size:.88rem;padding:14px 8px}
#tela:has(#tabs:empty) > .faixa{border-radius:14px;margin-bottom:22px}
#tabs:empty{display:none}

/* peças comuns (usadas pelo script) */
.pn{background:var(--folha);border:1px solid var(--bd);border-radius:12px;padding:22px 26px;margin-bottom:18px}
.st{font-size:.9rem;color:var(--mut)}
.al{padding:12px 16px;border-left:6px solid var(--bd);margin:8px 0;background:var(--soft);border-radius:6px}
.ATENCAO{border-color:var(--warn)}.ERRO{border-color:var(--err)}.INFO{border-color:var(--acc)}
input,select{font:inherit;padding:10px 12px;border:1px solid var(--bd);border-radius:8px;background:var(--folha);color:var(--fg);margin:4px 0}
input:focus,select:focus,textarea:focus{border-color:var(--acc)}
input[type=file]{padding:8px}
.row label>input:not([type=checkbox]):not([type=radio]):not([type=time]):not([style*=width]),.row label>select:not([style*=width]){width:100%;max-width:520px}
label{font-size:1rem}
textarea{width:100%;min-height:340px;font:.92rem/1.5 "Cascadia Mono",Consolas,monospace;border:1px solid var(--bd);border-radius:8px;padding:12px;background:var(--folha);color:var(--fg)}
button.acao{padding:12px 22px;font:600 1.02rem/1.2 var(--num);letter-spacing:.02em;border-radius:9px;border:1px solid var(--acc);background:var(--acc);color:#fff;cursor:pointer;margin:6px 10px 6px 0}
button.acao:hover{background:var(--acc2)}
button.acao:disabled{opacity:.5;cursor:not-allowed}
button.sec,a.sec{background:var(--folha);color:var(--acc)}
button.sec:hover{background:var(--soft)}
button.mini{padding:5px 11px;font:500 .88rem var(--num);border-radius:7px;border:1px solid var(--acc);background:var(--folha);color:var(--acc);cursor:pointer;margin:2px 4px 2px 0}
a{color:var(--acc)}
table{border-collapse:collapse;width:100%;font-size:1rem}
th,td{border-bottom:1px solid var(--bd);padding:9px 12px;text-align:right}
th:first-child,td:first-child{text-align:left}
th{background:var(--soft);font:600 .9rem var(--num);letter-spacing:.03em}
td{font-variant-numeric:tabular-nums}
tr:hover td{background:color-mix(in srgb,var(--acc) 6%,transparent)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:10px 0 20px}
.card{border:1px solid var(--bd);border-top:4px solid var(--acc);border-radius:10px;padding:14px 18px;background:var(--folha);color:var(--mut);font:500 .88rem var(--num);letter-spacing:.04em;text-transform:uppercase}
.card b{display:block;font:600 1.9rem/1.2 var(--num);color:var(--fg);margin-top:6px;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
pre{white-space:pre-wrap;font:.92rem/1.5 "Cascadia Mono",Consolas,monospace;max-height:70vh;overflow:auto;background:var(--soft);padding:16px;border-radius:8px}
.msg{padding:13px 18px;border-radius:10px;margin:12px 0;background:var(--soft);border-left:5px solid var(--acc)}
.msg.ok{background:color-mix(in srgb,var(--ok) 12%,var(--folha));border-left-color:var(--ok)}
.msg.er{background:color-mix(in srgb,var(--err) 10%,var(--folha));border-left-color:var(--err)}
.row{display:flex;gap:22px;flex-wrap:wrap}.row>div{flex:1;min-width:260px}
.visor-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 8px}
.visor-pdf{width:100%;height:82vh;border:1px solid var(--bd);border-radius:10px;background:#fff}
details.form-g summary{cursor:pointer;color:var(--acc);font:500 1rem var(--num);margin-bottom:6px}
details.form-g textarea,#novoForm{min-height:130px;font-size:.85rem}
.etapa{display:flex;align-items:center;gap:14px;border:1px solid var(--bd);border-radius:12px;padding:12px 16px;margin:10px 0;background:var(--folha)}
.etapa .num{flex:none;width:2.1em;height:2.1em;display:grid;place-items:center;border-radius:50%;background:var(--soft);font:700 1rem var(--num)}
.etapa.ok .num{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}.etapa .corpo{flex:1}
.etapa.prox{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc)}
.tagprox{background:var(--acc);color:#fff;border-radius:10px;padding:1px 8px;font-size:.75rem;margin-left:6px}
.pres{display:block;padding:6px 0;border-bottom:1px dashed var(--bd)}
.sug{background:color-mix(in srgb,var(--acc) 10%,transparent);border-left:4px solid var(--acc);padding:8px 12px;border-radius:6px;margin:8px 0}
fieldset.sem{border:1px solid var(--bd);border-radius:10px;padding:10px 14px;flex:1;min-width:280px}fieldset.sem label{display:block;margin:4px 0}
input[type=time]{width:140px}


/* ===== legibilidade: cada área tem cor e ícone próprios ===== */
html{font-size:18px}
:root{--a-casos:#0e7c86;--a-novo:#0e7c86;--a-liq:#b8660b;--a-civel:#5b4fc4;--a-imp:#c2410c;--a-docs:#2f7d32;--area:#0e7c86}
@media (prefers-color-scheme: dark){:root{--a-casos:#3fb6c0;--a-novo:#3fb6c0;--a-liq:#f0a53a;--a-civel:#a79bff;--a-imp:#ff8a5c;--a-docs:#6fcf74;--area:#3fb6c0}}
body[data-a=casos],body[data-a=novo]{--area:var(--a-casos)}body[data-a=liq]{--area:var(--a-liq)}body[data-a=civel]{--area:var(--a-civel)}
body[data-a=imp]{--area:var(--a-imp)}body[data-a=docs]{--area:var(--a-docs)}
[data-a=casos]{--c:var(--a-casos)}[data-a=novo]{--c:var(--a-novo)}[data-a=liq]{--c:var(--a-liq)}[data-a=civel]{--c:var(--a-civel)}[data-a=imp]{--c:var(--a-imp)}[data-a=docs]{--c:var(--a-docs)}
svg.ic{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
/* menu */
.nav button{font-size:1rem;gap:9px;padding:0 15px}
.nav button svg.ic{color:var(--c)}
.nav button.on{border-bottom-color:var(--c);background:rgba(255,255,255,.05)}
/* tela inicial */
.bloco{border-left:6px solid var(--c);padding-left:20px}
.bloco .icone{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c);font-size:1.3rem}
.bloco .rot{color:var(--c)}
.bloco b{font-size:1.4rem}
.bloco.prim .icone{background:color-mix(in srgb,var(--c) 28%,transparent);color:#9be3e9}
/* cabeçalho das telas */
#tela > .faixa{border-top:6px solid var(--area)}
#tela > .faixa .icone{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--area) 30%,transparent);color:#fff;font-size:1.25rem}
#tela > .faixa .icone:empty{display:none}
#titulo{font-size:1.7rem}
.tabs button{font-size:1rem;padding:15px 10px}
@media (max-width:1600px){.tabs .sep{display:none}.tabs button{padding:15px 8px;font-size:.96rem}.tabs button.mini2{margin-left:0}}
.tabs button.mini2:first-of-type{margin-left:auto}
.tabs button.on{border-bottom-color:var(--area);background:rgba(255,255,255,.06)}
.tabs button.on .passo{background:var(--area);border-color:var(--area);color:#fff}
/* seções: título com marca da área, bem separado do conteúdo */
.pn h3,#lqForm h3{display:flex;align-items:center;gap:10px;font-size:1.28rem;padding-left:12px;border-left:5px solid var(--area);margin:26px 0 14px}
.pn > h3:first-child,.pn > div:first-child > h3:first-child{margin-top:0}
.pn{border-radius:14px;box-shadow:0 1px 0 rgba(0,0,0,.04),0 6px 18px -12px rgba(0,0,0,.25)}
/* rótulos x campos */
label{font:600 .92rem/1.35 var(--num);letter-spacing:.02em;color:var(--mut)}
label input,label select,label textarea{font-family:"Segoe UI",system-ui,sans-serif;font-weight:400;letter-spacing:0;color:var(--fg)}
label:has(>input[type=checkbox]),label:has(>input[type=radio]){font:500 1rem/1.4 "Segoe UI",system-ui,sans-serif;color:var(--fg);letter-spacing:0}
input[type=checkbox],input[type=radio]{width:1.15em;height:1.15em;accent-color:var(--area);vertical-align:-.15em;margin-right:6px}
input,select{font-size:1.02rem;padding:11px 13px;border-width:1.5px}
/* botões */
button.acao{font-size:1.05rem;padding:13px 24px;background:var(--area);border-color:var(--area)}
button.acao:hover{filter:brightness(1.1);background:var(--area)}
button.acao.sec,button.sec{background:var(--folha);color:var(--area);border:1.5px solid var(--area)}
button.mini{border-color:var(--area);color:var(--area);font-size:.92rem;padding:6px 12px}
/* mensagens com ícone: lê-se o tipo antes do texto */
.msg{position:relative;padding-left:52px;font-size:1.05rem}
.msg::before{content:"i";position:absolute;left:16px;top:13px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 .85rem/1 var(--num);color:#fff;background:var(--acc)}
.msg.ok::before{content:"✓";background:var(--ok)}
.msg.er::before{content:"!";background:var(--err)}
.al{font-size:1.02rem}.al b{font-family:var(--num)}
/* tabelas: listras e cabeçalho forte */
tbody tr:nth-child(even) td,table tr:nth-child(even) td{background:color-mix(in srgb,var(--soft) 70%,transparent)}
th{font-size:.95rem;text-transform:none;border-bottom:2px solid var(--bd)}
td{padding:10px 12px}
/* números de destaque */
.card{border-top-color:var(--area)}
.card b{font-size:1.7rem}
.card.forte{background:color-mix(in srgb,var(--area) 14%,var(--folha));border:2px solid var(--area);border-top-width:6px}.card.forte b{font-size:2.3rem}
.grid:has(.card.forte){grid-template-columns:repeat(12,1fr)}.grid .card.forte{grid-column:span 4}.grid:has(.card.forte) .card:not(.forte){grid-column:span 3}
@media (max-width:900px){.grid .card.forte,.grid:has(.card.forte) .card:not(.forte){grid-column:span 6}}.card b{white-space:nowrap}
/* casos: status visível de longe */
.caso{border-left-width:7px;padding:18px 20px}
.caso b{font-size:1.2rem}
.caso.ok{border-left-color:var(--ok)}
.etapa{padding:14px 18px}.etapa b{font:600 1.12rem var(--num)}
.etapa.prox{border-color:var(--area);box-shadow:0 0 0 2px var(--area)}.tagprox{background:var(--area)}
.etapa.ok .num{background:color-mix(in srgb,var(--ok) 22%,transparent)}
.lead{font-size:1.1rem}
h1{font-size:2.05rem}


.topo .dir .manual{border:1.5px solid #3d5566;background:none;color:#dfe8ec;border-radius:9px;padding:8px 14px;cursor:pointer;font:500 .98rem var(--num);display:flex;gap:8px;align-items:center}
.topo .dir .manual:hover,.topo .dir .manual.on{border-color:#6fc2c9;color:#fff}
.manual-cab{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}

.refs{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;margin-bottom:18px}
.ref{background:var(--folha);border:1px solid var(--bd);border-left:7px solid var(--c);border-radius:14px;padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.ref .rot{font:600 .9rem/1 var(--num);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.ref b{font:600 1.35rem/1.3 var(--num);flex:1}
.ref button.acao{align-self:flex-start;background:var(--c);border-color:var(--c);font-size:1.08rem}

:root{--a-lote:#1d63b8}@media (prefers-color-scheme: dark){:root{--a-lote:#6aa8ff}}
body[data-a=lote]{--area:var(--a-lote)}[data-a=lote]{--c:var(--a-lote)}
.lote-tab td,.lote-tab th{vertical-align:middle}
.lote-tab .dif{font-weight:700}.lote-tab .pos{color:var(--ok)}.lote-tab .neg{color:var(--err)}
.lote-tab tr.falha td{background:color-mix(in srgb,var(--err) 9%,transparent)}

:root{--a-anon:#6b7280}@media (prefers-color-scheme: dark){:root{--a-anon:#aab4c3}}
body[data-a=anon]{--area:var(--a-anon)}[data-a=anon]{--c:var(--a-anon)}

.marca{white-space:nowrap;flex:none}
.nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav button{white-space:nowrap;flex:none;padding:0 11px;font-size:.96rem}
@media (max-width:1350px){.nav button svg.ic{display:none}.nav button{padding:0 9px}}

.teses-aviso{border:2px solid var(--a-liq);background:color-mix(in srgb,var(--a-liq) 12%,var(--folha));border-radius:12px;padding:14px 18px;margin:6px 0 14px}
.teses-aviso ul{margin:6px 0 10px}
.expl{margin:6px 0 4px;line-height:1.6}
@media (max-width:1100px){html{font-size:16px}.duas{grid-template-columns:1fr}main{padding:20px}}
@media (max-width:760px){.topo{flex-wrap:wrap;padding:8px 12px}.nav button{padding:10px}#tela > .faixa{padding:14px}}
/* ---------- tela inteira: ponta a ponta, menos respiro vertical (menos rolagem) ---------- */
main{max-width:none;margin:0;padding:14px 18px 24px}
.lead{margin:0 0 12px;max-width:none}
h1{margin:0 0 4px}
h3{margin:16px 0 8px}
.pn{padding:14px 18px;margin-bottom:12px}
.pn h3,#lqForm h3{margin:18px 0 10px}
#tela > .faixa{padding:10px 18px 8px}
.tabs{margin-bottom:12px}
.tabs button{padding:11px 10px}
textarea{min-height:220px}
.row label>input:not([type=checkbox]):not([type=radio]):not([type=time]):not([style*=width]),.row label>select:not([style*=width]){max-width:none}
.row{gap:14px}
@media (min-width:1100px){main .mesa{grid-template-columns:repeat(4,1fr)}}
.params{columns:3 380px;column-gap:32px}.params .par{break-inside:avoid;padding:2px 0}
.etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.etapas .etapa{margin:0}@media (max-width:1100px){.etapas{grid-template-columns:1fr 1fr}}@media (max-width:700px){.etapas{grid-template-columns:1fr}}
.lado{display:grid;grid-template-columns:minmax(320px,1fr) 2fr;gap:18px;align-items:start}
.alg{columns:3 500px;column-gap:10px}.alg .al{margin:0 0 10px;break-inside:avoid}
@media (max-width:900px){.lado{grid-template-columns:1fr}}
/* fonte dos botões preenchidos = cor de fundo do sistema */
button.acao:not(.sec),.ref button.acao,.tagprox{color:var(--papel)}
.tabs button.on .passo,.msg::before,#tela > .faixa .cancelar:hover,a.acao:not(.sec){color:var(--papel)}
.caso .criado{color:var(--fg)}@media (prefers-color-scheme: dark){.caso .criado{color:#fff}}
.caso .st{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.marca .logo{width:46px;height:46px;margin:-6px 0;display:block;flex:none}
.carregando{display:flex;align-items:center;gap:12px;padding:18px;color:var(--mut)}.giro{width:22px;height:22px;border:3px solid var(--bd);border-top-color:var(--area,var(--acc));border-radius:50%;animation:giro .8s linear infinite;flex:none}@keyframes giro{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.giro{animation-duration:3s}}
#avisoErro{position:fixed;right:18px;bottom:18px;max-width:460px;z-index:50;background:var(--folha);border:1px solid var(--err);border-left:6px solid var(--err);border-radius:10px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
#avisoErro div{margin:6px 0 8px;color:var(--fg)}
/* ---------- situação no topo, busca rápida ---------- */
.situacao{display:flex;gap:6px;margin-right:8px}
.pill{display:inline-flex;align-items:center;gap:4px;border-radius:12px;padding:3px 10px;font:600 .8rem var(--num);white-space:nowrap}
.pill.ok{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
.pill.aviso{background:color-mix(in srgb,var(--warn) 22%,transparent);color:var(--warn)}
.topo .dir{gap:6px}
#paleta{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:60;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh}
#paleta[hidden]{display:none}
#paleta .caixa{width:min(680px,92vw);background:var(--folha);border:1px solid var(--bd);border-radius:14px;padding:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
#palIn{width:100%;font-size:1.1rem;padding:12px}
.palItem{padding:9px 12px;border-radius:8px;cursor:pointer}.palItem.on,.palItem:hover{background:var(--soft);outline:1px solid var(--area,var(--acc))}
/* ---------- lista de casos: filtros, prazo, total ---------- */
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px}
.chip{border:1px solid var(--bd);background:var(--folha);color:var(--fg);border-radius:16px;padding:5px 12px;cursor:pointer;font:500 .9rem var(--num)}
.chip.on{border-color:var(--area,var(--acc));box-shadow:0 0 0 1px var(--area,var(--acc))}
#emDisputa .urg{color:var(--err)}
.caso{position:relative}
.caso .pz{position:absolute;top:10px;right:12px;font:600 .78rem var(--num);padding:1px 8px;border-radius:10px;background:var(--soft)}
.caso .pz.urgente,.caso .pz.vencido{background:var(--err);color:var(--papel)}.caso .pz.atencao{background:var(--warn);color:var(--papel)}
.caso .tot{position:absolute;right:14px;bottom:14px;font:600 .95rem var(--num);color:var(--fg)}
/* ---------- painel: prazo ---------- */
.prazoBox{border:1px solid var(--bd);border-left:6px solid var(--bd);border-radius:10px;padding:10px 14px;margin-top:12px}
.prazoBox.urgente,.prazoBox.vencido{border-left-color:var(--err)}.prazoBox.atencao{border-left-color:var(--warn)}.prazoBox.ok{border-left-color:var(--ok)}
.prazoBox details{margin-top:6px}
/* ---------- tabelas, comparação ---------- */
.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{padding:7px 10px;border-bottom:1px solid var(--bd);text-align:left}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.comp .mais{color:var(--ok)}.comp .menos{color:var(--err)}.comp .totl td{border-top:2px solid var(--bd)}
.barras{display:flex;flex-direction:column;gap:3px;min-width:160px}.barra{display:block;height:7px;border-radius:4px}
.barra.o,.leg.o{background:var(--mut)}.barra.s,.leg.s{background:var(--area,var(--acc))}
.leg{display:inline-block;width:14px;height:8px;border-radius:3px;vertical-align:middle}
/* ---------- premissas em etapas ---------- */
.passos-p{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.navP{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}
.resumoP{columns:2 420px;column-gap:28px}.resumoP h4{margin:6px 0 4px}.resumoP ul{margin:0 0 8px;padding-left:18px}
/* ---------- dúvida do advogado ---------- */
.resposta{border:1px solid var(--bd);border-left:6px solid var(--area,var(--acc));border-radius:10px;padding:12px 16px;margin-top:12px;background:var(--soft)}
.resposta.nova{border-left-color:var(--ok)}.resposta .txt{margin:8px 0;line-height:1.6}
.resposta .pq{white-space:pre-wrap;font:inherit;margin:6px 0;color:var(--mut)}
/* topo compacto: tudo numa linha */
.topo .dir .manual{white-space:nowrap}
.topo .dir .compacto{padding-left:9px;padding-right:9px}
@media (max-width:2100px){.situacao .pill .txt{display:none}.situacao .pill{padding:3px 7px}}
@media (max-width:2000px){.nav button{padding-left:10px;padding-right:10px}.marca{margin-right:10px}}
.codigoBk{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:12px;border:2px dashed var(--warn);border-radius:10px}
.codigoBk b{font:700 1.6rem/1.2 var(--num);letter-spacing:.12em;color:var(--fg)}
#secBackup h4{margin:4px 0 6px}
[hidden]{display:none!important}
/* ---------- hoje / agenda ---------- */
.hojeT{margin:0 0 8px}.hojeG{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:18px}
.hojeB{background:var(--folha);border:1px solid var(--bd);border-left:6px solid var(--acc);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:5px}
.hojeB.urg{border-left-color:var(--err)}.hojeB a{color:var(--fg);text-decoration:none}.hojeB a:hover{text-decoration:underline}
.hojeB .pz,.tbl .pz{font:600 .78rem var(--num);padding:1px 8px;border-radius:10px;background:var(--soft)}
.pz.urgente,.pz.vencido{background:var(--err);color:var(--papel)}.pz.atencao{background:var(--warn);color:var(--papel)}
.hojeOk{margin:0 0 14px}
.intims{display:flex;flex-direction:column;gap:8px;margin-top:10px}.intim{border:1px solid var(--bd);border-radius:10px;padding:8px 12px}.intim.vista{opacity:.6}
.cards3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:8px 0 14px}
.cards3 .card{background:var(--soft);border:1px solid var(--bd);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.cards3 .card b{font:700 1.4rem var(--num)}
.menos{color:var(--err)}
@media print{.topo,.faixa,.tabs,button{display:none!important}}
body.arrastando::after{content:"Solte os arquivos aqui";position:fixed;inset:12px;border:4px dashed var(--acc);border-radius:18px;background:color-mix(in srgb,var(--papel) 70%,transparent);display:grid;place-items:center;font:700 1.6rem var(--num);color:var(--fg);z-index:70;pointer-events:none}
#avisoUx{position:fixed;left:50%;transform:translateX(-50%);bottom:18px;z-index:55;background:var(--tinta);color:#fff;border-radius:10px;padding:10px 16px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
#avisoUx .mini{margin-left:10px}
.planilha{max-height:60vh;overflow:auto;border:1px solid var(--bd);border-radius:8px}
.planilha th{position:sticky;top:0;background:var(--folha);z-index:1}.planilha input.hv{width:110px;text-align:right}.planilha .baixo{padding:2px 6px}
.hNome{font-weight:600;width:170px}
.gradeSem{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:12px}.gradeSem label{display:flex;flex-direction:column;font-weight:600}
.calend{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calend .cab{font:600 .85rem var(--num);text-align:center;color:var(--mut)}
.calend .dia{border:1px solid var(--bd);border-radius:8px;padding:4px 6px;min-height:58px}.calend .dia.alterado{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent)}
.calend .dia input{width:100%;font-size:.8rem;padding:3px}
.cmdBar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 12px}.cmdBar #cmdTxt{flex:1;min-width:320px;padding:10px 12px}
.cmdBar .cmdIc{font-size:1.3rem}.cmdBar #cmdRes{flex-basis:100%}.cmdBar button.acao{margin:0}
/* ---------- cabeçalho em duas linhas: marca + atalhos em cima, áreas embaixo ---------- */
.topo{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"marca dir" "nav nav";align-items:center;column-gap:18px;padding:0 22px;min-height:0}
.topo .marca{grid-area:marca;height:58px;margin-right:0}
.topo .dir{grid-area:dir;justify-self:end;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:8px 0}
.topo .nav{grid-area:nav;border-top:1px solid rgba(255,255,255,.08);min-height:50px;flex-wrap:wrap;overflow:visible;gap:6px;margin:0 -22px;padding:0 16px}
.topo .nav button{padding:0 18px!important;font-size:1.02rem}
.topo .nav button svg.ic{display:inline-block!important}
.situacao .pill .txt{display:inline!important}.situacao .pill{padding:3px 10px!important}
.topo .dir .compacto{padding-left:12px;padding-right:12px}
.topo kbd{font:600 .72rem var(--num);border:1px solid #3d5566;border-radius:5px;padding:1px 5px;color:#9fb0ba;margin-left:4px}
@media (max-width:1100px){.topo .nav button{padding:0 10px!important}.topo .nav button svg.ic{display:none!important}.situacao .pill .txt{display:none!important}}
.bqItem{border:1px solid var(--bd);border-radius:10px;padding:10px 14px;margin:8px 0}.bqItem mark{background:color-mix(in srgb,var(--warn) 45%,transparent);color:inherit;border-radius:3px}
.al.recorrente{outline:2px solid var(--warn)}

/* calendário de marcações do cartão de ponto */
.calPonto{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px;margin:10px 0}
.calMes h4{margin:0 0 6px;text-transform:capitalize}
.calGrade{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:.72rem}
.calGrade i{text-align:center;font-style:normal;color:var(--mut);font-weight:700}
.calGrade div{min-height:46px;border:1px solid var(--bd);border-radius:5px;padding:2px 3px;display:flex;flex-direction:column}
.calGrade div:empty{border:0}
.calGrade div b{font-size:.75rem}
.calGrade div.trab{background:color-mix(in srgb,var(--ok) 12%,transparent)}
.calGrade div.folga{color:var(--mut)}
.calGrade div.fora{opacity:.35}
.calGrade div.dom b{color:var(--err)}

/* andamento: fases e tarefas */
.fasesAnd{display:flex;flex-wrap:wrap;margin:6px 0 10px}
.fasesAnd button{border:1px solid var(--bd);background:var(--folha);color:var(--fg);padding:8px 14px;cursor:pointer;font:inherit;margin-left:-1px}
.fasesAnd button:first-child{border-radius:6px 0 0 6px}.fasesAnd button:last-child{border-radius:0 6px 6px 0}
.fasesAnd button.feita{background:var(--soft);color:var(--mut)}
.fasesAnd button.on{background:var(--acc);color:var(--papel);border-color:var(--acc);font-weight:700}
table.tarefas tr.feita td:nth-child(2){color:var(--mut);text-decoration:line-through}
.avisoCli{border:1px solid var(--bd);border-radius:8px;padding:10px;margin:10px 0}
.avisoCli textarea{width:100%;margin:6px 0}

/* estratégia do caso */
.estTri .selo{display:inline-block;color:var(--papel);border-radius:10px;padding:2px 9px;font-size:.78rem;font-weight:700;white-space:nowrap}
.estCen tr.teto td{color:var(--mut)}
.grade2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:14px}

/* decisões para o advogado */
.decItem{border:1px solid var(--bd);border-radius:8px;padding:8px 10px;margin:6px 0}
.decOp{display:block;margin:3px 0 3px 8px;cursor:pointer}
.decItem .rec{color:var(--ok);font-weight:700;font-size:.85rem}

.pres.pendente{background:color-mix(in srgb,var(--warn) 18%,transparent);border-radius:6px;outline:2px solid var(--warn)}
/* exclusão de caso / lixeira */
button.perigo{color:#b42318;border-color:#e4a29b}
button.acao.perigo,button.acao.perigo:hover{background:#b42318;border-color:#b42318;color:#fff}
#tabs button.mini2.perigo.on{background:#b42318;color:#fff}

/* cálculos por tipo de ação */
.campos-acao{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px 18px;margin-bottom:12px}
.campo-acao.largo{grid-column:1/-1}.campo-acao input:not([type=checkbox]),.campo-acao select{width:100%}
.acTab input,.acTab select{width:100%;min-width:90px}.acResumo tr.dest td{background:var(--fundo2,#f3f6f8)}
.acCard{display:flex;flex-direction:column;gap:6px;min-width:0}
.acCard b{white-space:normal;overflow-wrap:anywhere;font-size:1.08rem;line-height:1.25}
.acCard .st{text-transform:none;letter-spacing:normal;font-size:.92rem;line-height:1.35}

.destaque-campo{outline:3px solid #e8a33d;outline-offset:2px}

/* OPORTUNIDADES LEGAIS (teses/pedidos para o advogado decidir): sempre em vermelho, em todo o sistema */
:root{--opl:#b3261e;--opl-bg:#fdecea;--opl-bd:#e57373}
@media (prefers-color-scheme: dark){:root{--opl:#ff8a80;--opl-bg:#3a1513;--opl-bd:#c62828}}
.oportunidade{border-left:7px solid var(--opl)!important;background:var(--opl-bg)!important;outline:1px solid var(--opl-bd)}
.oportunidade>b:first-child,.oportunidade h3,.oportunidade h4,.oportunidade .opl-tit{color:var(--opl)!important}
tr.oportunidade td{background:var(--opl-bg)!important;color:inherit}tr.oportunidade td:first-child{border-left:7px solid var(--opl)}
tr.oportunidade td:first-child b{color:var(--opl)}
.selo-opl{display:inline-block;background:var(--opl);color:#fff;border-radius:6px;padding:1px 7px;font-size:.78rem;font-weight:700;letter-spacing:.03em;margin-right:6px;vertical-align:2px}

/* ===================== LAYOUT 2026-10: topo enxuto + menu lateral por grupos ===================== */
:root{--lat:236px;--topo:58px}
.topo{position:fixed;top:0;left:0;right:0;height:var(--topo);min-height:0;z-index:40;display:flex!important;align-items:center;gap:14px;padding:0 18px;grid-template-areas:none}
.topo .marca{margin:0;white-space:nowrap}
.topo .menu-mob{display:none;border:1px solid #3d5566;background:none;color:#dfe8ec;border-radius:8px;font-size:1.3rem;line-height:1;padding:6px 10px;cursor:pointer}
.busca-topo{flex:0 1 520px;margin-left:12px;text-align:left;border:1.5px solid #3d5566;background:rgba(255,255,255,.04);color:#b9c8d0;border-radius:10px;padding:9px 14px;cursor:pointer;font:500 .95rem var(--num);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.busca-topo:hover{border-color:#6fc2c9;color:#fff}.busca-topo kbd{float:right;margin-left:10px;opacity:.8}
.topo .dir{margin-left:auto;gap:8px}
.lateral{position:fixed;top:var(--topo);left:0;bottom:0;width:var(--lat);z-index:35;background:var(--tinta);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;scrollbar-width:thin}
.lateral .nav{display:flex;flex-direction:column;flex-wrap:nowrap;overflow:visible;gap:1px;padding:10px 10px 14px;min-height:100%;box-sizing:border-box}
.lateral .nav button{width:100%;justify-content:flex-start;border:0;border-left:4px solid transparent;border-radius:8px;padding:9px 12px;font:500 .97rem/1.2 var(--num);color:#b9c8d0;white-space:normal;text-align:left;gap:10px;background:none;flex:none}
.lateral .nav button svg.ic,.lateral .nav button .ic{display:inline-flex!important;width:20px;flex:none;justify-content:center;color:var(--c,#8fc9cf)}
.lateral .nav button .emo{font-size:1.05rem}
.lateral .nav button:hover{background:rgba(255,255,255,.06);color:#fff}
.lateral .nav button.on{background:rgba(255,255,255,.10);color:#fff;border-left-color:var(--c,#6fc2c9);border-bottom:0}
.lateral .nav .qtd{margin-left:auto}
.grupo-nav{font:700 .72rem var(--num);letter-spacing:.12em;text-transform:uppercase;color:#7f949f;padding:14px 12px 4px}
.espaco-nav{flex:1;min-height:18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}
main{margin-left:var(--lat);padding-top:calc(var(--topo) + 18px)!important;max-width:none}
.veu-menu{display:none}
h2.grupo-mesa{font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin:22px 0 10px;border:0}
#inicio .mesa{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){
  .topo .menu-mob{display:block}
  .lateral{transform:translateX(-100%);transition:transform .2s;box-shadow:4px 0 24px rgba(0,0,0,.35)}
  body.menu-aberto .lateral{transform:none}
  body.menu-aberto .veu-menu{display:block;position:fixed;inset:var(--topo) 0 0 0;background:rgba(0,0,0,.35);z-index:30}
  main{margin-left:0}
  .busca-topo{flex:1 1 auto}
  #inicio .mesa{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.busca-topo kbd,.topo .situacao{display:none}#inicio .mesa{grid-template-columns:1fr}.topo .marca{font-size:0}.topo .marca img{margin:0}}
/* abas do caso: passos visíveis + "Mais ▾" */
.tabs{position:relative;overflow:visible;flex-wrap:wrap}
.tabs .mais-btn{margin-left:auto;border:1px solid #3d5566!important;border-radius:8px;margin:8px 4px;padding:8px 12px!important;color:#dfe8ec}
.tabs .mais-btn.on{border-color:#6fc2c9!important}
.mais-menu{position:absolute;right:12px;top:100%;z-index:25;background:var(--folha);color:var(--fg);border:1px solid var(--bd);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);padding:8px;display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));gap:2px;min-width:400px}
.mais-menu button{color:var(--fg)!important;text-align:left;padding:10px 12px!important;border-radius:8px;border:0!important;background:none;font:500 .95rem var(--num);cursor:pointer}
.mais-menu button:hover,.mais-menu button.on{background:var(--soft)}
.mais-menu button.perigo{color:#b42318!important}
/* painel do caso: 3 colunas só com espaço de sobra (o menu lateral ocupa largura) */
@media (max-width:1560px){.etapas{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.etapas{grid-template-columns:1fr}}
.emo::before{content:attr(data-emo)}

.acChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.acChip.ativo{background:var(--acc);color:#fff;border-color:var(--acc)}.acChip.ativo .st{color:#fff}
.acResumo tr.dest td{background:rgba(232,163,61,.16);font-weight:700;font-size:1.06em}
.acResumo tr.dest td:first-child{border-left:4px solid #e8a33d}
.tbl tr.dest td{background:rgba(232,163,61,.12)}