:root{--bg:#f4f6f9;--card:#fff;--tx:#1c2430;--mut:#5b6675;--bd:#dde2ea;--pri:#1d5fd1;--pri-tx:#fff;--red:#b42318;--redbg:#fde8e6;--amb:#8a5a00;--ambbg:#fff2d6;--grn:#0e6b3b;--grnbg:#dff5e8;--blu:#1d4fa8;--blubg:#e3edfd}
[data-tema=escuro]{--bg:#0f141b;--card:#18202b;--tx:#e8edf3;--mut:#9aa6b5;--bd:#2b3644;--pri:#5b9bff;--pri-tx:#0b1220;--red:#ff9c92;--redbg:#3a1a18;--amb:#ffd37a;--ambbg:#33280e;--grn:#7fdca6;--grnbg:#123222;--blu:#9cc0ff;--blubg:#17294a}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.aviso{background:var(--ambbg);color:var(--amb);text-align:center;font-size:12px;padding:3px 8px;border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:20}
.topo{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--bd)}
.marca{font-weight:700;font-size:17px}.marca span{color:var(--pri)}
#menu{display:flex;gap:4px;flex:1}
#menu a{padding:8px 12px;border-radius:8px;color:var(--mut);text-decoration:none;font-weight:600}
#menu a.ativo{background:var(--blubg);color:var(--blu)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,tr[tabindex]:focus-visible{outline:3px solid var(--pri);outline-offset:2px}
main{max-width:1150px;margin:0 auto;padding:16px;outline:none}
h1{font-size:22px;margin:4px 0 14px}h2{font-size:17px;margin:0 0 10px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.card,.painel{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:14px}
.card{text-decoration:none;color:inherit;display:block}
.card b{display:block;font-size:28px;line-height:1.1}.card small{color:var(--mut)}
.card.urg b{color:var(--red)}
.sync{color:var(--mut);font-size:13px;margin-bottom:14px}
.btn{font:inherit;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:8px;padding:8px 12px;cursor:pointer;min-height:40px}
.btn.pri{background:var(--pri);color:var(--pri-tx);border-color:var(--pri);font-weight:600}
.badge{display:inline-block;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:600;white-space:nowrap}
.b-red{background:var(--redbg);color:var(--red)}.b-amb{background:var(--ambbg);color:var(--amb)}.b-grn{background:var(--grnbg);color:var(--grn)}.b-blu{background:var(--blubg);color:var(--blu)}.b-gray{background:var(--bd);color:var(--mut)}
.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px}
label{font-size:12px;color:var(--mut);display:block}
input,select,textarea{width:100%;font:inherit;color:var(--tx);background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:8px;min-height:40px}
.tabela{width:100%;border-collapse:collapse}
.tabela th{text-align:left;font-size:12px;color:var(--mut);padding:8px;border-bottom:1px solid var(--bd);white-space:nowrap}
.tabela th button{all:inherit;cursor:pointer}
.tabela td{padding:10px 8px;border-bottom:1px solid var(--bd);vertical-align:top}
.tabela tr.lnk{cursor:pointer}.tabela tr.lnk:hover{background:var(--bg)}
.tabela a{color:var(--tx);font-weight:600;text-decoration:none}
.nao-lida{font-weight:700}
.mut{color:var(--mut);font-size:13px}
.lista{list-style:none;margin:0;padding:0}.lista li{padding:10px 0;border-bottom:1px solid var(--bd);display:flex;gap:8px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.lista a{color:var(--tx);font-weight:600;text-decoration:none}
.det{display:grid;grid-template-columns:2fr 1fr;gap:12px}
.corpo{white-space:pre-wrap;background:var(--bg);border-radius:8px;padding:12px;margin:8px 0}
.nota{background:var(--blubg);color:var(--blu);border-radius:8px;padding:10px 12px;font-size:13px;margin:10px 0}
.campos{display:grid;gap:10px}
.hist{margin:0;padding-left:18px;font-size:13px}
.vazio{padding:24px;text-align:center;color:var(--mut)}
@media(max-width:760px){
 .det{grid-template-columns:1fr}
 .tabela thead{display:none}.tabela,.tabela tbody,.tabela tr,.tabela td{display:block;width:100%}
 .tabela tr{background:var(--card);border:1px solid var(--bd);border-radius:10px;margin-bottom:8px;padding:6px 4px}
 .tabela td{border:0;padding:3px 8px}
 .tabela td[data-l]::before{content:attr(data-l) ": ";color:var(--mut);font-size:12px}
}