:root { --navy:#1f3864; --navy2:#2a4a7f; --luz:#eef3f5; --borda:#d7dee6; --erro:#b3261e; --ok:#1b7a3d; --aviso:#8a6d00; }
* { box-sizing:border-box; }
body { margin:0; font-family:"Segoe UI", Arial, sans-serif; color:#1c2733; background:#f6f8fa; }
header { display:flex; align-items:center; gap:24px; background:var(--navy); color:#fff; padding:10px 20px; }
.marca { font-weight:700; letter-spacing:.5px; } .marca span { font-weight:400; opacity:.8; }
nav { display:flex; gap:6px; }
nav button { background:transparent; border:1px solid transparent; color:#dbe4ef; padding:6px 14px; border-radius:6px; cursor:pointer; font-size:14px; }
nav button.ativo, nav button:hover { background:var(--navy2); color:#fff; }
#usuario { margin-left:auto; font-size:13px; display:flex; gap:10px; align-items:center; }
#usuario button { background:transparent; border:1px solid #6b83a8; color:#dbe4ef; border-radius:6px; padding:4px 10px; cursor:pointer; }
main { max-width:1180px; margin:22px auto; padding:0 16px; }
.oculto { display:none !important; }
.cartao { background:#fff; border:1px solid var(--borda); border-radius:10px; padding:20px 22px; margin-bottom:18px; }
.cartao.login { max-width:380px; margin:8vh auto; }
.cartao h1 { font-size:20px; color:var(--navy); margin:0 0 2px; } .sub { margin:0 0 18px; color:#5a6b7d; font-size:13px; }
.cartao h2 { font-size:16px; color:var(--navy); margin:0 0 14px; }
label { display:block; font-size:13px; color:#3b4a5a; margin-bottom:12px; }
input, select { width:100%; padding:8px 10px; margin-top:4px; border:1px solid var(--borda); border-radius:6px; font-size:14px; background:#fff; }
.linha-form { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; }
button.primario { background:var(--navy); color:#fff; border:0; border-radius:6px; padding:9px 18px; font-size:14px; cursor:pointer; }
button.primario:disabled { opacity:.5; cursor:default; }
.acoes { display:flex; gap:10px; margin:6px 0 4px; }
.erro { color:var(--erro); font-size:13px; min-height:18px; }
.mudo { color:#6a7a8a; font-size:13px; } .nota { margin-top:8px; }
.filtros { display:flex; gap:18px; align-items:end; margin-bottom:12px; }
.filtros label { margin:0; min-width:220px; }
.tabela-scroll { overflow-x:auto; background:#fff; border:1px solid var(--borda); border-radius:10px; }
table { border-collapse:collapse; width:100%; font-size:12.5px; }
th { background:var(--navy); color:#fff; padding:7px 9px; text-align:right; white-space:nowrap; position:sticky; top:0; }
th:first-child { text-align:left; }
td { padding:5px 9px; border-bottom:1px solid #edf1f5; text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
td:first-child { text-align:left; }
tr.n1 { font-weight:600; cursor:pointer; } tr.n1.subtotal { background:var(--luz); cursor:default; }
tr.n2 { color:#33435a; cursor:pointer; } tr.n2 td:first-child { padding-left:26px; }
tr.origem { color:#5a6b7d; font-size:12px; } tr.origem td:first-child { padding-left:46px; }
td.neg { color:var(--erro); }
.badge { display:inline-block; border-radius:5px; padding:2px 8px; font-size:11.5px; font-weight:600; }
.badge.ok { background:#e0f2e6; color:var(--ok); } .badge.erro { background:#fbe3e1; color:var(--erro); }
.badge.aviso { background:#fdf3d0; color:var(--aviso); } .badge.mudo { background:#e8edf2; color:#54657a; }
.banner { border-radius:8px; padding:10px 14px; font-size:13px; margin-bottom:10px; }
.banner.aviso { background:#fdf3d0; color:#5c4a00; border:1px solid #ecd98a; }
.banner.erro { background:#fbe3e1; color:#7a1a14; border:1px solid #efb4af; }
.banner.ok { background:#e0f2e6; color:#14522c; border:1px solid #b2dcc0; }
ul.compacta { margin:6px 0 0; padding-left:18px; } ul.compacta li { margin-bottom:3px; font-size:12.5px; }
table.lista td { text-align:left; } table.lista th { text-align:left; }