:root { --fundo:#f4f6f8; --cartao:#fff; --texto:#1b2430; --suave:#5b6675; --linha:#dde2e8; --cor:#0b5cab; --ok:#e7f5ea; --erro:#fdeaea; }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color:var(--texto); background:var(--fundo); }
.topo { display:flex; gap:24px; align-items:center; padding:10px 20px; background:#0f2a47; color:#fff; flex-wrap:wrap; }
.topo a { color:#fff; text-decoration:none; } .topo nav { display:flex; gap:16px; flex:1; } .marca { font-weight:700; font-size:18px; }
.quem a { text-decoration:underline; }
.conteudo { max-width:980px; margin:24px auto; padding:0 16px; }
.cartao { background:var(--cartao); border:1px solid var(--linha); border-radius:10px; padding:20px; }
.estreito { max-width:420px; margin:0 auto; }
.grade { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.atalho { text-decoration:none; color:inherit; display:flex; flex-direction:column; gap:4px; } .atalho span { color:var(--suave); font-size:13px; }
label { display:block; margin:10px 0; font-size:13px; color:var(--suave); }
input, select { display:block; width:100%; padding:8px 10px; margin-top:4px; border:1px solid var(--linha); border-radius:6px; font:inherit; background:#fff; color:var(--texto); }
.filtro { display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; margin:12px 0; } .filtro label { margin:0; } .filtro input, .filtro select { width:auto; }
button, .botao { display:inline-block; padding:9px 16px; border:0; border-radius:6px; background:var(--cor); color:#fff; font:inherit; cursor:pointer; text-decoration:none; }
.botao.claro { background:#e8edf3; color:var(--texto); } button.link { background:none; color:var(--cor); padding:0; text-decoration:underline; }
table { width:100%; border-collapse:collapse; background:var(--cartao); border:1px solid var(--linha); border-radius:8px; overflow:hidden; }
th, td { padding:8px 10px; border-bottom:1px solid var(--linha); text-align:left; } th { background:#eef2f6; font-size:13px; } .num { text-align:right; font-variant-numeric:tabular-nums; }
tfoot th { border-top:2px solid var(--texto); } .acoes { white-space:nowrap; } .acoes form { display:inline; margin-left:10px; }
.aviso { padding:10px 14px; border-radius:6px; } .aviso.ok { background:var(--ok); } .aviso.erro { background:var(--erro); }
.nota { color:var(--suave); font-size:13px; } .botoes { margin-top:14px; display:flex; gap:10px; }
@media (max-width:600px) { table { display:block; overflow-x:auto; } .topo { gap:10px; } }
.etiqueta { font-size:12px; font-weight:600; padding:2px 10px; border-radius:99px; vertical-align:middle; } .etiqueta.aberta { background:#fff4d6; color:#7a5a00; } .etiqueta.encerrada { background:#e7f5ea; color:#1d5e2f; }
.ficha dl { display:grid; grid-template-columns:170px 1fr; gap:6px 14px; margin:0; } .ficha dt { color:var(--suave); font-size:13px; } .ficha dd { margin:0; }
.texto { white-space:normal; min-height:36px; } h2 { font-size:17px; margin:22px 0 8px; } .paginas { display:flex; gap:10px; margin-top:12px; }
@media (max-width:600px) { .ficha dl { grid-template-columns:1fr; } }