@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--fundo:#f3f6f9;--texto:#172b3e;--suave:#718096;--cartao:#fff;--borda:#e7edf2;--linha:#edf1f4;--hero:#17364c;--destaque:#17364c;--verde:#16845c;--verde-escuro:#116c49;--verde-claro:#f1f8f4;--verde-borda:#dcebe4;--verde-texto:#16734f;--campo:#fff;--campo-borda:#dce4ea;--sutil:#f3f6f8;--pendente-bg:#fff1d6;--pendente-texto:#9a6a00;--ok-bg:#e3f3e9;--erro:#c0392b;font-family:Inter,sans-serif;font-weight:400}:root[data-tema=escuro]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--fundo:#0b1722;--texto:#e6edf3;--suave:#93a6b8;--cartao:#13273a;--borda:#213a50;--linha:#1f3549;--hero:#1c4a66;--destaque:#2a5d7d;--verde:#1fa073;--verde-escuro:#198a63;--verde-claro:#143a33;--verde-borda:#1e5446;--verde-texto:#7be0b6;--campo:#0f2031;--campo-borda:#2a445a;--sutil:#0f2031;--pendente-bg:#3b2f12;--pendente-texto:#f2c866;--ok-bg:#143a33;--erro:#ff8a7a}*{box-sizing:border-box}html,body{height:100%}body{background:var(--fundo);min-width:320px;color:var(--texto);margin:0;overflow:hidden}#root{text-align:left;width:100%;max-width:none;height:100%;margin:0;padding:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}.app{flex-direction:column;width:100%;max-width:560px;height:100dvh;margin:0 auto;padding:14px 16px 0;display:flex}.topo{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.subtitulo{color:var(--verde);letter-spacing:1.6px;margin-bottom:4px;font-size:10px;font-weight:800}h1{color:var(--texto);letter-spacing:-.8px;font-size:clamp(22px,5vw,28px)}.topo-acoes{align-items:center;gap:8px;display:flex}.icone-botao{border:1px solid var(--borda);background:var(--cartao);width:42px;height:42px;color:var(--texto);border-radius:14px;place-items:center;font-size:16px;display:grid}.avatar{background:var(--destaque);color:#fff;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.conteudo{overscroll-behavior:contain;flex-direction:column;flex:1;gap:12px;min-height:0;padding-bottom:12px;display:flex;overflow-y:auto}.conteudo>*{flex-shrink:0}.cartao-estoque{background:var(--hero);color:#fff;border-radius:20px;padding:18px 20px}.cartao-estoque.compacto{justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.cartao-estoque.compacto strong{letter-spacing:-1px;margin-top:2px;font-size:28px;display:block}.rotulo{color:#c5d6e1;font-size:12px}.grande{letter-spacing:-1.2px;margin-top:4px;font-size:32px;display:block}.indicador{color:#9af0c8;background:#28554f;border-radius:20px;flex-shrink:0;padding:7px 10px;font-size:11px;font-weight:600}.indicador.baixo{color:#ffc9a3;background:#5b3a2a}.duas-colunas{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.duas-colunas div{background:#ffffff14;border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.duas-colunas span{color:#c5d6e1;font-size:11px}.duas-colunas b{font-size:15px}.cartao{border:1px solid var(--borda);background:var(--cartao);border-radius:20px;padding:18px}.cartao h2{margin-bottom:4px;font-size:17px}.texto-suave{color:var(--suave);margin-bottom:12px;font-size:13px;line-height:1.5}.cartao-lista{flex-direction:column;flex:1 1 0;min-height:150px;display:flex}.cartao-lista h2{flex-shrink:0;margin-bottom:8px}.rolagem{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.lista{margin:0;padding:0;list-style:none}.lista li{border-bottom:1px solid var(--linha);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.lista li:last-child{border-bottom:0}.lista li div{flex-direction:column;gap:3px;display:flex}.lista small{color:var(--suave);font-size:11px}.badge{background:var(--ok-bg);color:var(--verde-texto);border-radius:20px;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:700}.mini-botao{background:var(--verde);color:#fff;border:0;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:11px;font-weight:700}.cartao-venda{border:1px solid var(--borda);background:var(--cartao);border-radius:20px;flex-direction:column;flex:1 0 auto;gap:10px;padding:16px;display:flex}.preco{border-bottom:1px solid var(--linha);color:var(--suave);justify-content:space-between;align-items:center;padding-bottom:10px;font-size:13px;display:flex}.preco strong{color:var(--texto);font-size:15px}.controle-litros{flex:1 0 auto;justify-content:center;align-items:center;gap:26px;padding:6px 0;display:flex}.botao-quantidade{border:1px solid var(--campo-borda);background:var(--cartao);width:56px;height:56px;color:var(--texto);border-radius:16px;place-items:center;font-size:28px;transition:transform .15s,background .15s;display:grid}.botao-quantidade:active:not(:disabled){transform:scale(.94)}.botao-quantidade.adicionar{border-color:var(--verde);background:var(--verde);color:#fff}.quantidade{flex-direction:column;align-items:center;gap:2px;min-width:90px;display:flex}.quantidade strong{letter-spacing:-1px;font-size:44px;line-height:1}.quantidade span{color:var(--suave);font-size:12px}.atalhos{gap:8px;display:flex}.atalhos button{border:1px solid var(--verde-borda);background:var(--verde-claro);color:var(--verde-texto);border-radius:12px;flex:1;padding:11px 6px;font-size:12px;font-weight:700}.total{background:var(--sutil);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.total span{color:var(--suave);font-size:13px}.total strong{letter-spacing:-.5px;font-size:clamp(20px,5vw,24px)}.segmentado{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;display:grid}.opcao{border:1px solid var(--campo-borda);background:var(--cartao);color:var(--texto);border-radius:12px;padding:13px 8px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.opcao.ativa{border-color:var(--verde);background:var(--verde);color:#fff}.botao-venda{background:var(--verde);color:#fff;border:0;border-radius:13px;width:100%;padding:15px;font-size:14px;font-weight:700;transition:background .15s}.botao-venda:hover:not(:disabled){background:var(--verde-escuro)}.botao-secundario{border:1px solid var(--campo-borda);width:100%;color:var(--texto);background:0 0;border-radius:12px;margin:4px 0 2px;padding:11px;font-size:13px;font-weight:600}.aviso{color:var(--suave);text-align:center;font-size:11px;line-height:1.5}.aviso.erro{color:var(--erro);margin-top:8px}.campo{border:1px solid var(--campo-borda);outline-color:var(--verde);background:var(--campo);width:100%;min-width:0;color:var(--texto);border-radius:12px;padding:13px 14px;font-size:15px}.linha-campos{gap:8px;display:flex}.linha-campos .botao-venda{flex-shrink:0;width:auto;padding:0 18px}.cartao>.botao-venda,.cartao>.aviso{margin-top:10px}.abas{padding:8px 0 calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--borda);flex-shrink:0;gap:6px;display:flex}.abas button{color:var(--suave);background:0 0;border:0;border-radius:12px;flex:1;padding:12px 6px;font-size:12px;font-weight:700;transition:background .15s,color .15s}.abas button.ativa{background:var(--destaque);color:#fff}.avisos{z-index:60;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;top:10px;left:12px;right:12px}.toast{background:var(--destaque);color:#fff;border-radius:14px;width:100%;max-width:420px;padding:12px 16px;font-size:13px;font-weight:600;animation:.25s ease-out entrar;box-shadow:0 8px 24px #0003}@keyframes entrar{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.camada{z-index:50;background:#0008;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.folha{width:100%;max-width:560px;max-height:88dvh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));background:var(--cartao);color:var(--texto);border-radius:24px 24px 0 0;animation:.25s ease-out subir;overflow-y:auto}@keyframes subir{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.folha-topo{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.folha h2{font-size:20px}.folha h3{color:var(--verde);letter-spacing:1.4px;text-transform:uppercase;margin:18px 0 10px;font-size:11px}.linha-config{border-bottom:1px solid var(--linha);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.linha-config div{flex-direction:column;gap:3px;font-size:14px;display:flex}.linha-config small{color:var(--suave);font-size:11px}.chave{background:var(--campo-borda);border:0;border-radius:20px;flex-shrink:0;width:48px;height:28px;padding:0;transition:background .2s;position:relative}.chave span{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px}.chave.ligada{background:var(--verde)}.chave.ligada span{transform:translate(20px)}@media (height<=700px){.topo{margin-bottom:8px}.botao-quantidade{width:48px;height:48px}.quantidade strong{font-size:36px}.cartao-venda{gap:8px;padding:12px 14px}.botao-venda{padding:13px}}.conteudo.centro{justify-content:center}.rotulo-campo{color:var(--suave);margin:12px 0 6px;font-size:13px;font-weight:600;display:block}.rotulo-campo:first-child{margin-top:0}form.cartao .botao-venda{margin-top:16px}.faixa-offline{background:var(--pendente-bg);color:var(--pendente-texto);text-align:center;border-radius:10px;flex-shrink:0;margin-bottom:10px;padding:8px 12px;font-size:12px;font-weight:600}.sub-linha{color:#c5d6e1;margin-top:6px;font-size:12px}.segmentado.pequeno .opcao{padding:9px 4px;font-size:12px}.contador{color:#fff;background:#e8883a;border-radius:9px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-style:normal;display:inline-grid}.toast.erro{background:#b3372b}:root{--sombra-suave:0 1px 2px #172b3e0a, 0 8px 24px #172b3e12;--sombra-forte:0 12px 30px #17364c47;--hero-grad:linear-gradient(135deg, #17364c 0%, #1d4a63 55%, #1a5a56 100%);--verde-grad:linear-gradient(135deg, #1a9468 0%, #16845c 100%);--vidro:#ffffffd1;--ease:cubic-bezier(.2, .8, .2, 1)}:root[data-tema=escuro]{--sombra-suave:0 1px 2px #0000004d, 0 8px 24px #00000040;--sombra-forte:0 12px 30px #00000073;--hero-grad:linear-gradient(135deg, #1c4a66 0%, #1d5a73 55%, #1b6a5c 100%);--verde-grad:linear-gradient(135deg, #25b384 0%, #1fa073 100%);--vidro:#13273ad1}*{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation;transition:transform .15s var(--ease), background .2s, box-shadow .2s, opacity .2s, color .2s}button:active:not(:disabled){transform:scale(.97)}body{background-image:radial-gradient(90% 40% at 50% 0,#16845c1a,#0000 70%);background-repeat:no-repeat}.app{padding-top:calc(14px + env(safe-area-inset-top))}.conteudo,.rolagem,.folha{scrollbar-width:thin;scrollbar-color:var(--campo-borda) transparent}@keyframes subirSuave{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.conteudo>*{animation:subirSuave .45s var(--ease) both}.conteudo>:nth-child(2){animation-delay:60ms}.conteudo>:nth-child(3){animation-delay:.12s}.conteudo>:nth-child(4){animation-delay:.18s}.avatar{background:var(--hero-grad);box-shadow:0 4px 12px #17364c40}.icone-botao{box-shadow:var(--sombra-suave)}.icone-botao svg{transition:transform .4s var(--ease)}.icone-botao:active svg{transform:rotate(70deg)}.conteudo.centro h1{font-size:34px}.cartao,.cartao-venda{border-color:var(--borda);box-shadow:var(--sombra-suave)}.cartao-estoque{background:var(--hero-grad);box-shadow:var(--sombra-forte);position:relative;overflow:hidden}.cartao-estoque:after{content:"";pointer-events:none;background:radial-gradient(circle,#3ddc9747,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;top:-50px;right:-40px}.cartao-estoque>*{z-index:1;position:relative}.duas-colunas div{background:#ffffff12;border:1px solid #ffffff12}@keyframes pulsar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.indicador{align-items:center;gap:7px;display:inline-flex}.indicador:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulsar}.indicador.baixo:before{animation-duration:.9s}@keyframes pop{0%{opacity:.4;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.quantidade strong{animation:pop .3s var(--ease)}.botao-quantidade{box-shadow:var(--sombra-suave)}.botao-quantidade.adicionar{background:var(--verde-grad);box-shadow:0 8px 18px #16845c59}.botao-quantidade:disabled{box-shadow:none}.atalhos button:active:not(:disabled){background:var(--verde-borda)}.total{border:1px solid var(--verde-borda);background:var(--verde-claro)}.total strong{color:var(--verde-texto)}.botao-venda{background:var(--verde-grad);box-shadow:0 8px 18px #16845c52}.botao-venda:hover:not(:disabled){background:var(--verde-grad);filter:brightness(1.06)}.botao-venda:disabled{box-shadow:none}.botao-secundario:active:not(:disabled){background:var(--sutil)}.mini-botao{background:var(--verde-grad);box-shadow:0 4px 10px #16845c4d}.opcao.ativa{background:var(--verde-grad);box-shadow:0 6px 14px #16845c4d}.campo{outline:none;transition:border-color .2s,box-shadow .2s}.campo:focus{border-color:var(--verde);box-shadow:0 0 0 4px #16845c29}.abas{background:var(--vidro);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-left:4px;padding-right:4px}.abas button.ativa{background:var(--hero-grad);box-shadow:0 6px 14px #17364c4d}@keyframes pulsoContador{0%,to{box-shadow:0 0 #e8883a8c}50%{box-shadow:0 0 0 6px #e8883a00}}.contador{animation:1.8s ease-out infinite pulsoContador}.lista li{transition:background .2s}.badge{box-shadow:inset 0 0 0 1px var(--verde-borda)}@keyframes deslizar{0%{opacity:0;transform:translateY(-18px)scale(.96)}to{opacity:1;transform:none}}@keyframes barra{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast{background:var(--hero-grad);animation:deslizar .35s var(--ease);border-left:4px solid #3ddc97;position:relative;overflow:hidden}.toast:after{content:"";transform-origin:0;background:#fff5;height:3px;animation:4s linear forwards barra;position:absolute;bottom:0;left:0;right:0}.toast.erro{background:linear-gradient(135deg,#b3372b,#9c2d23);border-left-color:#ffb4a8}.toast.erro:after{animation-duration:6s}.faixa-offline{animation:deslizar .3s var(--ease)}@keyframes aparecer{0%{opacity:0}to{opacity:1}}@keyframes mola{0%{opacity:0;transform:translateY(60px)}70%{transform:translateY(-6px)}to{opacity:1;transform:none}}.camada{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.2s ease-out aparecer}.folha{animation:mola .4s var(--ease);box-shadow:0 -10px 40px #00000040}.chave{transition:background .25s,box-shadow .25s}.chave span{transition:transform .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 5px #00000040}.chave.ligada{box-shadow:0 0 0 4px #16845c2e}@media (height>=780px){.botao-quantidade{width:64px;height:64px;font-size:32px}.quantidade strong{font-size:56px}.controle-litros{gap:34px}.atalhos button{padding:14px 6px;font-size:13px}.botao-venda{padding:17px;font-size:15px}.opcao{padding:15px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}.cartao.perigo{background:var(--cartao);border-color:#e8b4ad}.cartao.perigo h2{color:var(--erro)}.botao-perigo{color:#fff;background:linear-gradient(135deg,#c0392b,#a32c20);border:0;border-radius:13px;width:100%;margin-top:10px;padding:14px;font-size:14px;font-weight:700;box-shadow:0 8px 18px #b3372b4d}.botao-perigo:disabled{box-shadow:none}.pilha{flex-direction:column;gap:10px;display:flex}.segmentado.grow{flex:1}.botao-secundario.compacto{flex-shrink:0;width:auto;margin:0;padding:0 16px}.sub-titulo{color:var(--verde);letter-spacing:1.4px;text-transform:uppercase;margin:16px 0 6px;font-size:11px;font-weight:800}.sub-titulo:first-child{margin-top:0}.lista li.com-barra>div{flex:1;min-width:0}.trilho{background:var(--linha);border-radius:3px;height:6px;margin-top:6px;display:block;overflow:hidden}.barra{background:var(--verde-grad,var(--verde));height:100%;transition:width .4s var(--ease,ease);border-radius:3px;display:block}.nota{margin:12px 0 0;font-size:11px}.ponto{vertical-align:middle;background:#c0392b;border-radius:50%;width:8px;height:8px;margin-left:8px;display:inline-block}.ponto.on{background:#3ddc97;box-shadow:0 0 0 3px #3ddc9740}.ultima-venda{color:var(--suave);text-align:center;flex-shrink:0;padding:0 4px;font-size:12px}button.faixa-offline{border:0;width:100%}