:root{--azul-escuro: #1a365d;--azul: #2b6cb0;--azul-medio: #2c5282;--azul-claro: #4299e1;--fundo: #f5f7fa;--superficie: #ffffff;--borda: #e2e8f0;--linha: #e2e8f0;--texto: #2d3748;--suave: #718096;--verde: #2f855a;--vermelho: #cb2431;--ambar: #d69e2e;--acento: #2b6cb0;--acento-texto: #ffffff;--sombra: 0 1px 3px rgba(0, 0, 0, .08);--sat-mes: 62%;--luz-mes: 42%;--mistura-mes: 16%;color-scheme:light}:root[data-tema=escuro]{--azul-escuro: #091540;--azul: #1B2CC1;--azul-medio: #1B2CC1;--azul-claro: #718cf5;--fundo: #091540;--superficie: #101b52;--borda: #263573;--linha: #263573;--texto: #e8edff;--suave: #9aa8d8;--verde: #48bb78;--vermelho: #fc8181;--ambar: #f6ad55;--acento: #ABD2FA;--acento-texto: #091540;--sombra: 0 1px 3px rgba(0, 0, 0, .4);--sat-mes: 70%;--luz-mes: 70%;--mistura-mes: 24%;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--fundo);color:var(--texto)}.topo{display:flex;align-items:center;gap:16px;padding:10px 20px;background:linear-gradient(135deg,var(--azul-escuro),var(--azul));color:#fff}.topo h1{font-size:17px;margin:0;font-weight:600;letter-spacing:.2px}.topo .crescer{flex:1}.topo .quem{font-size:12px;opacity:.85;text-align:right;line-height:1.3}.topo button{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.topo button:hover{background:#ffffff40}.abas{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;background:var(--superficie);border-bottom:1px solid var(--borda);position:sticky;top:0;z-index:10}.aba{border:1px solid var(--borda);background:transparent;color:var(--texto);padding:7px 16px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500}.aba:hover{border-color:var(--azul-claro)}.aba.ativa{background:var(--acento);color:var(--acento-texto);border-color:var(--acento)}.conteudo{padding:20px;max-width:1400px;margin:0 auto}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:10px;padding:18px;box-shadow:var(--sombra);margin-bottom:16px}.cartao h2{margin:0 0 4px;font-size:15px;font-weight:600}.cartao .legenda{color:var(--suave);font-size:12px;margin:0 0 14px}.linha{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.campo{display:flex;flex-direction:column;gap:4px}.campo label{font-size:12px;color:var(--suave);font-weight:500}.campo input,.campo select,.campo textarea{font:inherit;padding:8px 10px;border-radius:6px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto);min-width:160px}.campo textarea{min-height:84px;resize:vertical;min-width:320px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul-claro);outline-offset:-1px;border-color:var(--azul-claro)}.campo.largo input,.campo.largo textarea{min-width:420px}button.principal{font:inherit;font-weight:600;padding:9px 18px;border-radius:6px;border:1px solid var(--azul);background:var(--azul);color:#fff;cursor:pointer}button.principal:hover:not(:disabled){background:var(--azul-medio)}button.principal:disabled{opacity:.5;cursor:not-allowed}button.secundaria{font:inherit;padding:8px 14px;border-radius:6px;border:1px solid var(--borda);background:transparent;color:var(--texto);cursor:pointer}button.secundaria:hover{border-color:var(--azul-claro)}.aviso{padding:10px 14px;border-radius:8px;font-size:13px;margin:0 0 14px;border:1px solid transparent}.aviso.erro{background:color-mix(in srgb,var(--vermelho) 12%,transparent);border-color:var(--vermelho)}.aviso.ok{background:color-mix(in srgb,var(--verde) 12%,transparent);border-color:var(--verde)}.aviso.atencao{background:color-mix(in srgb,var(--ambar) 15%,transparent);border-color:var(--ambar)}.aviso.info{background:color-mix(in srgb,var(--azul-claro) 12%,transparent);border-color:var(--azul-claro)}.rolagem{overflow-x:auto;border:1px solid var(--borda);border-radius:8px}table{width:100%;border-collapse:collapse;font-size:13px}thead th{position:sticky;top:0;background:var(--superficie);text-align:left;padding:9px 12px;font-weight:600;font-size:12px;color:var(--suave);white-space:nowrap;box-shadow:inset 0 -2px 0 var(--borda);z-index:2}.rolagem.limitada{max-height:min(880px,80vh);overflow-y:auto}.titulo-tabela{margin:18px 0 8px;font-size:13px;font-weight:700;color:var(--texto);display:flex;align-items:center;gap:8px}.titulo-tabela:first-of-type{margin-top:4px}.titulo-tabela .contagem{font-weight:600;font-size:11px;color:var(--suave);background:color-mix(in srgb,var(--suave) 14%,transparent);padding:1px 8px;border-radius:999px}.titulo-tabela .crescer{flex:1}button.exportar{font-size:11px;padding:4px 10px;font-weight:600}.interruptor{display:inline-flex;align-items:center;gap:6px;align-self:flex-end;font-size:12px;color:var(--suave);font-weight:500;cursor:pointer;user-select:none;padding-bottom:8px;white-space:nowrap}.interruptor input{accent-color:var(--acento);cursor:pointer;margin:0}.interruptor:hover{color:var(--texto)}thead th.ordenavel{padding:0}thead th.ordenavel button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:6px;padding:9px 12px;font-weight:600;font-size:12px;color:var(--suave);white-space:nowrap}thead th.ordenavel.num button{justify-content:flex-end}thead th.ordenavel button:hover{color:var(--texto);background:color-mix(in srgb,var(--azul-claro) 10%,transparent)}thead th.ordenavel button:focus-visible{outline:2px solid var(--acento);outline-offset:-2px;color:var(--texto)}thead th.ordenada button{color:var(--acento)}thead th.ordenavel .seta{font-size:10px;opacity:.35}thead th.ordenada .seta{opacity:1}thead th.ordenavel button:hover .seta{opacity:.8}tbody td{padding:8px 12px;border-bottom:1px solid var(--linha)}.cod-barras{font-variant-numeric:tabular-nums;white-space:nowrap}.cod-barras .sem{opacity:.5;font-style:italic}tbody tr:hover{background:color-mix(in srgb,var(--azul-claro) 7%,transparent)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr.clicavel{cursor:pointer}tbody tr.escolhida{background:color-mix(in srgb,var(--acento) 18%,transparent)}tbody.bloco-mes{--cor-mes: hsl(var(--matiz, 210) var(--sat-mes) var(--luz-mes))}tbody.bloco-mes .subtitulo-mes th{position:sticky;top:33px;z-index:1;text-align:center;font-size:12px;font-weight:700;color:var(--texto);padding:6px 12px;background:color-mix(in srgb,var(--cor-mes) var(--mistura-mes),var(--superficie));box-shadow:inset 0 2px 0 var(--cor-mes),inset 0 -2px 0 var(--cor-mes),inset 2px 0 0 var(--cor-mes),inset -2px 0 0 var(--cor-mes);white-space:nowrap}tbody.bloco-mes .subtitulo-mes th .mes{vertical-align:middle}tbody.bloco-mes .subtitulo-mes th .contagem{display:inline-block;margin-left:8px;vertical-align:middle;font-weight:600;font-size:11px;color:var(--texto);opacity:.75;background:color-mix(in srgb,var(--cor-mes) 26%,transparent);padding:1px 8px;border-radius:999px}tbody.bloco-mes td:first-child{box-shadow:inset 4px 0 0 var(--cor-mes)}.faixa{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.faixa.recente{background:color-mix(in srgb,var(--verde) 18%,transparent);color:var(--verde)}.faixa.atencao{background:color-mix(in srgb,var(--ambar) 20%,transparent);color:var(--ambar)}.faixa.frio{background:color-mix(in srgb,var(--vermelho) 15%,transparent);color:var(--vermelho)}.login-fundo{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--azul-escuro),var(--azul));padding:20px}.login-caixa{background:var(--superficie);border-radius:12px;padding:28px;width:100%;max-width:390px;box-shadow:0 10px 40px #00000040}.login-caixa h1{margin:0 0 4px;font-size:19px}.login-caixa p.legenda{color:var(--suave);font-size:13px;margin:0 0 20px}.login-caixa .campo{margin-bottom:14px}.login-caixa .campo input{width:100%;min-width:0}.login-caixa button.principal{width:100%;margin-top:6px}.qr{display:block;margin:14px auto;width:190px;height:190px;background:#fff;padding:8px;border-radius:8px}.segredo{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all;background:var(--fundo);padding:8px 10px;border-radius:6px;border:1px solid var(--borda)}.rodape{color:var(--suave);font-size:11px;padding:6px 20px 24px}.vazio{color:var(--suave);text-align:center;padding:28px;font-size:13px}.carregando{color:var(--suave);font-size:13px;padding:8px 0}.selo{display:inline-block;font-size:11px;color:var(--suave);border:1px solid var(--borda);border-radius:999px;padding:2px 10px}.barra-sessao{background:var(--ambar);color:#000;text-align:center;padding:7px;font-size:13px;font-weight:600}
