:root{--fundo:#0a1020;--menu:#0d1528;--card:#0f1a30;--card-claro:#14213b;--borda:#1e2a44;--texto:#e6ebf5;--texto-fraco:#8a97b1;--azul:#2563eb;--azul-claro:#3b82f6;--azul-fundo:#13284f;--verde:#22c55e;--amarelo:#f59e0b;--vermelho:#ef4444;color:var(--texto);background:var(--fundo);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--fundo);margin:0}h1{margin:0 0 4px;font-size:1.55rem}h2{margin:0 0 6px;font-size:1.1rem}h3{margin:18px 0 8px;font-size:.95rem}p{margin:0 0 8px}a{color:var(--azul-claro)}button,input,select,textarea{font:inherit;color:inherit}.texto-fraco{color:var(--texto-fraco);font-size:.9rem}.bloco{display:block}.app{min-height:100vh;display:flex}.menu{background:var(--menu);border-right:1px solid var(--borda);flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.logo{border-bottom:1px solid var(--borda);align-items:center;gap:12px;padding:18px 16px;display:flex}.logo strong{font-size:1.1rem;display:block}.logo span{color:var(--texto-fraco);font-size:.85rem}.menu-links{flex-direction:column;gap:4px;padding:16px 10px;display:flex}.menu-links a{color:#c3cde0;border-radius:8px;align-items:center;gap:12px;padding:11px 14px;text-decoration:none;display:flex}.menu-links a:hover{background:#121e36}.menu-links a.active{background:var(--azul-fundo);color:#7fb0ff;font-weight:600}.menu-rodape{border-top:1px solid var(--borda);color:var(--texto-fraco);flex-direction:column;gap:8px;margin-top:auto;padding:16px;font-size:.82rem;display:flex}.menu-rodape a,.menu-rodape .link-acao{color:var(--texto-fraco);text-align:left;font-size:.82rem}.online:before{content:"";background:var(--verde);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.principal{flex-direction:column;flex:1;min-width:0;display:flex}.topo{border-bottom:1px solid var(--borda);background:var(--menu);z-index:5;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0}.botao-menu{border:1px solid var(--borda);cursor:pointer;background:0 0;border-radius:6px;padding:6px 10px;display:none}.busca-topo{background:var(--card-claro);border:1px solid var(--borda);max-width:680px;color:var(--texto-fraco);border-radius:8px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.busca-topo input{background:0 0;border:none;outline:none;flex:1;padding:10px 0}.filial{border:1px solid var(--borda);color:var(--texto-fraco);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;margin-left:auto;padding:0 0 0 12px;display:flex}.filial select{color:var(--texto);background:0 0;border:none;padding:9px 10px 9px 0;font-weight:600}.usuario{align-items:center;gap:10px;font-size:.85rem;display:flex}.usuario strong{display:block}.usuario span{color:var(--texto-fraco)}.avatar{background:#2a3a5c;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;color:var(--texto)!important;display:flex!important}.conteudo{width:100%;max-width:1500px;padding:24px}.titulo-pagina{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.titulo-pagina h2{margin:0}.subtitulo-secao{margin:24px 0 12px}.botoes{align-items:center;gap:10px;display:flex}.card{background:var(--card);border:1px solid var(--borda);border-radius:10px;margin-bottom:18px;padding:18px}.aviso-card{background:var(--card);border:1px dashed var(--borda);color:var(--texto-fraco);border-radius:10px;padding:18px}.botao{background:var(--azul);color:#fff;border:1px solid var(--azul);cursor:pointer;white-space:nowrap;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}.botao:hover{background:#1d4ed8}.botao:disabled{opacity:.5;cursor:default}.botao-claro{color:var(--texto);border-color:var(--borda);background:0 0}.botao-claro:hover{background:var(--card-claro)}.botao-perigo{color:#fca5a5;background:0 0;border-color:#7f1d1d}.botao-perigo:hover{background:#3b1111}.botao-pequeno{padding:5px 10px;font-size:.85rem}.botao-arquivo input{display:none}.link-acao{color:#7fb0ff;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.link-acao:hover{text-decoration:underline}.link-perigo{color:#fca5a5}.botao-fechar{cursor:pointer;color:var(--texto-fraco);background:0 0;border:none;font-size:1.6rem;line-height:1}.chip{color:#b8c4dc;background:#1a2744;border-radius:6px;padding:3px 10px;font-size:.85rem;display:inline-block}.chip-filtro button{cursor:pointer;color:var(--texto-fraco);background:0 0;border:none;margin-left:6px}.badge{white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-block}.badge-ok,.validade-ok,.pedido-recebido{color:#4ade80;background:#0f2e1d;border-color:#166534}.badge-baixo,.validade-vencendo,.pedido-aberto{color:#fbbf24;background:#33240a;border-color:#78350f}.badge-zerado,.validade-vencido{color:#fca5a5;background:#3b1111;border-color:#7f1d1d}.validade-sem_validade,.pedido-cancelado{color:var(--texto-fraco);background:#1a2744}.ean{color:#b8c4dc;font-family:Consolas,Courier New,monospace;font-size:.88rem}.erro{color:#fca5a5;background:#3b1111;border:1px solid #7f1d1d;border-radius:8px;padding:10px 12px}.sucesso{color:#4ade80;background:#0f2e1d;border:1px solid #166534;border-radius:8px;padding:10px 12px}.qtd-entrada{color:#4ade80;font-weight:600}.qtd-saida{color:#fca5a5;font-weight:600}input,select,textarea{border:1px solid var(--borda);background:var(--card-claro);border-radius:8px;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--azul);outline-offset:-1px}.input-pequeno{width:80px;padding:6px 8px}.filtros{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filtro-inline{color:var(--texto-fraco);align-items:center;gap:8px;display:flex}.tabela-container{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th{text-align:left;color:var(--texto-fraco);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--borda);white-space:nowrap;padding:12px 14px;font-size:.8rem;font-weight:600}td{border-bottom:1px solid var(--borda);padding:12px 14px}tbody tr:hover{background:#111d35}.tabela-compacta th,.tabela-compacta td{padding:7px 8px}.acoes{white-space:nowrap;gap:14px;display:flex}.celula-imagem{width:56px}.consulta{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}.consulta.com-detalhe{grid-template-columns:minmax(0,1fr) 520px}.painel-tabela{background:var(--card);border:1px solid var(--borda);border-radius:10px;overflow-x:auto}.painel-tabela>p{padding:18px}.tabela-produtos tbody tr{cursor:pointer}.tabela-produtos tr.selecionada,.tabela-produtos tr.selecionada:hover{background:var(--azul)}.tabela-produtos tr.selecionada td,.tabela-produtos tr.selecionada .ean{color:#fff}.detalhe{background:var(--card);border:1px solid var(--borda);border-radius:10px;max-height:calc(100vh - 100px);padding:22px;position:sticky;top:80px;overflow-y:auto}.detalhe-fechar{float:right;margin:-8px -6px 0 0}.detalhe section{border-top:1px solid var(--borda);margin-top:18px}.detalhe-topo{gap:20px;display:flex}.detalhe-info h2{margin:0 0 2px;font-size:1.3rem}.detalhe-marca{color:#b8c4dc;margin-bottom:8px;font-size:1.05rem;display:block}.detalhe-dados{flex-direction:column;gap:10px;margin:14px 0 0;display:flex}.detalhe-dados dt{color:var(--texto-fraco);font-size:.85rem}.detalhe-dados dd{margin:0;font-weight:600}.detalhe-dados small,.tabela-info small{color:var(--texto-fraco);font-weight:400}.detalhe-descricao{color:#c3cde0;white-space:pre-line;line-height:1.5}.tabela-info{grid-template-columns:140px 1fr;gap:6px 12px;margin:0 0 12px;font-size:.9rem;display:grid}.tabela-info dt{color:var(--texto-fraco)}.tabela-info dd{margin:0}.linha-info{display:contents}.lista-movs{margin:0;padding:0;font-size:.88rem;list-style:none}.lista-movs li{border-bottom:1px solid var(--borda);grid-template-columns:60px 1fr auto;gap:8px;padding:6px 0;display:grid}.detalhe-acoes{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.imagem-produto{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.imagem-produto img{object-fit:contain;max-width:100%;max-height:100%}.imagem-pequena{width:44px;height:44px;padding:3px}.imagem-grande{width:170px;height:210px;padding:10px}.sem-imagem{background:var(--card-claro);color:var(--texto-fraco)}.kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi{background:var(--card);border:1px solid var(--borda);border-left:4px solid var(--azul-claro);border-radius:10px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpi-amarelo{border-left-color:var(--amarelo)}.kpi-vermelho{border-left-color:var(--vermelho)}.kpi-titulo{color:var(--texto-fraco);font-size:.85rem}.kpi-valor{font-size:1.45rem}.kpi-detalhe{color:var(--texto-fraco);font-size:.8rem}.grade-inicio{grid-template-columns:2fr 1fr;gap:18px;display:grid}.grafico{height:300px}.abc{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px;display:grid}.abc-item{background:var(--card-claro);border-top:3px solid;border-radius:8px;flex-direction:column;gap:2px;padding:10px;font-size:.88rem;display:flex}.abc-A{border-top-color:var(--azul-claro)}.abc-B{border-top-color:#8b5cf6}.abc-C{border-top-color:#64748b}.mais-vendidos{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:.9rem;display:flex}.mais-vendidos li span{display:block}.form{flex-direction:column;gap:14px;display:flex}.form label{color:#b8c4dc;flex-direction:column;flex:1;gap:5px;font-size:.88rem;display:flex}.form-linha{gap:12px;display:flex}.form-botoes{justify-content:flex-end;gap:10px;display:flex}.campo-com-botao{gap:8px;display:flex}.campo-com-botao input{flex:1;min-width:0}.form-produto-topo{gap:18px;display:flex}.form-foto{flex-direction:column;align-items:center;gap:8px;display:flex}.form-campos{flex-direction:column;flex:1;gap:12px;display:flex}.grade-movimentar{grid-template-columns:3fr 2fr;gap:18px;display:grid}.grade-movimentar .card{margin-bottom:0}.grade-movimentar+.card{margin-top:18px}.picker{position:relative}.picker input{width:100%}.picker-lista{z-index:20;background:var(--card-claro);border:1px solid var(--borda);border-radius:8px;max-height:340px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.picker-lista button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6px;display:flex}.picker-lista button:hover{background:var(--azul-fundo)}.picker-lista small{color:var(--texto-fraco);display:block}.picker-selecionado{background:var(--card-claro);border:1px solid var(--borda);color:var(--texto);border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.picker-selecionado div{flex-direction:column;flex:1;display:flex}.scanner{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.scanner video{background:#000;border-radius:8px;width:100%;max-height:260px}.lista-pedidos{margin:0;padding:0;list-style:none}.lista-pedidos li{border-bottom:1px solid var(--borda)}.pedido-linha{text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:60px 2fr 1.2fr 1.2fr 1.3fr 1fr;align-items:center;gap:10px;width:100%;padding:12px 6px;display:grid}.pedido-linha:hover{background:#111d35}.pedido-detalhe{padding:4px 6px 16px}.modal-fundo{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--borda);border-radius:10px;width:100%;max-width:760px;max-height:92vh;padding:22px;overflow-y:auto}.modal-topo{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-topo h2{margin:0}@media (width<=1200px){.consulta.com-detalhe{grid-template-columns:1fr}.detalhe{max-height:none;position:static}.grade-inicio,.grade-movimentar{grid-template-columns:1fr}}@media (width<=900px){.menu{z-index:40;transition:left .2s;position:fixed;left:-280px}.menu-aberto{left:0}.botao-menu{display:block}.usuario{display:none}.topo{flex-wrap:wrap;padding:10px 16px}.conteudo{padding:18px 16px}.form-linha,.form-produto-topo,.detalhe-topo{flex-direction:column}.pedido-linha{grid-template-columns:50px 1fr auto}.pedido-linha span:nth-child(3),.pedido-linha span:nth-child(4){display:none}}@media (width<=560px){.busca-topo{flex-basis:100%;order:3}.filial{margin-left:auto}.abc{grid-template-columns:1fr}.imagem-grande{width:100%}}