/* Cobrança AD3 — visual claro, clássico, dourado */
:root{--fundo:#f7f4ee;--cartao:#fff;--borda:#e6dfd1;--texto:#2b2a28;--suave:#6f6a60;--ouro:#b08d3c;--ouro-esc:#8a6c26;--ouro-claro:#f3ead3;
  --verde:#2f7d4f;--vermelho:#b23a3a;--azul:#2f5d8a;--sombra:0 1px 3px rgba(60,50,30,.08),0 4px 14px rgba(60,50,30,.05);--raio:10px}
*{box-sizing:border-box}
html,body{margin:0;background:var(--fundo);color:var(--texto);font:15px/1.45 "Segoe UI",Roboto,Helvetica,Arial,sans-serif}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;color:#3a3326;margin:0 0 .6em}
h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1.05rem}
a{color:var(--ouro-esc)}
button,.bt{font:inherit;cursor:pointer;border:1px solid var(--ouro);background:var(--ouro);color:#fff;padding:.5em 1em;border-radius:8px;transition:.15s}
button:hover,.bt:hover{background:var(--ouro-esc);border-color:var(--ouro-esc)}
button.sec,.bt.sec{background:#fff;color:var(--ouro-esc)}
button.sec:hover{background:var(--ouro-claro)}
button.peq{padding:.25em .6em;font-size:.85rem}
button:disabled{opacity:.55;cursor:default}
input,select,textarea{font:inherit;border:1px solid var(--borda);border-radius:8px;padding:.5em .7em;background:#fff;color:var(--texto);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ouro-claro);border-color:var(--ouro)}
label{display:block;font-size:.85rem;color:var(--suave);margin:.6em 0 .25em}
.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra);padding:18px}
.suave{color:var(--suave)}.peq{font-size:.85rem}
.erro{color:var(--vermelho)}.ok{color:var(--verde)}
.chip{display:inline-block;font-size:.75rem;padding:.1em .55em;border-radius:20px;background:var(--ouro-claro);color:var(--ouro-esc);margin:1px 2px;white-space:nowrap}
.chip.verde{background:#e3f1e8;color:var(--verde)}.chip.verm{background:#f6e2e2;color:var(--vermelho)}.chip.cinza{background:#eee;color:#666}

/* entrada */
.entrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;
  background:radial-gradient(circle at 20% 10%,#fff 0,#f7f4ee 45%,#efe8da 100%)}
.entrada .cartao{width:100%;max-width:400px;padding:28px}
.entrada img{display:block;max-width:220px;margin:0 auto 14px}
.entrada h1{text-align:center;font-size:1.3rem}
.entrada button{width:100%;margin-top:16px}

/* sistema */
.topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:10px 18px;background:#fff;border-bottom:1px solid var(--borda);box-shadow:0 1px 0 var(--ouro-claro)}
.topo img{height:38px}
.topo .nome{margin-left:auto;color:var(--suave);font-size:.9rem}
.topo nav{display:flex;gap:4px;flex-wrap:wrap}
.topo nav a{padding:.45em .8em;border-radius:8px;text-decoration:none;color:var(--texto)}
.topo nav a.ativo,.topo nav a:hover{background:var(--ouro-claro);color:var(--ouro-esc)}
.topo nav a.breve{opacity:.5}
main{max-width:1200px;margin:0 auto;padding:20px 16px 60px}
.grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.num{font-family:Georgia,serif;font-size:1.7rem;color:var(--ouro-esc)}
.filtros{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.filtros>*{flex:1 1 160px;width:auto}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{text-align:left;padding:.55em .6em;border-bottom:1px solid var(--borda);vertical-align:top}
th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--suave);background:#faf8f3}
tr.click{cursor:pointer}tr.click:hover td{background:#fcf9f1}
.tabela{overflow-x:auto;border:1px solid var(--borda);border-radius:var(--raio)}
.pag{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px}
.abas{display:flex;gap:4px;border-bottom:1px solid var(--borda);margin:14px 0;flex-wrap:wrap}
.abas a{padding:.5em .9em;text-decoration:none;color:var(--suave);border-bottom:2px solid transparent}
.abas a.ativo{color:var(--ouro-esc);border-color:var(--ouro)}
.lista>div{padding:.55em 0;border-bottom:1px dashed var(--borda)}
.duas{display:grid;gap:14px;grid-template-columns:1fr 1fr}
.barra{height:8px;background:#eee;border-radius:5px;overflow:hidden}.barra>i{display:block;height:100%;background:var(--ouro)}
.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#3a3326;color:#fff;padding:.7em 1.2em;border-radius:8px;z-index:50;box-shadow:var(--sombra)}
pre.log{background:#faf8f3;border:1px solid var(--borda);border-radius:8px;padding:10px;max-height:260px;overflow:auto;font-size:.82rem;white-space:pre-wrap}
@media (max-width:720px){.duas{grid-template-columns:1fr}.topo{flex-wrap:wrap}.topo .nome{margin-left:0}th.oc,td.oc{display:none}}