:root{--bg: #f1f5f9;--card: #fff;--ink: #1a1a1a;--muted: #64748b;--brand: #1e4266;--brand-2: #2c5f8a;--line: #aec0d4;--accent: #eef5ff;--warn-bg: #fef3c7;--warn-ink: #92400e;--bad-bg: #fee2e2;--bad-ink: #b91c1c;--ok-bg: #dcfce7;--ok-ink: #166534}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;width:100%}input:focus,select:focus{outline:2px solid var(--brand-2);border-color:transparent}.topbar{background:var(--brand);color:#fff;padding:12px 20px;display:flex;align-items:center;gap:16px}.topbar h1{font-size:17px;margin:0;flex:1}.topbar nav{display:flex;gap:8px}.topbar nav button{background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;padding:8px 14px;border-radius:8px}.topbar nav button.on{background:#fff;color:var(--brand);font-weight:600}.topbar .sair{background:transparent;border:0;color:#fffc}.wrap{max-width:1100px;margin:20px auto;padding:0 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.grid{display:grid;gap:12px}.grid.c2{grid-template-columns:1fr 1fr}.grid.c3{grid-template-columns:2fr 1fr 1fr}@media (max-width: 720px){.grid.c2,.grid.c3{grid-template-columns:1fr}}label{font-size:13px;color:var(--muted);display:block;margin-bottom:4px}.btn{background:var(--brand-2);color:#fff;border:0;border-radius:10px;padding:12px 20px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--line)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;padding:8px;border-bottom:2px solid var(--line);font-size:12px;text-transform:uppercase}td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}td.num,th.num{text-align:right}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700}.badge.venda{background:var(--ok-bg);color:var(--ok-ink)}.badge.nfiscal{background:var(--accent);color:var(--brand);border:1px solid var(--line)}.badge.ok{background:var(--ok-bg);color:var(--ok-ink)}.badge.ruim{background:var(--bad-bg);color:var(--bad-ink)}.badge.aviso{background:var(--warn-bg);color:var(--warn-ink)}.badge.cinza{background:#eef1f6;color:var(--muted)}.motivos{background:var(--warn-bg);color:var(--warn-ink);border-radius:10px;padding:12px 14px;margin-top:10px;font-size:14px}.motivos b{display:block;margin-bottom:4px}.alerta-erro{background:var(--bad-bg);color:var(--bad-ink);border-radius:10px;padding:12px;margin-top:10px}.busca{position:relative}.busca .sug{position:absolute;z-index:20;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:10px;max-height:280px;overflow:auto;box-shadow:0 8px 24px #0000001f}.busca .sug div{padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line)}.busca .sug div:hover{background:var(--bg)}.sug small{color:var(--muted);display:block}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(380px,92vw)}.login-card .btn{width:100%;margin-top:8px}.total-bar{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:700}.muted{color:var(--muted);font-size:13px}.filtros{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end;margin-bottom:14px}.filtros-acoes{grid-column:1 / -1;display:flex;gap:8px;flex-wrap:wrap}.filtros-acoes .btn{padding:12px 24px}.resumo{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 14px;margin-bottom:12px;background:var(--bg);border-radius:10px;font-size:14px}.resumo b{font-size:16px}small.bloco{display:block;font-size:11px;line-height:1.3;margin-top:2px}small.tag-portal{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--ok-bg);color:var(--ok-ink);font-size:10px;font-weight:700}@media (max-width: 820px){.filtros{grid-template-columns:1fr 1fr}.filtros-acoes .btn{flex:1}}.grid-barra{display:flex;align-items:center;gap:12px;margin-bottom:8px}.grid-contador{font-size:13px;color:var(--muted)}.grid-colunas{margin-left:auto;position:relative}.link{background:none;border:0;color:var(--brand-2);font-size:13px;text-decoration:underline;padding:0}.pop{position:absolute;right:0;top:100%;z-index:30;margin-top:4px;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 8px 24px #1e42662e;max-height:340px;overflow:auto}.pop-topo{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:4px 6px 8px}.pop-item{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;font-size:14px;color:var(--ink);margin:0;cursor:pointer}.pop-item:hover{background:var(--accent)}.pop-item input{width:auto;padding:0}.grid-rolagem{overflow:auto;max-height:68vh;border:1px solid var(--line);border-radius:8px}table.grade{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}table.grade th.col-acao,table.grade td.col-acao{width:92px}table.grade td.col-acao{overflow:visible}table.grade td.col-acao .btn{padding:3px 10px;font-size:12px;border-radius:6px}table.grade thead{position:sticky;top:0;z-index:5}table.grade thead th{padding:0;border-bottom:0}tr.linha-titulo th{background:var(--brand-2);color:#fff;white-space:nowrap;border-right:1px solid var(--brand)}.th-sort{display:block;width:100%;text-align:inherit;background:none;border:0;padding:6px 8px;color:#fff;font-weight:600;font-size:12px;cursor:pointer;text-transform:none;letter-spacing:0;white-space:nowrap}.th-sort:hover{background:var(--brand)}table.grade th.num .th-sort{text-align:right}tr.linha-filtro th{background:#eef2f7;padding:2px 4px;border-right:1px solid #c5d5e8;border-bottom:1px solid #c5d5e8}tr.linha-filtro input{display:block;width:100%;padding:3px 5px;font-size:12px;border:1px solid #cbd5e1;border-radius:3px;background:#fff}tr.linha-filtro input:focus{outline:none;border-color:var(--brand-2)}tr.linha-filtro th.num input{text-align:right}table.grade tbody td{padding:4px 8px;border-right:1px solid #eef2f7;border-bottom:1px solid #eef2f7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}table.grade tbody tr:hover>td{background:var(--accent)}tr.linha-detalhe>td{background:var(--bg);white-space:normal;padding:12px;max-width:none}tr.linha-detalhe table.grade thead{position:static}table.grade tfoot td{padding:6px 8px;border-top:2px solid var(--line);font-weight:700;background:#eef2f7;position:sticky;bottom:0;border-right:1px solid #c5d5e8}.atend{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.atend-barra{width:46px;height:7px;border-radius:999px;background:var(--line);overflow:hidden}.atend-barra i{display:block;height:100%;background:var(--brand-2)}.atend b{font-size:12px;min-width:32px;text-align:right}