:root{--fundo: #F7F6FB;--cartao: #FFFFFF;--texto: #1A1530;--suave: #6B6880;--borda: #E4E1EE;--principal: #6D3FE0;--principal-claro: #EDE9FE;--salvar: #16A34A;--perigo: #DC2626;--entrou-fundo: #DCFCE7;--entrou-texto: #166534;--saiu-fundo: #FEE2E2;--saiu-texto: #991B1B;--sobrou-fundo: #EDE9FE;--sobrou-texto: #4C1D95;--aviso-fundo: #FEF9C3;--aviso-texto: #854D0E;--raio: 14px;--altura-abas: 68px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--fundo);color:var(--texto);font-family:Lexend,system-ui,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}button{min-height:48px;border:0;border-radius:var(--raio);background:var(--cartao);cursor:pointer}button:disabled{opacity:.45;cursor:default}input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--borda);border-radius:var(--raio);background:var(--cartao)}input:focus,button:focus-visible{outline:3px solid var(--principal-claro);outline-offset:1px}h1,h2,h3{margin:0}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--altura-abas) + 16px + env(safe-area-inset-bottom))}.faixa-demo{background:var(--principal);color:#fff;font-size:13px;text-align:center;padding:6px 12px}.faixa-demo.alerta{background:var(--perigo)}.topo{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--fundo);border-bottom:1px solid var(--borda)}.topo-loja{display:flex;align-items:center;gap:6px;padding:0 12px;background:transparent;font-weight:700;font-size:18px}.topo-perfil{width:48px;border-radius:50%;background:var(--principal);color:#fff;font-weight:700}.menu-fundo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.menu{position:absolute;top:60px;z-index:31;min-width:240px;max-width:calc(100vw - 32px);padding:6px;background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:0 10px 30px #1a153026}.menu.esquerda{left:16px}.menu.direita{right:16px}.menu-titulo{padding:8px 12px 4px;font-size:13px;color:var(--suave)}.menu button{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent}.menu button.ativo{background:var(--principal-claro);font-weight:600}.menu small{display:block;color:var(--suave);font-size:13px}.conteudo{padding:16px;display:grid;gap:16px}.abas{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:center;background:var(--cartao);border-top:1px solid var(--borda);padding-bottom:env(safe-area-inset-bottom)}.abas-dentro{display:flex;width:100%;max-width:480px}.aba{position:relative;flex:1;height:var(--altura-abas);display:grid;place-content:center;gap:2px;border-radius:0;background:transparent;color:var(--suave);font-size:12px}.aba span:first-child{font-size:22px;line-height:1}.aba.ativa{color:var(--principal);font-weight:700}.selo-numero{position:absolute;top:8px;left:calc(50% + 8px);min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--perigo);color:#fff;font-size:12px;line-height:20px}.aviso-rodape{position:fixed;left:50%;bottom:calc(var(--altura-abas) + 12px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:60;width:min(448px,calc(100vw - 32px));display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:var(--raio);background:var(--texto);color:#fff;box-shadow:0 10px 30px #1a153040}.aviso-rodape p{flex:1;margin:0;font-size:14px}.aviso-rodape button{background:transparent;color:#c4b5fd;font-weight:700;padding:0 12px}.cartao{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:16px}.titulo-secao{font-size:15px;font-weight:600;color:var(--suave);margin-bottom:8px}.rotulo{font-size:13px;color:var(--suave)}.texto-suave{color:var(--suave);font-size:14px}.botao-principal{width:100%;background:var(--principal);color:#fff;font-weight:700}.botao-salvar{width:100%;min-height:56px;background:var(--salvar);color:#fff;font-weight:700;font-size:18px}.botao-secundario{width:100%;background:var(--principal-claro);color:var(--principal);font-weight:600}.botao-perigo{width:100%;background:var(--saiu-fundo);color:var(--saiu-texto);font-weight:600}.botao-link{min-height:0;padding:0;background:transparent;color:var(--principal);font-weight:600;text-decoration:underline}.pilulas{display:flex;flex-wrap:wrap;gap:8px}.pilula{min-height:44px;padding:0 16px;border-radius:999px;background:var(--cartao);border:1px solid var(--borda)}.pilula.ativa{background:var(--principal);border-color:var(--principal);color:#fff;font-weight:600}.faixa-aviso{padding:12px 14px;border-radius:var(--raio);background:var(--aviso-fundo);color:var(--aviso-texto);font-size:14px}.vazio{text-align:center;color:var(--suave);padding:24px 8px}.grade-botoes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.botao-venda{min-height:76px;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;border:1px solid var(--borda)}.botao-venda.destaque{background:var(--principal);border-color:var(--principal);color:#fff}.botao-venda.destaque small{color:#ddd6fe}.botao-venda.outros{background:var(--principal-claro);border-color:transparent;color:var(--principal)}.botao-venda-texto{display:grid;gap:2px}.botao-venda-texto strong{font-size:16px;line-height:1.2}.botao-venda-texto small{font-size:14px;color:var(--suave)}.miniatura{flex:none;border-radius:10px;object-fit:cover;background:var(--principal-claro)}.miniatura.icone{display:grid;place-items:center}.painel-fundo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1a153073}.painel{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:51;width:min(480px,100vw);max-height:92dvh;overflow-y:auto;display:grid;gap:14px;padding:20px 16px calc(16px + env(safe-area-inset-bottom));background:var(--cartao);border-radius:22px 22px 0 0;animation:subir .18s ease-out}@keyframes subir{0%{transform:translate(-50%,30px);opacity:0}}.painel-titulo{font-size:20px;text-align:center}.contador{display:flex;align-items:center;justify-content:center;gap:28px}.contador-botao{width:56px;height:56px;border-radius:50%;background:var(--principal-claro);color:var(--principal);font-size:30px;line-height:1}.contador-numero{min-width:56px;text-align:center;font-size:44px;font-weight:700}.preco-cada{margin:0;text-align:center;color:var(--suave)}.pilulas.centro{justify-content:center}.botao-cancelar{background:transparent;color:var(--suave)}.campo{display:grid;gap:6px}.erro{color:var(--perigo);font-size:14px}.tela-cheia{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;overflow-y:auto;background:var(--fundo)}.tela-cheia-topo{position:sticky;top:0;display:flex;gap:8px;max-width:480px;margin:0 auto;padding:12px 16px;background:var(--fundo);border-bottom:1px solid var(--borda)}.tela-cheia-topo .fechar{width:auto;padding:0 16px}.lista{list-style:none;margin:0 auto;padding:8px 16px 24px;max-width:480px;display:grid;gap:8px}.linha-lista{width:100%;display:flex;align-items:center;gap:12px;padding:8px 12px;text-align:left;border:1px solid var(--borda)}.linha-texto{display:grid;gap:2px;flex:1}.linha-texto small{color:var(--suave);font-size:14px}.cartoes-resumo{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 359px){.cartoes-resumo{grid-template-columns:1fr}}.resumo{display:grid;gap:4px;padding:12px;border-radius:var(--raio)}.resumo span{font-size:13px}.resumo strong{font-size:18px;letter-spacing:-.02em}.resumo.entrou{background:var(--entrou-fundo);color:var(--entrou-texto)}.resumo.saiu{background:var(--saiu-fundo);color:var(--saiu-texto)}.resumo.sobrou{background:var(--sobrou-fundo);color:var(--sobrou-texto)}.resumo.grande{text-align:center;padding:20px}.resumo.grande strong{font-size:32px}.linha-pagamentos{margin:-6px 0 0;text-align:center}.barras{display:grid;gap:10px}.barra-linha{display:grid;grid-template-columns:34% 1fr auto;align-items:center;gap:8px;font-size:14px}.barra-nome{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-trilho{height:14px;border-radius:7px;background:var(--fundo);overflow:hidden}.barra{display:block;height:100%;border-radius:7px;background:var(--principal)}.barra-valor{font-size:13px}.lista-vendas{list-style:none;margin:0;padding:0;display:grid}.venda-linha{width:100%;display:flex;align-items:center;gap:12px;padding:10px 4px;border-radius:0;border-bottom:1px solid var(--borda);background:transparent;text-align:left}.lista-vendas li:last-child .venda-linha{border-bottom:0}.venda-hora{color:var(--suave);font-size:14px;min-width:44px}.confirmar{display:grid;gap:10px;padding:12px;border-radius:var(--raio);background:var(--saiu-fundo)}.confirmar p{margin:0;color:var(--saiu-texto);text-align:center}.confirmar-botoes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.confirmar .botao-perigo{background:var(--perigo);color:#fff}.seletor-mes{display:flex;align-items:center;justify-content:space-between;gap:8px}.seletor-mes button{width:48px;font-size:24px;border:1px solid var(--borda)}.seletor-mes strong{font-size:18px}.linha-mes{display:block;width:100%;height:auto}.interruptor{display:flex;align-items:center;gap:10px;min-height:48px;cursor:pointer}.interruptor input{width:22px;min-height:22px;height:22px;accent-color:var(--principal)}.lista-simples{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lista-simples li{display:flex;align-items:center;gap:10px}.lista-simples li span:nth-child(2){flex:1}.titulo-tela-cheia{flex:1;align-self:center;font-size:18px}.linha-pedido{flex-wrap:wrap;background:var(--cartao);border-radius:var(--raio)}.contador-pequeno{display:flex;align-items:center;gap:4px;margin-left:auto}.contador-pequeno button{width:44px;min-height:44px;background:var(--principal-claro);color:var(--principal);font-size:20px}.contador-pequeno input{width:60px;text-align:center;padding:0 4px}.botao-whatsapp{display:grid;place-items:center;min-height:48px;border-radius:var(--raio);background:#25d366;color:#fff;font-weight:700;text-decoration:none}.texto-manual{width:100%;padding:12px;border:1px solid var(--borda);border-radius:var(--raio);font:inherit}.linha-busca{display:flex;gap:8px}.linha-busca .novo{width:auto;padding:0 16px;white-space:nowrap}.lista-estoque{list-style:none;margin:0;padding:0;display:grid;gap:8px}.linha-lista.em-alerta{background:var(--aviso-fundo);border-color:#fde68a}.quantidade-grande{font-size:22px;min-width:40px;text-align:right}.selo-repor{padding:2px 8px;border-radius:999px;background:var(--aviso-texto);color:#fff;font-size:12px;font-weight:600}.painel-cabecalho{display:flex;align-items:center;gap:12px}.painel-titulo.esquerda{text-align:left}.painel-cabecalho p{margin:2px 0 0}.contador-campo{width:88px;text-align:center;font-size:28px;font-weight:700}.duas-colunas{display:grid;grid-template-columns:1fr 1fr;gap:10px}.foto-campo{display:flex;align-items:center;gap:12px}.foto-botoes{flex:1;display:grid;gap:4px}.duas-areas,.area-principal,.area-lateral{display:grid;gap:16px;align-content:start}.so-computador{display:none!important}@media (min-width: 900px){:root{--largura-menu: 240px}.so-computador{display:revert!important}.so-celular{display:none!important}.app{max-width:none;margin:0;padding-bottom:32px;padding-left:var(--largura-menu)}.topo{padding:12px 32px}.conteudo{max-width:1120px;padding:24px 32px;gap:20px}.abas{top:0;right:auto;width:var(--largura-menu);flex-direction:column;justify-content:flex-start;gap:8px;padding:16px 12px;border-top:0;border-right:1px solid var(--borda)}.abas-marca{display:flex!important;align-items:center;gap:10px;padding:4px 8px 16px;font-weight:700}.abas-marca>span:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--principal);font-size:20px}.abas-marca small{display:block;font-weight:400;font-size:12px;color:var(--suave)}.abas-dentro{flex-direction:column;gap:4px;max-width:none}.aba{height:48px;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;border-radius:var(--raio);font-size:15px}.aba span:first-child{font-size:20px}.aba.ativa{background:var(--principal-claro)}.aba .selo-numero{position:static;margin-left:auto}.aba-vender{height:56px;margin-bottom:12px;background:var(--principal);color:#fff;font-weight:700}.aba-vender.ativa{background:var(--principal);color:#fff;box-shadow:0 0 0 3px var(--principal-claro)}.aviso-rodape{bottom:24px;left:calc(50% + var(--largura-menu) / 2)}.painel{top:50%;bottom:auto;left:calc(50% + var(--largura-menu) / 2);transform:translate(-50%,-50%);width:460px;border-radius:22px;animation:none}.tela-cheia{left:var(--largura-menu)}.tela-cheia-topo,.lista{max-width:720px}.grade-botoes{grid-template-columns:repeat(4,1fr)}.botao-venda{min-height:88px}.duas-areas{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;align-items:start}.resumo strong{font-size:24px}.cabecalho-estoque{display:flex!important;align-items:center;gap:12px;padding:0 12px;font-size:13px;color:var(--suave)}.cabecalho-modelo{flex:1;padding-left:60px}.celula{width:96px;text-align:right;flex:none}.linha-lista .celula{font-size:18px}.linha-lista .celula.total{font-size:22px}.lista-estoque{gap:6px}}