*{box-sizing:border-box}:root{--bg: #0f172a;--panel: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--azul: #3b82f6;--verde: #16a34a;--vermelho: #dc2626;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text)}input,button{font-family:inherit}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:2.5rem;width:320px;display:flex;flex-direction:column;gap:.5rem}.login-card h1{margin:0;font-size:1.5rem}.subtitle{margin:0 0 1rem;color:var(--muted)}.login-card label{font-size:.85rem;color:var(--muted);margin-top:.5rem}.login-card input{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.6rem .75rem;border-radius:8px;font-size:1rem}.login-card button{margin-top:1.25rem;background:var(--azul);color:#fff;border:none;padding:.7rem;border-radius:8px;font-size:1rem;cursor:pointer}.login-card button:disabled{opacity:.6;cursor:default}.alert{padding:.6rem .75rem;border-radius:8px;font-size:.9rem}.alert-erro{background:#dc262626;color:#fca5a5;border:1px solid rgba(220,38,38,.4)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.9rem 1.5rem;background:var(--panel);border-bottom:1px solid var(--border)}.brand{font-weight:700;font-size:1.1rem}.topbar nav{display:flex;gap:1rem;flex:1}.topbar nav a{color:var(--muted);text-decoration:none;padding:.4rem .6rem;border-radius:6px}.topbar nav a.active{color:var(--text);background:#3b82f626}.btn-link{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.9rem}.btn-link:hover{color:var(--text)}main{flex:1;padding:1.5rem}.bipagem-page{max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.feedback-banner{min-height:100px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;background:var(--panel);border:1px solid var(--border);transition:background .15s,border-color .15s}.feedback-banner.show.sucesso{background:#16a34a33;border-color:var(--verde)}.feedback-banner.show.erro{background:#dc262633;border-color:var(--vermelho)}.feedback-titulo{font-size:1.4rem;font-weight:700}.feedback-detalhe{color:var(--muted);margin-top:.25rem}.scan-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.6rem}.scan-box label{color:var(--muted);font-size:.9rem}.scan-box input{font-size:1.4rem;letter-spacing:.05em;padding:.9rem 1rem;background:#0f172a;border:2px solid var(--azul);color:var(--text);border-radius:10px;text-align:center}.scan-box input:disabled{opacity:.6}.processando{text-align:center;color:var(--muted)}.modo-tabs{display:flex;gap:.5rem}.modo-tabs button{flex:1;background:var(--panel);border:1px solid var(--border);color:var(--muted);padding:.6rem;border-radius:8px;cursor:pointer;font-size:.9rem}.modo-tabs button.active{color:var(--text);border-color:var(--azul);background:#3b82f626}.btn-camera{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.7rem;border-radius:10px;font-size:1rem;cursor:pointer}.btn-camera:disabled{opacity:.5;cursor:default}.btn-camera:not(:disabled):hover{border-color:var(--azul)}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:100;display:flex;flex-direction:column}.camera-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--panel);color:var(--text)}.camera-header button{background:var(--vermelho);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;cursor:pointer}.camera-viewport{flex:1}.camera-viewport video{width:100%;height:100%;object-fit:cover}.camera-dica{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;background:#0f172ae6;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.75rem 1rem;font-size:.9rem;text-align:center}.lista-recentes{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem}.lista-recentes h2{font-size:1rem;margin:0 0 .75rem;color:var(--muted)}.lista-recentes ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:320px;overflow-y:auto}.lista-recentes li{display:flex;gap:.75rem;font-size:.9rem;padding:.4rem .5rem;border-radius:6px}.lista-recentes li.ok{background:#16a34a1a}.lista-recentes li.falha{background:#dc26261a}.lista-recentes .hora{color:var(--muted);width:5.5rem}.lista-recentes .chave{font-family:monospace;width:6rem}.lista-recentes .msg{flex:1;color:var(--text)}.vazio{color:var(--muted)}.historico-page{max-width:960px;margin:0 auto}.historico-filtros{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.historico-filtros input,.historico-filtros select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.4rem .6rem;border-radius:6px}.historico-filtros .limite-label{margin-left:.5rem}.historico-total{margin-left:auto;color:var(--muted);font-size:.85rem}.historico-paginacao{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;color:var(--muted);font-size:.9rem}.historico-paginacao button{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.4rem .8rem;border-radius:6px;cursor:pointer}.historico-paginacao button:disabled{opacity:.4;cursor:default}.tabela-historico{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabela-historico th,.tabela-historico td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.tabela-historico th{color:var(--muted);font-weight:600}.tabela-historico .mono{font-family:monospace}.badge{padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-sucesso{background:#16a34a33;color:#86efac}.badge-erro{background:#dc262633;color:#fca5a5}.badge-duplicado{background:#eab30833;color:#fde047}.config-page{max-width:900px;margin:0 auto}.config-page .subtitle{color:var(--muted);margin-bottom:1.25rem}.tabela-config{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabela-config th,.tabela-config td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.9rem}.tabela-config th{color:var(--muted);font-weight:600}.tabela-config tr.ativo{background:#16a34a14}.tabela-config select{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.3rem .5rem;border-radius:6px;min-width:220px}.tabela-config input[type=checkbox]{width:1.1rem;height:1.1rem}.notas-page{max-width:1100px;margin:0 auto}.notas-page .subtitle{color:var(--muted);margin:1rem 0;font-size:.9rem}.notas-topo{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.notas-poller{display:flex;align-items:center;gap:1.25rem;font-size:.9rem}.notas-poller label{display:flex;align-items:center;gap:.4rem}.intervalo-label input{width:3.5rem;background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.3rem .4rem;border-radius:6px;margin:0 .3rem}.notas-acoes{display:flex;gap:.6rem}.notas-acoes button{background:var(--azul);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem}.notas-acoes button:disabled{opacity:.6;cursor:default}.notas-filtros{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.notas-busca{display:flex;align-items:center;gap:.6rem;flex:1;min-width:260px}.notas-busca input{flex:1;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.6rem .9rem;border-radius:8px;font-size:.95rem}.notas-busca input:focus{outline:none;border-color:var(--azul)}.notas-periodo{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--muted)}.notas-periodo label{display:flex;align-items:center;gap:.4rem}.notas-periodo input[type=date]{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.45rem .6rem;border-radius:8px;font-size:.9rem}.notas-periodo input[type=date]:focus{outline:none;border-color:var(--azul)}.notas-select-filtros{display:flex;align-items:center;gap:.6rem}.notas-select-filtros select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.45rem .6rem;border-radius:8px;font-size:.85rem;max-width:220px}.notas-select-filtros select:focus{outline:none;border-color:var(--azul)}.notas-mensagem{margin-top:1rem;padding:.7rem 1rem;background:#3b82f626;border:1px solid var(--azul);border-radius:8px;font-size:.9rem}.tabela-notas{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tabela-notas th,.tabela-notas td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.85rem}.tabela-notas th{color:var(--muted);font-weight:600}.tabela-notas .muted{color:var(--muted);font-style:italic}.tabela-notas .col-checkbox{width:2.5rem;text-align:center}.tabela-notas .col-checkbox input{width:1.05rem;height:1.05rem;cursor:pointer}.tabela-notas tr.selecionado{background:#3b82f61f}.tabela-notas th .btn-ordenar{margin-left:.3rem;padding:0 .35rem;font-size:.7rem;line-height:1.4;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer}.tabela-notas th .btn-ordenar:hover{color:inherit;border-color:var(--muted)}.tabela-notas .col-situacao select{font-size:.85rem;padding:.25rem .4rem;border-radius:6px;border:1px solid var(--border);background:var(--panel);color:inherit;max-width:12rem}.tabela-notas .col-situacao select:disabled{opacity:.6}.tabela-notas .situacao-status{display:block;color:var(--muted);font-size:.72rem;margin-top:.15rem}.recebimento-page{max-width:1100px;margin:0 auto}.recebimento-page h1{margin-bottom:.25rem}.recebimento-page h2{margin:1.5rem 0 .75rem;font-size:1.05rem}.recebimento-page .subtitle{color:var(--muted);margin:.25rem 0 .75rem;font-size:.9rem}.recebimento-topo{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.btn-primario,.btn-secundario,.btn-sucesso,.btn-erro{border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;text-decoration:none;display:inline-block}.btn-primario{background:var(--azul);color:#fff}.btn-secundario{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn-sucesso{background:var(--verde);color:#fff}.btn-erro{background:var(--vermelho);color:#fff}.btn-primario:disabled,.btn-secundario:disabled,.btn-sucesso:disabled,.btn-erro:disabled{opacity:.6;cursor:default}.cards-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.25rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.card-valor{font-size:1.8rem;font-weight:700}.card-label{color:var(--muted);font-size:.85rem}.card-ok .card-valor{color:var(--verde)}.card-erro .card-valor{color:var(--vermelho)}.recebimento-filtros{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.recebimento-filtros input[type=text],.recebimento-filtros select{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.5rem .7rem;border-radius:8px;font-size:.85rem}.recebimento-filtros label{display:flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem}.recebimento-filtros input[type=date]{background:var(--panel);border:1px solid var(--border);color:var(--text);padding:.4rem .5rem;border-radius:8px}.recebimento-mensagem{margin:1rem 0;padding:.7rem 1rem;background:#3b82f626;border:1px solid var(--azul);border-radius:8px;font-size:.9rem}.tabela-recebimento{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:1rem}.tabela-recebimento th,.tabela-recebimento td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--border);font-size:.85rem}.tabela-recebimento th{color:var(--muted);font-weight:600}.tabela-recebimento input,.tabela-recebimento select{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.3rem .4rem;border-radius:6px;font-size:.82rem;width:100%;box-sizing:border-box}.tabela-recebimento button{background:var(--azul);color:#fff;border:none;padding:.35rem .6rem;border-radius:6px;cursor:pointer;font-size:.8rem}.tabela-recebimento button:disabled{opacity:.6;cursor:default}.status-badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600}.status-badge.status-recebido{background:#94a3b833;color:var(--muted)}.status-badge.status-analisando{background:#3b82f633;color:#93c5fd}.status-badge.status-aprovado{background:#16a34a33;color:#86efac}.status-badge.status-rejeitado{background:#dc262633;color:#fca5a5}.status-badge.status-armazenado{background:#16a34a33;color:#86efac}.status-badge.status-reservado{background:#eab30833;color:#fde68a}.status-badge.status-despachado{background:#3b82f633;color:#93c5fd}.motivo-rejeicao{color:#fca5a5;margin-top:.5rem}.form-recebimento{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.form-recebimento label{display:flex;flex-direction:column;gap:.3rem;color:var(--muted);font-size:.85rem;margin-bottom:.75rem}.form-recebimento input,.form-recebimento textarea{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.5rem .6rem;border-radius:8px;font-size:.9rem}.form-recebimento .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.form-recebimento .campo-com-botao{display:flex;gap:.5rem}.form-recebimento .campo-com-botao input{flex:1}.form-recebimento .campo-com-botao button{white-space:nowrap}.form-recebimento .campo-opcional{font-weight:400;text-transform:none;opacity:.7}.form-recebimento h2{font-size:1rem;margin:1rem 0 .5rem}.form-recebimento .linha-item{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;align-items:center;margin-bottom:.5rem}.form-recebimento .linha-item input{margin:0}.form-recebimento>button[type=submit]{margin-top:1rem;background:var(--azul);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem}.form-recebimento>button[type=submit]:disabled{opacity:.6;cursor:default}.form-checklist{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.checklist-categoria{font-size:.9rem;color:var(--azul);margin:1.25rem 0 .5rem;border-bottom:1px solid var(--border);padding-bottom:.4rem}.checklist-categoria:first-of-type{margin-top:0}.checklist-item{padding:.75rem 0;border-bottom:1px solid var(--border)}.checklist-item:last-of-type{border-bottom:none}.checklist-item p{margin:0 0 .35rem}.checklist-aspecto{font-weight:600}.checklist-criterio{color:var(--muted);font-size:.82rem}.checklist-opcoes{display:flex;gap:1.25rem;margin:.5rem 0}.checklist-opcoes label{display:flex;flex-direction:row;align-items:center;gap:.4rem;color:var(--text);font-size:.85rem}.checklist-campos-extra{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.checklist-campos-extra input{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.4rem .55rem;border-radius:6px;font-size:.82rem}.checklist-resumo-live{display:flex;gap:1.5rem;background:#0f172a;border:1px solid var(--border);border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.form-checklist input[type=file]{margin-top:.75rem;color:var(--muted)}.checklist-item-resumo{padding:.6rem 0;border-bottom:1px solid var(--border)}.checklist-item-resumo:last-of-type{border-bottom:none}.checklist-item-resumo strong{display:block;margin:.35rem 0 .15rem}.checklist-detalhe{color:var(--muted);font-size:.82rem;margin:.15rem 0}.status-badge.status-situacao-c{background:#16a34a33;color:#86efac}.status-badge.status-situacao-nc{background:#dc262633;color:#fca5a5}.status-badge.status-situacao-na{background:#94a3b833;color:var(--muted)}.form-checklist>button[type=submit]{margin-top:1rem;background:var(--verde);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.9rem}.form-checklist>button[type=submit]:disabled{opacity:.6;cursor:default}.checklist-resumo{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.checklist-resumo ul{padding-left:1.2rem}.checklist-foto{max-width:220px;border-radius:8px;margin-top:.75rem;display:block}.recebimento-finalizar{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-top:1rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.recebimento-finalizar h2{margin:0;width:100%}.rejeitar-linha{display:flex;gap:.5rem;align-items:center}.rejeitar-linha input{background:#0f172a;border:1px solid var(--border);color:var(--text);padding:.5rem .6rem;border-radius:8px;font-size:.85rem;min-width:220px}.tabela-notas .situacao-erro{display:block;color:#dc2626;font-size:.72rem;margin-top:.15rem;max-width:14rem;white-space:normal}