:root{--teal:#0f766e;--teal-claro:#f0fdfa;--texto:#1e293b;--texto-fraco:#64748b;--borda:#cbd5e1;--borda-clara:#e2e8f0;--fundo:#f8fafc;--caixa:#f1f5f9;--verde:#16a34a;--ambar:#d97706;--ambar-claro:#f59e0b;--vermelho:#dc2626}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer}input{font:inherit}.pagina{padding:24px 32px}.painel{border-top:4px solid var(--teal);background:#fff;border-radius:12px;padding:24px;transition:background-color .1s;box-shadow:0 10px 15px -3px #0000001a}.painel-piscando{background:#fecaca}.painel-cabecalho{border-bottom:2px solid var(--teal-claro);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.painel-cabecalho h1{color:var(--teal);margin:0;font-size:1.5rem}.painel-acoes{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.campo-pequeno{color:var(--texto-fraco);text-transform:uppercase;flex-direction:column;font-size:9px;font-weight:900;display:flex}.campo-pequeno input{height:35px;color:var(--texto);border:1px solid #ccc;border-radius:5px;padding:0 6px;font-size:13px;font-weight:400}.botao{color:#fff;white-space:nowrap;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:35px;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.botao-primario{background:var(--teal)}.botao-escuro{background:#34495e}.botao-envio{background:var(--ambar)}.modo{border:2px solid var(--borda);background:var(--caixa);color:#334155;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;height:35px;padding:4px 8px;font-size:11px;font-weight:900;display:flex}.modo-ponto{background:var(--teal);border-radius:50%;width:10px;height:10px}.modo-local{border-color:var(--ambar-claro);color:#92400e;background:#fef3c7;box-shadow:0 0 0 3px #f59e0b26}.modo-local .modo-ponto{background:var(--ambar-claro)}.modo-pendentes{background:var(--ambar-claro);color:#fff;text-align:center;border-radius:20px;min-width:18px;padding:1px 6px;font-size:9px}.contadores{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;margin-bottom:24px;display:grid}.contador{border:1px solid var(--borda-clara);background:var(--fundo);border-left-width:5px;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:15px;display:flex}.contador-rotulo{color:#666;text-transform:uppercase;font-size:.8rem}.contador-valor{font-size:2rem}.contador-total{border-left-color:var(--teal)}.contador-ok{border-left-color:var(--verde)}.contador-ok .contador-valor{color:var(--verde)}.contador-duplicado{border-left-color:var(--ambar)}.contador-duplicado .contador-valor{color:var(--ambar)}.contador-cancelado{border-left-color:var(--vermelho)}.contador-cancelado .contador-valor{color:var(--vermelho)}.area-acoes{grid-template-columns:1fr 1fr;align-items:start;gap:20px;margin-bottom:20px;display:grid}.coluna-leitor{flex-direction:column;gap:12px;min-width:0;display:flex}.caixa{border:1px solid var(--borda);background:var(--caixa);border-radius:8px;flex-direction:column;gap:10px;padding:20px;display:flex}.caixa-titulo{color:var(--teal);font-weight:700}.caixa input[type=text]{border:1px solid #ccc;border-radius:5px;width:100%;padding:10px}.caixa hr{border:0;border-top:1px solid #ddd;width:100%}.cancelados{align-items:stretch;gap:8px;display:flex}.cancelados-total{border:1px solid var(--borda);background:var(--caixa);text-align:center;border-radius:8px;flex-direction:column;flex-shrink:0;min-width:90px;padding:10px;display:flex}.cancelados-total small{color:var(--texto-fraco);text-transform:uppercase;font-size:9px;font-weight:900}.cancelados-total strong{color:var(--vermelho);font-size:26px;line-height:1.2}.cancelados-lista{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;flex:1;min-width:0;padding:8px 10px}.cancelados-lista small{color:var(--vermelho);text-transform:uppercase;font-size:9px;font-weight:900}.cancelados-lista ul{max-height:80px;margin:3px 0 0;padding:0;list-style:none;overflow-y:auto}.cancelados-lista li{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.antecipada{border:2px solid var(--ambar-claro);color:#92400e;letter-spacing:.5px;text-transform:uppercase;background:#fffbeb;border-radius:8px;padding:11px;font-size:12px;font-weight:900}.antecipada-ligada{background:var(--ambar-claro);color:#fff;border-color:#b45309}.antecipada-aviso{background:var(--ambar-claro);color:#fff;border-radius:6px;margin:0;padding:8px 10px;font-size:11px;font-weight:800;line-height:1.5}.camera{border-radius:8px;width:100%;display:none;overflow:hidden}.camera-ligada{display:block}.caixa input.leitor-campo{text-align:center;background:#e0f2fe;border:2px solid #3b82f6;font-weight:700}.caixa input.leitor-local{border-color:var(--ambar-claro);background:#fef9c3}.caixa input.leitor-bloqueado{border-color:var(--vermelho);background:#fecaca}.caixa input.leitor-piscando{background:#fca5a5}.nao-gravado{border:2px solid var(--vermelho);color:var(--vermelho);word-break:break-all;background:#fef2f2;border-radius:8px;margin:0;padding:12px 14px;font-weight:800}.resumo{border:1px solid var(--borda);border-left:5px solid var(--teal);background:#fff;border-radius:8px;padding:16px}.resumo-sem-venda{border-color:var(--ambar-claro);color:#92400e;background:#fffbeb}.resumo-sem-venda h3{margin:0 0 6px}.resumo-sem-venda p{margin:4px 0}.resumo-codigo{word-break:break-all;font-weight:800}.resumo-cabecalho{align-items:center;gap:14px;display:flex}.resumo-logo{object-fit:contain;flex-shrink:0;width:44px;height:44px}.resumo-cabecalho dl{flex-wrap:wrap;gap:8px 20px;margin:0;display:flex}.resumo-cabecalho dt{color:var(--texto-fraco);text-transform:uppercase;font-size:9px;font-weight:900}.resumo-cabecalho dd{margin:0;font-weight:700}.resumo-aviso{color:#92400e;background:#fef3c7;border-radius:6px;margin:12px 0 0;padding:8px 10px;font-size:13px;font-weight:700}.resumo-itens{border-collapse:collapse;width:100%;margin-top:12px;font-size:13px}.resumo-itens th{border-bottom:2px solid var(--borda-clara);color:var(--texto-fraco);text-align:left;padding:6px 8px;font-size:11px}.resumo-itens td{border-bottom:1px solid var(--borda-clara);padding:6px 8px}.resumo-itens tfoot td{border-bottom:0;font-weight:800}.resumo-componente td{color:var(--texto-fraco)}.numero{text-align:right}.selo{color:#92400e;background:#fef3c7;border-radius:10px;margin-left:8px;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.abas{border-bottom:2px solid var(--borda-clara);gap:10px;margin-top:20px;display:flex}.aba{background:var(--caixa);color:var(--texto-fraco);border:0;border-radius:8px 8px 0 0;padding:10px 20px;font-size:11px;font-weight:900}.aba-ativa{background:var(--teal);color:#fff}.lista{border:1px solid var(--borda-clara);border-top:0;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto}.lista table{border-collapse:collapse;width:100%}.lista th{background:var(--teal);color:#fff;text-align:left;padding:12px;position:sticky;top:0}.lista td{border-bottom:1px solid #eee;padding:10px 12px}.lista .centro{text-align:center}.lista-codigo{word-break:break-all;font-weight:700}.linha-clicavel{cursor:pointer}.linha-clicavel:hover{background:var(--fundo)}.status{font-weight:700}.status-confirmado{color:var(--verde)}.status-duplicado{color:var(--ambar)}.status-cancelado,.status-excluido{color:var(--vermelho)}.excluir{color:var(--vermelho);background:0 0;border:0;font-size:18px;font-weight:700}.banner{z-index:10;color:#fff;text-align:center;padding:12px 20px;font-size:14px;font-weight:900;position:sticky;top:0}.banner-offline{background:var(--vermelho)}.banner-som{background:#7c2d12}.banner-local{background:linear-gradient(90deg, var(--ambar-claro), var(--ambar))}.modal-fundo{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fff;border:5px solid;border-radius:18px;width:100%;max-width:480px;padding:36px 30px;box-shadow:0 25px 60px #0009}.modal h2{margin:0 0 10px;font-size:24px;font-weight:900}.modal p{color:var(--texto-fraco);margin:0 0 14px;font-size:14px}.modal button{color:#fff;letter-spacing:1px;text-transform:uppercase;border:0;border-radius:10px;width:100%;padding:16px 24px;font-size:15px;font-weight:900}.modal-icone{margin-bottom:8px;font-size:64px;line-height:1}.modal-codigo{max-width:100%;color:var(--texto);letter-spacing:1px;word-break:break-all;border:2px solid;border-radius:8px;margin-bottom:14px;padding:10px 16px;font-size:18px;font-weight:900;display:inline-block}.modal-duplicata{border-color:var(--ambar);animation:.6s infinite alternate pulsar}.modal-duplicata h2{color:var(--ambar)}.modal-duplicata .modal-codigo{border-color:var(--ambar);background:#fef9c3}.modal-duplicata button{background:var(--ambar)}.modal-erro{border-color:var(--vermelho)}.modal-erro h2{color:var(--vermelho)}.modal-erro .modal-codigo{border-color:var(--vermelho);background:#fef2f2}.modal-erro button{background:var(--vermelho)}.modal p.modal-motivo{color:var(--vermelho);font-weight:700}.modal-lista{text-align:left;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:20px;padding:14px 20px}.modal-lista p{color:#991b1b;margin:0 0 6px;font-weight:700}.modal-lista ul{color:var(--vermelho);margin:0;padding-left:18px;font-weight:700;line-height:2}.modal-enviando{border-color:var(--teal)}.modal-enviando h2{color:var(--teal)}.progresso{background:var(--borda-clara);border-radius:999px;height:16px;margin:20px 0 10px;overflow:hidden}.progresso-barra{background:linear-gradient(90deg, var(--teal), #14b8a6);border-radius:999px;height:100%;transition:width .3s}.modal p.progresso-texto{color:var(--teal);margin:0;font-weight:700}@keyframes pulsar{0%{box-shadow:0 25px 60px #0009,0 0 #d97706b3}to{box-shadow:0 25px 60px #0009,0 0 0 18px #d9770600}}@media (prefers-reduced-motion:reduce){.modal-duplicata{animation:none}}@media (width<=768px){.pagina{padding:12px}.painel{padding:16px}.area-acoes{grid-template-columns:minmax(0,1fr)}}.titulo{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.usuario{color:var(--texto-fraco);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.sair{border:1px solid var(--borda);color:var(--texto);background:#fff;border-radius:5px;padding:4px 10px;font-size:12px}.login{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login form{border-top:5px solid var(--teal);background:#fff;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 10px 25px #0000001f}.login h1{color:var(--teal);text-align:center;margin:0;font-size:1.4rem}.login p{color:var(--texto-fraco);text-align:center;margin:0;font-size:13px}.login label{color:var(--texto);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.login input{border:1px solid var(--borda);border-radius:6px;padding:12px}.login button{background:var(--teal);color:#fff;text-transform:uppercase;border:0;border-radius:6px;padding:13px;font-weight:900}.login button:disabled{opacity:.6}.login .login-erro{color:var(--vermelho);background:#fef2f2;border-radius:6px;padding:8px 10px;font-weight:700}.login .login-aviso{color:#92400e;background:#fef3c7;border-radius:6px;padding:8px 10px;font-weight:700}.relatorio{margin:15px;font-family:Arial,sans-serif;font-size:10px}.relatorio h1{text-align:center;margin-bottom:8px;font-size:15px}.relatorio-erro{color:var(--vermelho);margin:24px;font-weight:700}.relatorio-cabecalho{border-bottom:1px solid #ccc;flex-wrap:wrap;gap:20px;margin:0 0 12px;padding-bottom:8px;display:flex}.relatorio-cabecalho dt{color:#888;text-transform:uppercase;font-size:8px;font-weight:700}.relatorio-cabecalho dd{color:#000;margin:0;font-size:11px;font-weight:700}.relatorio-tabela{border-collapse:collapse;table-layout:auto;width:100%}.relatorio-tabela thead tr{color:#fff;background:#000}.relatorio-tabela th{white-space:nowrap;border:1px solid #555;padding:4px 6px;font-size:9px}.relatorio-tabela td{word-break:break-all;border:1px solid #d1d5db;padding:2px 6px;font-size:9px}.relatorio-tabela tbody tr:nth-child(2n) td{background:#eee}.relatorio-codigo{font-weight:700}.relatorio-rodape{margin-top:20px}.relatorio-assinatura{color:#333;text-align:center;width:300px;margin:0 auto}.relatorio-linha{border-bottom:2px solid #000;height:30px;margin-bottom:6px}@media print{@page{size:A4 landscape;margin:6mm 5mm}body{background:#fff}.relatorio{margin:0;font-size:7.5px}.relatorio h1{font-size:11px}.relatorio-tabela thead{display:table-header-group}.relatorio-tabela thead tr,.relatorio-tabela tbody tr:nth-child(2n) td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.relatorio-rodape{page-break-inside:avoid;margin-top:10px}}
