/* Design system do painel — ver docs/produto/ux-painel.md. Uma cor de destaque; vermelho só para prazo/falha real. */
:root{
  --fundo:#f6f7f8; --papel:#fff; --tinta:#16202a; --suave:#5b6670; --linha:#e3e6e9;
  --destaque:#0f6b73; --destaque-claro:#e3f1f2; --alerta:#b42318; --alerta-claro:#fdecea;
  --ok:#1e7a45; --ok-claro:#e6f4ec; --aviso:#8a5a00; --aviso-claro:#fff4dc;
  --raio:10px; --sombra:0 1px 2px rgba(16,24,32,.06),0 1px 1px rgba(16,24,32,.04);
  font: 15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box} body{margin:0;background:var(--fundo);color:var(--tinta);padding-bottom:56px}
a{color:var(--destaque)} a:hover{text-decoration:none}
:focus-visible{outline:3px solid #7cc4ca;outline-offset:2px;border-radius:6px}
h1{font-size:24px;line-height:1.25;margin:0 0 4px} h2{font-size:17px;margin:28px 0 10px} h3{font-size:15px;margin:0}
.sub{color:var(--suave);margin:0 0 20px}
main{max-width:1080px;margin:0 auto;padding:24px 20px}
.topo{display:flex;align-items:center;gap:22px;padding:10px 20px;background:var(--papel);border-bottom:1px solid var(--linha);position:sticky;top:0;z-index:5}
.marca{font-weight:700;color:var(--tinta);text-decoration:none;white-space:nowrap}
.topo nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}
.topo nav a{color:var(--suave);text-decoration:none;padding:6px 10px;border-radius:8px}
.topo nav a.ativo,.topo nav a:hover{color:var(--tinta);background:var(--fundo)}
.sair{display:flex;gap:10px;align-items:center;color:var(--suave);font-size:14px}
.rodape{position:fixed;bottom:0;left:0;right:0;background:var(--papel);border-top:1px solid var(--linha);color:var(--suave);font-size:13px;padding:9px 20px;text-align:center}
button,.botao{font:inherit;border:1px solid var(--linha);background:var(--papel);color:var(--tinta);padding:7px 14px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block}
button:hover,.botao:hover{border-color:#c5cbd0}
.primario{background:var(--destaque);border-color:var(--destaque);color:#fff}.primario:hover{background:#0c5a61}
.leve{background:transparent;border-color:transparent;color:var(--suave)}
.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);box-shadow:var(--sombra);padding:16px 18px;margin-bottom:12px}
.resumo{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 6px}
.numero{background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);padding:12px 16px;min-width:150px;text-decoration:none;color:var(--tinta)}
.numero b{display:block;font-size:24px;line-height:1.2}.numero span{color:var(--suave);font-size:13px}
.barra{display:block;width:100%;height:8px;margin:6px 0;border:0;border-radius:99px;background:var(--linha);overflow:hidden;appearance:none;-webkit-appearance:none}
.barra::-webkit-progress-bar{background:var(--linha);border-radius:99px}.barra::-webkit-progress-value{background:var(--ok);border-radius:99px}.barra::-moz-progress-bar{background:var(--ok)}
.largo{min-width:260px}
.lista{list-style:none;margin:0;padding:0}
.lista li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--linha)}
.lista li:last-child{border-bottom:0}
.meta{color:var(--suave);font-size:13px}
.selo{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--fundo);color:var(--suave);white-space:nowrap}
.selo.corrigir,.selo.alerta,.selo.falhou{background:var(--alerta-claro);color:var(--alerta)}
.selo.conferir,.selo.aviso,.selo.aguardando_documento,.selo.aguardando_acesso{background:var(--aviso-claro);color:var(--aviso)}
.selo.pergunta,.selo.aguardando_gate{background:var(--destaque-claro);color:var(--destaque)}
.selo.ok,.selo.concluida,.selo.feito_por_humano{background:var(--ok-claro);color:var(--ok)}
.prazo.alerta{color:var(--alerta);font-weight:600}
.faixa{border-left:4px solid var(--alerta);background:var(--alerta-claro)}
.aviso-ok{border-left:4px solid var(--ok);background:var(--ok-claro)}
.vazio{color:var(--suave);padding:18px;text-align:center;border:1px dashed var(--linha);border-radius:var(--raio)}
/* cartão de pendência */
.pend h3{font-size:16px;margin:6px 0 2px}
.pend .bloco{margin-top:12px}.pend .rotulo{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--suave)}
.pend .evid{font-family:ui-monospace,Menlo,monospace;font-size:13px;color:#33404c;max-height:7.5em;overflow:auto;background:var(--fundo);padding:8px 10px;border-radius:8px}
.pend .porque{background:var(--destaque-claro);border-radius:8px;padding:8px 12px}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.chips label{border:1px solid var(--linha);border-radius:99px;padding:4px 12px;cursor:pointer;font-size:14px}
.chips input{position:absolute;opacity:0}.chips input:checked+span{font-weight:600;color:var(--destaque)}
.chips label:has(input:checked){border-color:var(--destaque);background:var(--destaque-claro)}
.acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
textarea,input[type=text],input[type=password],input[type=search],select{font:inherit;width:100%;padding:8px 10px;border:1px solid var(--linha);border-radius:8px;background:#fff}
textarea{min-height:44px}
.decidida{opacity:.8}.decidida summary{cursor:pointer}
.entradas{display:flex;gap:16px;flex-wrap:wrap}.entradas span::before{margin-right:4px}
.sim::before{content:"✓";color:var(--ok)}.nao::before{content:"✗";color:var(--alerta)}
table{width:100%;border-collapse:collapse;background:var(--papel);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;font-size:14px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--linha);vertical-align:top}
th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);background:#fbfbfc}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.filtros{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 14px}.filtros>*{width:auto}
.numeros table{margin:8px 0}
.mensagem{white-space:pre-wrap;background:var(--fundo);border-radius:8px;padding:10px 12px;font-size:14px}
.login{max-width:380px;margin:10vh auto}.login label{display:block;margin:12px 0 4px;font-weight:600}
.erro{color:var(--alerta)}.flash{padding:10px 14px;border-radius:8px;margin:0 0 14px;background:var(--ok-claro);color:var(--ok)}
.flash.ruim{background:var(--alerta-claro);color:var(--alerta)}
.atalho{font-size:12px;color:var(--suave);border:1px solid var(--linha);border-radius:4px;padding:0 5px;margin-left:6px}
@media (max-width:640px){.topo{flex-wrap:wrap}.numero{min-width:46%}}
.primario .atalho{color:#fff;border-color:rgba(255,255,255,.55)}