:root { --fundo:#f6f7f9; --papel:#fff; --texto:#1c2430; --suave:#5b6675; --linha:#dde1e7; --acento:#1f4e8c;
        --ok:#1d7a3f; --aviso:#9a6700; --erro:#b42318; }
@media (prefers-color-scheme: dark) {
  :root { --fundo:#12161c; --papel:#1a2029; --texto:#e6e9ee; --suave:#9aa6b5; --linha:#2b3441; --acento:#6ea8ff;
          --ok:#4cc38a; --aviso:#e3b341; --erro:#ff7b72; } }
* { box-sizing: border-box; }
body { margin:0; font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif; background:var(--fundo); color:var(--texto); }
header { display:flex; align-items:center; gap:1.25rem; padding:.75rem 1.25rem; background:var(--papel); border-bottom:1px solid var(--linha); }
header strong { font-size:1.05rem; }
header nav { display:flex; gap:1rem; flex:1; }
header a { color:var(--acento); text-decoration:none; }
main { max-width:1100px; margin:0 auto; padding:1.25rem 16px 3rem; }
h1 { font-size:1.35rem; margin:.25rem 0 1rem; } h2 { font-size:1.05rem; margin:1.5rem 0 .5rem; }
.cartao { background:var(--papel); border:1px solid var(--linha); border-radius:8px; padding:1rem; margin-bottom:1rem; }
form.linha { display:flex; flex-wrap:wrap; gap:.75rem; align-items:end; }
label { display:flex; flex-direction:column; font-size:.85rem; color:var(--suave); gap:.2rem; }
input { font:inherit; padding:.45rem .6rem; border:1px solid var(--linha); border-radius:6px; background:var(--fundo); color:var(--texto); min-width:9rem; }
button { font:inherit; padding:.5rem 1rem; border:0; border-radius:6px; background:var(--acento); color:#fff; cursor:pointer; }
button.sec { background:transparent; color:var(--acento); border:1px solid var(--linha); }
table { width:100%; border-collapse:collapse; } th,td { text-align:left; padding:.45rem .5rem; border-bottom:1px solid var(--linha); vertical-align:top; }
th { font-size:.8rem; color:var(--suave); font-weight:600; }
.selo { display:inline-block; padding:.1rem .5rem; border-radius:999px; font-size:.8rem; border:1px solid var(--linha); }
.s-montado,.s-enviado_inspecao,.s-aprovado { color:var(--ok); } .s-pendencia,.s-pendente,.s-montando { color:var(--aviso); }
.s-reprovado,.s-cancelado { color:var(--erro); }
.erro { color:var(--erro); } .suave { color:var(--suave); } .mono { font-family:ui-monospace,Menlo,monospace; font-size:.9em; }
@media (max-width: 640px) { header { flex-wrap:wrap; } table { font-size:.85rem; } }
.estreito { max-width:380px; margin:3rem auto; }
.coluna { display:grid; gap:.75rem; }
.sem-margem-topo { margin-top:0; }
.sem-margem { margin:0; }
.aviso { color:var(--aviso); }