/* Tela v2. Cores da marca: IDENTIDADE.md (medidas no Instagram público da Proativa e da Simeão).
   As 3 cores da petição (amarelo/verde/turquesa) e a legenda vêm do guia da Joyce e não mudam. */
:root{
  --navy:#1f295a; --navy-2:#2a3570; --gold:#c6a866; --gold-claro:#e7d6ad; --gold-escuro:#7a5d22; --vinho:#9b2746; --creme:#eddcce;
  --bg:#f4f5f9; --paper:#ffffff; --ink:#151b3a; --muted:#5a6178; --line:#dde1ec; --line-2:#c9cfdf;
  --accent:var(--navy); --accent-ink:#ffffff; --accent-soft:#e9ecf6;
  --hl-yellow:#fff27a; --hl-green:#8ff08f; --hl-turq:#8deff0; --hl-ink:#151b3a;
  --ok:#1f7a4d; --ok-soft:#e3f4ea; --warn:#a15c00; --warn-soft:#fdf1df; --bad:#b3261e; --bad-soft:#fbe9e7;
  --titulo:"Montserrat", "Inter", system-ui, sans-serif;
  --sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:ui-monospace, "SF Mono", Menlo, monospace;
  --raio:10px; --sombra:0 0 #0000;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0d1230; --paper:#161d42; --ink:#e8ebf7; --muted:#a3abc6; --line:#2a3360; --line-2:#3a4478;
  --accent:#b9c6ff; --accent-ink:#0d1230; --accent-soft:#222b58; --gold-escuro:#e7d6ad;
  --hl-yellow:#d9c84a; --hl-green:#5fbf6a; --hl-turq:#4cc3c5; --hl-ink:#0d1230;
  --ok:#5fd39a; --ok-soft:#14302a; --warn:#f0b35a; --warn-soft:#33270f; --bad:#ff8a80; --bad-soft:#3a1d1d; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0d1230; --paper:#161d42; --ink:#e8ebf7; --muted:#a3abc6; --line:#2a3360; --line-2:#3a4478;
  --accent:#b9c6ff; --accent-ink:#0d1230; --accent-soft:#222b58; --gold-escuro:#e7d6ad;
  --hl-yellow:#d9c84a; --hl-green:#5fbf6a; --hl-turq:#4cc3c5; --hl-ink:#0d1230;
  --ok:#5fd39a; --ok-soft:#14302a; --warn:#f0b35a; --warn-soft:#33270f; --bad:#ff8a80; --bad-soft:#3a1d1d; color-scheme:dark}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
h1,h2,h3{font-family:var(--titulo);font-weight:700;margin:0;line-height:1.2;text-wrap:balance;letter-spacing:-.01em}
h1{font-size:clamp(24px,4vw,32px)} h2{font-size:clamp(19px,2.6vw,22px)} h3{font-size:17px}
p{margin:0;max-width:70ch}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.topo :focus-visible,.gerar :focus-visible,.rodape-caso :focus-visible{outline-color:#fff}
[tabindex="-1"]:focus{outline:none}
.eyebrow{font-family:var(--titulo);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700}
.muted{color:var(--muted)} .small{font-size:14px} .mono{font-variant-numeric:tabular-nums}
.cod{display:none}
.pular{position:absolute;left:-999px;top:8px;background:var(--paper);padding:8px 12px;z-index:50}
.pular:focus{left:8px}

/* ---------- topo (azul Proativa + filete dourado) */
.topo{background:var(--navy);color:#fff;border-bottom:3px solid var(--gold)}
.topo-in{max-width:1080px;margin:0 auto;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.marca{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:0}
.marca img{border-radius:50%;flex:none;background:var(--creme)}
.marca span{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.marca b{font-family:var(--titulo);font-size:17px;font-weight:800;letter-spacing:.01em}
.marca small{font-size:12.5px;color:#d5d9ea}
.topo-dir{display:flex;align-items:center;gap:16px}
.grupo{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#d5d9ea}
.grupo img{border-radius:50%;background:#fff}
.grupo b{font-family:var(--titulo);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:12px;color:#fff}
.btn-topo{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:6px 14px;min-height:40px;cursor:pointer;font-weight:600}
.btn-topo:hover{background:rgba(255,255,255,.1)}
[hidden]{display:none !important}
.btn-topo{white-space:nowrap}
@media (max-width:1100px){.grupo{display:none}}
@media (max-width:900px){.topo-dir{gap:8px}}
.regras-senha{list-style:none;padding:0;margin:-6px 0 0;display:grid;gap:4px;font-size:13px;color:var(--muted)}
.regras-senha li::before{content:"○ "}
.regras-senha li.ok{color:var(--ok)}
.regras-senha li.ok::before{content:"✓ "}
.form-usuario{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 18px}
.form-usuario label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.form-usuario .erro-msg,.form-usuario .dialog-botoes{grid-column:1/-1}
.usuarios td{vertical-align:top;white-space:normal}
.u-acoes{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.usuarios th{white-space:normal}
.usuarios .link{min-height:32px;padding:4px 0;font-size:14px}
.link.perigo{color:var(--bad)}
.u-login{font-family:var(--mono);font-size:13.5px}
.historico{list-style:none;margin:0;padding:6px 0;display:grid;gap:6px}
.senha-prov{display:block;font-family:var(--mono);font-size:20px;letter-spacing:.06em;padding:12px 14px;border-radius:8px;background:var(--bg);border:1px dashed var(--line-2);user-select:all;word-break:break-all}

main{max-width:1080px;margin:0 auto;padding:28px 16px 80px;display:flex;flex-direction:column;gap:28px;outline:none}

/* ---------- botões (mín. 44 px de altura) */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:8px;
  border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.12)}
.btn.sec{background:var(--paper);color:var(--accent);border-color:var(--line-2)}
.btn.sec:hover{background:var(--accent-soft);filter:none;border-color:var(--accent)}
.btn.perigo{color:var(--bad);border-color:var(--bad)}
.btn.perigo:hover{background:var(--bad-soft)}
.btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}
.btn.grande{min-height:52px;padding:12px 24px;font-size:17px}
.link{background:none;border:none;color:var(--accent);cursor:pointer;padding:8px 0;min-height:40px;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* ---------- login */
.login{display:grid;grid-template-columns:1fr 1fr;max-width:860px;margin:6vh auto 0;background:var(--paper);border-radius:14px;overflow:hidden;box-shadow:var(--sombra);border:1px solid var(--line)}
.login-marca{background:var(--navy);color:#fff;padding:40px 36px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.login-marca .logos{display:flex;gap:10px;align-items:center}
.login-marca .logos img{border-radius:50%;background:#fff}
.login-marca h1{font-size:30px;font-weight:800;color:#fff}
.login-marca .lema{color:var(--gold-claro);font-family:var(--titulo);font-weight:600;font-size:16px}
.login-marca small{color:#c9cee4;font-size:13px}
.login form{padding:40px 36px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.login label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.campo{border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;background:var(--paper);min-height:46px;width:100%}
.campo:focus{border-color:var(--navy)}
.erro-msg{color:var(--bad);font-size:15px;background:var(--bad-soft);border-radius:8px;padding:10px 12px}

/* ---------- cabeçalhos */
.cab{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.cab > div:first-child{display:flex;flex-direction:column;gap:6px;min-width:0}
.cab h1{overflow-wrap:anywhere}
.acoes-cab{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.migalha{align-self:flex-start}

/* ---------- painel (números do sistema) */
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--raio);padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sombra);position:relative;overflow:hidden}
.kpi .rot{font-size:13.5px;color:var(--muted);font-weight:600}
.kpi .num{font-family:var(--titulo);font-size:34px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}
.kpi .num small{font-size:16px;font-weight:600;color:var(--muted)}
.kpi .sub{font-size:13.5px;color:var(--muted)}
.barra{height:8px;background:var(--accent-soft);border-radius:999px;overflow:hidden}
.barra i{display:block;height:100%;background:var(--navy);border-radius:999px}
.barra.ok i{background:var(--ok)}

/* ---------- filtros + busca */
.ferramentas{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.busca{position:relative;flex:1 1 260px;max-width:380px}
.busca input{padding-left:38px}
.busca svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted)}
.filtros{display:flex;gap:8px;flex-wrap:wrap}
.chip{min-height:40px;border:1px solid var(--line-2);background:var(--paper);border-radius:999px;padding:6px 14px;cursor:pointer;font-weight:600;font-size:14px;display:inline-flex;gap:6px;align-items:center}
.chip span{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:500}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.chip[aria-pressed="true"] span{color:#fff;opacity:.85}

/* ---------- lista de casos */
.casos{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--raio);background:var(--paper);overflow:hidden;box-shadow:var(--sombra)}
.linha{display:grid;grid-template-columns:minmax(0,2fr) 140px minmax(0,1.1fr) minmax(0,1.3fr) 24px;gap:16px;align-items:center;padding:14px 20px;
  border:none;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;width:100%;min-height:64px}
.linha:last-child{border-bottom:none}
.linha:hover{background:var(--accent-soft)}
.linha .arq{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linha .seta{color:var(--muted);font-size:20px}
.linha .prog{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.casos .th{display:grid;grid-template-columns:minmax(0,2fr) 140px minmax(0,1.1fr) minmax(0,1.3fr) 24px;gap:16px;padding:10px 20px;font-size:12px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;border-bottom:1px solid var(--line);background:var(--bg)}
.vazio{padding:48px 20px;text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:10px;align-items:center}
.vazio b{color:var(--ink);font-size:17px}
.vazio svg{color:var(--line-2)}

/* carregando (esqueleto) */
.esq{background:linear-gradient(90deg,var(--accent-soft),var(--bg),var(--accent-soft));background-size:200% 100%;animation:esq 1.2s infinite;border-radius:8px}
@keyframes esq{to{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.esq{animation:none}}

/* ---------- selo de situação */
.selo{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:4px 10px;border-radius:999px;border:1px solid transparent;white-space:nowrap}
.selo::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.selo.novo{color:var(--navy);background:var(--accent-soft)}
.selo.aguardando{color:var(--warn);background:var(--warn-soft)}
.selo.falta{color:var(--warn);background:var(--warn-soft)}
.selo.geradas{color:var(--navy);background:var(--paper);border-color:var(--navy)}
.selo.pronto{color:var(--ok);background:var(--ok-soft)}
.selo.neutro{color:var(--muted);background:var(--bg);border-color:var(--line)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .selo.novo,:root:not([data-theme="light"]) .selo.geradas{color:var(--accent)} :root:not([data-theme="light"]) .selo.falta{background:#33290f}}

/* ---------- progresso do caso */
.progresso{background:var(--paper);border:1px solid var(--line);border-radius:var(--raio);padding:18px 20px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sombra)}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0;counter-reset:p}
.steps li{display:flex;gap:10px;align-items:center;min-width:0;font-weight:600;font-size:14.5px;line-height:1.3;color:var(--muted)}
.steps .n{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-family:var(--titulo);font-weight:800;font-size:14px;border:2px solid var(--line-2);color:var(--muted);background:var(--paper)}
.steps li.feito{color:var(--ink)} .steps li.feito .n{background:var(--ok);border-color:var(--ok);color:#fff}
.steps li.agora{color:var(--ink)} .steps li.agora .n{background:var(--navy);border-color:var(--navy);color:#fff}
.medidores{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.medidor{display:flex;flex-direction:column;gap:6px}
.medidor .t{display:flex;justify-content:space-between;font-size:14px;gap:8px}
.medidor .t b{font-variant-numeric:tabular-nums}

/* ---------- cartões de ação */
section.bloco{display:flex;flex-direction:column;gap:14px}
.bloco-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.lista-acoes{display:flex;flex-direction:column;gap:14px}
.cartao{background:var(--paper);border:1px solid var(--line);border-radius:var(--raio);padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0;box-shadow:var(--sombra)}
.cartao.sim{border-color:var(--ok);box-shadow:inset 5px 0 0 var(--ok),var(--sombra)}
.cartao.nao{box-shadow:inset 5px 0 0 var(--muted),var(--sombra)}
.cartao.nao > :not(.decisao){opacity:.6}
.cartao-topo{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.cartao-topo h3{font-size:18px}
.tese{display:inline-block;font-family:var(--titulo);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border-radius:6px;background:var(--accent-soft);color:var(--navy);white-space:nowrap}
.tese.fraude{background:var(--bad-soft);color:var(--bad)}
.tese.revisional{background:var(--warn-soft);color:var(--warn)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .tese{color:var(--accent)}}
.motivo{background:var(--bg);border-radius:8px;padding:10px 14px;font-size:15px}
.contratos{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums}
.contratos th,.contratos td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.contratos th{font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.contratos .num{text-align:right}
.contratos .destaque{font-weight:700;color:var(--bad)}
.rolar{overflow-x:auto}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.kv div{background:var(--bg);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;min-width:0}
.kv span{font-size:12.5px;color:var(--muted)} .kv b{font-variant-numeric:tabular-nums;font-size:16px}
.nota{font-size:14.5px;color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:10px 14px}
.nota ul{margin:6px 0 0;padding-left:20px}

.decisao{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px}
.decisao .q{font-weight:700;font-size:16px}
.decisao .dica{font-size:13px;color:var(--muted);display:block;font-weight:400}
.simnao{display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}
.simnao button{min-width:96px;min-height:46px;border:none;background:var(--paper);cursor:pointer;font-weight:700;padding:8px 16px;font-size:16px}
.simnao button + button{border-left:1px solid var(--line-2)}
.simnao button:hover{background:var(--accent-soft)}
.simnao button.on.s{background:var(--ok);color:#fff}
.simnao button.on.n{background:#5a6178;color:#fff}

details.fora{background:var(--paper);border:1px solid var(--line);border-radius:var(--raio)}
details.fora summary{cursor:pointer;padding:16px 20px;font-weight:700;min-height:44px}
details.fora .corpo{padding:0 20px 16px}
.fora-item{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:4px 16px;padding:12px 0;border-top:1px solid var(--line)}
.fora-item .det{grid-column:2;font-size:13.5px;color:var(--muted)}

/* ---------- gerar */
.gerar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--navy);color:#fff;border-radius:var(--raio);padding:20px 22px}
.gerar p{font-size:15.5px;color:#fff}
.gerar .small{color:#d5d9ea}
.gerar .btn{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.gerar .btn[disabled]{background:transparent;border-color:rgba(255,255,255,.4);color:#fff;opacity:.7}

/* ---------- petições */
.pet{background:var(--paper);border:1px solid var(--line);border-radius:var(--raio);box-shadow:var(--sombra);overflow:hidden}
.pet-corpo{padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 20px;align-items:center}
.pet .info{display:flex;flex-direction:column;gap:8px;min-width:0}
.pet .botoes{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.pet .extras{display:flex;gap:6px 18px;flex-wrap:wrap;padding:10px 20px;border-top:1px solid var(--line);background:var(--bg);align-items:center;font-size:14px}
.pet .extras .link{font-size:14px}
.cores{display:flex;gap:8px;flex-wrap:wrap}
.cor{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-variant-numeric:tabular-nums;margin-right:10px}
.cor i,.legenda-curta .q{display:inline-block;width:12px;height:12px;border-radius:2px;border:1px solid rgba(21,27,58,.25);flex:none}
.cor.y i,.q.y{background:var(--hl-yellow)} .cor.g i,.q.g{background:var(--hl-green)} .cor.t i,.q.t{background:var(--hl-turq)}
.cor.zero{opacity:.5}
.pronta{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ok);background:var(--ok-soft);border-radius:8px;padding:8px 14px;width:fit-content;font-size:15px}
.pronta svg{flex:none}
.pet.sem-modelo{background:var(--warn-soft);border-color:var(--warn)}
.pet.sem-modelo .pet-corpo{grid-template-columns:1fr}
.titulo-aviso{color:var(--warn);font-weight:700}

/* "o que o programa mudou" */
.mudancas{border-top:1px solid var(--line);padding:16px 20px;display:flex;flex-direction:column;gap:12px;background:var(--paper)}
.mudancas .topo-mud{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.exemplo{font-size:13.5px;background:var(--bg);color:var(--muted);border:1px dashed var(--line-2);border-radius:8px;padding:8px 12px}
.par{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 14px;padding:12px 0;border-top:1px solid var(--line);font-size:14.5px}
.par .rot{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}
.par .antes{color:var(--muted);font-family:Georgia,"Times New Roman",serif}
.par .depois{font-family:Georgia,"Times New Roman",serif;line-height:1.7}
.par .lac{background:var(--accent-soft);border-radius:3px;padding:0 3px;color:var(--ink)}
mark{color:var(--hl-ink);padding:0 3px;border-radius:3px}
mark.amarelo{background:var(--hl-yellow)} mark.verde{background:var(--hl-green)} mark.turquesa{background:var(--hl-turq)}
.par.pendente .rot.r2{color:var(--warn)}
.alternar{display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;min-height:40px}
.alternar input{width:18px;height:18px;accent-color:var(--navy)}

/* legenda */
.legenda{display:flex;flex-direction:column;gap:12px}
.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.legend div{border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:var(--paper);display:flex;flex-direction:column;gap:4px;min-width:0}
.legend .sw{display:inline-block;width:38px;height:14px;border-radius:2px;vertical-align:middle;margin-right:8px;border:1px solid var(--line)}
.sw-y{background:var(--hl-yellow)} .sw-g{background:var(--hl-green)} .sw-t{background:var(--hl-turq)} .sw-0{background:var(--paper)}
.legend b{font-size:15px} .legend .do{font-size:14px;color:var(--muted)}

/* aviso flutuante + erro em linha + confirmação */
#aviso{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));background:var(--navy);color:#fff;
  padding:12px 18px;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.25);font-size:15px;z-index:20}
#aviso.erro{background:var(--bad)}
.falha{background:var(--bad-soft);color:var(--ink);border:1px solid var(--bad);border-radius:var(--raio);padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.falha b{color:var(--bad)}
.falha details{font-size:13px;color:var(--muted)}
dialog{border:none;border-radius:14px;padding:0;max-width:min(480px,calc(100vw - 32px));box-shadow:0 20px 60px rgba(0,0,0,.35);background:var(--paper);color:var(--ink)}
dialog::backdrop{background:rgba(13,18,48,.55)}
dialog form{padding:24px;display:flex;flex-direction:column;gap:14px}
.dialog-botoes{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

@media (max-width:760px){
  .grupo span,.grupo b{display:none}
  .marca small{display:none}
  .login{grid-template-columns:1fr;margin-top:0}
  .login-marca{padding:28px 24px}
  .login form{padding:28px 24px}
  .kpis{grid-template-columns:1fr}
  .kpi .num{font-size:28px}
  .casos .th{display:none}
  .linha{grid-template-columns:1fr auto;gap:6px 12px}
  .linha .seta,.linha .quando{display:none}
  .linha .prog{grid-column:1 / -1}
  .steps{grid-template-columns:1fr 1fr;gap:10px}
  .medidores{grid-template-columns:1fr}
  .pet-corpo{grid-template-columns:1fr}
  .pet .botoes{justify-content:flex-start}
  .legend{grid-template-columns:1fr}
  .fora-item{grid-template-columns:1fr} .fora-item .det{grid-column:1}
  .par{grid-template-columns:1fr}
  .busca{max-width:none}
}

/* ---------- retorno de cada clique e rodapé fixo (ajuste do teste com o Theo, 29/10) */
.decisao .resp{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:2px 10px}
.decisao .resp.sim{color:var(--ok);background:var(--ok-soft)}
.decisao .resp.nao{color:var(--muted);background:var(--bg)}
.cartao.acabou{animation:piscar 1.1s ease-out}
.cartao.sim.acabou{--pisca:var(--ok)} .cartao.nao.acabou{--pisca:var(--muted)} .cartao.acabou:not(.sim):not(.nao){--pisca:var(--navy)}
@keyframes piscar{0%{outline:3px solid var(--pisca);outline-offset:2px}100%{outline:3px solid transparent;outline-offset:8px}}
@media (prefers-reduced-motion:reduce){.cartao.acabou{animation:none}}

body.com-rodape{padding-bottom:88px}
body.com-rodape #aviso{bottom:96px}
.rodape-caso{position:fixed;left:0;right:0;bottom:0;z-index:15;background:var(--navy);color:#fff;border-top:1px solid var(--navy-2)}
.rodape-in{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:16px}
.rodape-txt{font-size:15.5px;flex:none}
.rodape-txt b{color:#fff}
.rodape-caso .barra{flex:1;min-width:60px;height:8px;background:rgba(255,255,255,.18)}
.rodape-caso .barra i{background:#fff}
.rodape-caso .btn{flex:none;background:var(--gold);border-color:var(--gold);color:var(--navy)}
.rodape-caso .btn.sec{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.rodape-caso .btn.sec:hover{background:rgba(255,255,255,.12)}
.rodape-caso .btn[disabled]{opacity:.7}

/* faixa "petições geradas · onde estão" */
.faixa{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border-radius:var(--raio);padding:16px 20px;border:1px solid var(--ok);background:var(--ok-soft)}
.faixa > div{display:flex;flex-direction:column;gap:4px;min-width:0}
.faixa b{display:inline-flex;align-items:center;gap:8px;font-size:17px;color:var(--ok)}
.faixa.atencao{border-color:var(--warn);background:var(--warn-soft)}
.faixa.atencao b{color:var(--warn)}

.btn.editar{flex-direction:column;gap:0;line-height:1.15}
.btn.editar .small{font-size:12.5px;font-weight:500;opacity:.85}

@media (max-width:760px){
  body.com-rodape{padding-bottom:124px}
  body.com-rodape #aviso{bottom:132px}
  .rodape-in{flex-wrap:wrap;gap:8px 12px}
  .rodape-txt{flex:1 1 100%}
  .rodape-caso .barra{flex:1 1 auto}
  .faixa .btn{width:100%}
}
.faixa{scroll-margin-top:64px}
.faixa .agora{font-weight:500;color:var(--muted)}

/* resultado do Reconferir (antes -> depois) e rótulo das cores pendentes */
.cores-rot{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.reconf{font-size:14px;background:var(--accent-soft);border-left:4px solid var(--navy);border-radius:6px;padding:8px 12px}
.reconf .mudou{font-weight:700;color:var(--ok)}
.reconf.igual{border-left-color:var(--muted)}
.mudancas .topo-mud > span{max-width:72ch}
.mudancas .topo-mud > span > span{display:block;margin-bottom:2px}

/* v3 (críticas A e B, 29/10): sem modelo = linha cinza; legenda curta junto dos números; onde estão as petições */
.pet-sem{font-size:14px;color:var(--muted);padding:4px 2px;border-top:1px dashed var(--line-2);padding-top:10px}
.legenda-curta{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--muted)}
.legenda-curta span{display:inline-flex;align-items:center;gap:6px}
.faixa .onde.cinza{color:var(--muted);font-size:14.5px}
.faixa .onde.alerta{color:var(--warn);font-size:14.5px}
.nb{font-size:15px;color:var(--ink)}

/* girando no botão enquanto gera as petições */
.gira{display:inline-block;width:1em;height:1em;margin-right:.5em;vertical-align:-.15em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion: reduce){.gira{animation-duration:2.4s}}

/* ---------- menu ☰ */
.menu{position:relative}
.btn-menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer}
.btn-menu:hover,.btn-menu[aria-expanded="true"]{background:rgba(255,255,255,.12)}
.menu-lista{position:absolute;right:0;top:calc(100% + 8px);min-width:250px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sombra);padding:6px;z-index:60;display:flex;flex-direction:column}
.menu-lista :focus-visible{outline:3px solid var(--accent);outline-offset:-2px}
.menu-cab{display:flex;flex-direction:column;padding:10px 12px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.menu-cab b{font-size:15px}.menu-cab small{color:var(--muted);font-size:12.5px}
.menu-lista [role=menuitem]{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border-radius:8px;color:var(--ink);text-decoration:none;background:none;border:0;font:inherit;font-weight:600;text-align:left;cursor:pointer;width:100%}
.menu-lista [role=menuitem]:hover{background:var(--accent-soft)}
.menu-lista [role=menuitem] svg{color:var(--muted);flex:none}
.menu-lista [aria-current=page]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--gold)}
.menu-sep{height:1px;background:var(--line);margin:4px 6px}
/* ---------- minha conta */
section.bloco h3{font-size:15px;margin-top:6px}
/* ---------- auditoria */
.filtros-aud{display:grid;grid-template-columns:2fr 1.6fr 1.2fr 1.2fr;gap:10px 14px;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px}
.filtros-aud label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;min-width:0}
.filtros-aud .f-botoes{display:flex;gap:8px;align-items:end}
.aud td{white-space:normal;vertical-align:top}
.aud td:first-child{white-space:nowrap}
.aud-linha{cursor:pointer}
.aud-linha:hover{background:var(--accent-soft)}
.aud-grupo{display:block;font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.aud-det td{background:var(--bg)}
.aud-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:0}
.aud-kv dt{font-size:12px;color:var(--muted)}.aud-kv dd{margin:0;word-break:break-all}
.aud-json{font-family:var(--mono);font-size:12.5px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px;overflow:auto;max-height:240px;margin:10px 0 0}
.paginacao{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
@media (max-width:900px){.filtros-aud{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.filtros-aud{grid-template-columns:1fr}}
.campo:disabled{background:var(--bg);color:var(--muted);cursor:not-allowed;border-style:dashed}

/* ---------- aprovar com termo */
.selo.aprovado{color:#fff;background:var(--ok)}
.btn.aprovar{background:var(--ok);border-color:var(--ok);color:#fff}
.btn.aprovar:disabled{background:var(--bg);border-color:var(--line);color:var(--muted);cursor:not-allowed}
.pet .botoes{max-width:440px}
.dica-aprovar{flex-basis:100%;text-align:right}
@media (max-width:760px){.dica-aprovar{text-align:left}}
.aprovada{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding:8px 12px;border-radius:8px;background:var(--ok-soft);color:var(--ok);border-left:4px solid var(--ok)}
.aprovada .small,.aprovada .link{color:var(--ink)}
.nota-aprov{margin:6px 0 0;padding:8px 12px;border-radius:8px;background:var(--warn-soft);color:var(--warn);font-weight:600}
dialog#termo{max-width:min(620px,calc(100vw - 32px))}
.termo-texto{white-space:pre-wrap;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:14px;max-height:260px;overflow:auto;line-height:1.55}
.termo-alerta{display:flex;flex-direction:column;gap:4px;margin:0}
label.check{display:flex;gap:10px;align-items:flex-start;font-weight:600;cursor:pointer}
label.check input{width:20px;height:20px;margin-top:2px;flex:none}

/* ---------- ler SharePoint agora */
.form-ler label{display:flex;flex-direction:column;gap:6px;font-weight:600}
.form-ler label.check{flex-direction:row}
fieldset.opcoes{border:1px solid var(--line);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:8px;margin:0}
fieldset.opcoes legend{font-weight:700;padding:0 6px}

/* ---------- paginação do painel */
.paginacao-casos{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.pag-botoes{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.pag-num{min-width:42px;min-height:42px;border-radius:8px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);font-weight:600;cursor:pointer}
.pag-num:hover{border-color:var(--accent);background:var(--accent-soft)}
.pag-num[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:#fff;cursor:default}
.pag-reticencias{color:var(--muted);padding:0 2px}
@media (max-width:560px){.paginacao-casos{justify-content:center}.pag-botoes .btn{flex:1}}