:root{--mata-900:#0f2a1c;--mata-700:#1d3d2e;--mata-500:#3d5c4c;--sol-400:#f7bf2a;--laranja-500:#ee8a14;--creme-200:#f4e7cc;--papel-50:#fbf6ec;--borda:#e6dcc6;--borda-campo:#d9ccb0;--divisoria:#efe6d3;--texto-2:#3d5246;--texto-3:#5b6b60;--texto-4:#8a8a7a;--sucesso:#2f7a4f;--sucesso-bg:#e3f0e7;--sucesso-fg:#22603d;--perigo:#c0392b;--perigo-bg:#fbe4e1;--perigo-fg:#8f2a1f;--aviso-bg:#fdf0d4;--aviso-fg:#8a4b00;--titulo:"Bricolage Grotesque", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;color:var(--mata-900);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:Figtree,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--papel-50);height:100%;margin:0}button,input{color:inherit;font-family:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--laranja-500);outline-offset:2px}.t-display{font-family:var(--titulo);letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-weight:700}.mono{font-family:var(--mono)}.rotulo{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-3);font-size:11px}.tela{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.tela-escura{background:var(--mata-900);color:var(--papel-50)}.rolagem{flex:1;overflow-y:auto}.topo{background:var(--mata-900);color:var(--papel-50);padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));flex-shrink:0;align-items:center;gap:12px;display:flex}.topo .logo{object-fit:cover;border-radius:50%;width:40px;height:40px}.topo .quem{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.topo .quem b{font-family:var(--titulo);font-size:20px;font-weight:700}.topo .quem span{color:#c9d2c8;font-size:13px}.status-on{color:var(--sol-400)}.status-off{color:var(--laranja-500)}.btn-topo{border:1.5px solid var(--mata-500);min-height:40px;color:var(--papel-50);background:0 0;border-radius:99px;padding:0 16px;font-size:14px;font-weight:600}.entrada{border:1.5px solid var(--borda-campo);min-height:52px;color:var(--mata-900);background:#fff;border-radius:12px;outline:none;width:100%;padding:0 14px;font-size:17px}.entrada:focus{border-color:var(--mata-900)}.entrada.invalida{border:2px solid var(--perigo)}.entrada-escura{background:var(--mata-700);border-color:var(--mata-500);color:var(--papel-50)}.entrada-escura::placeholder{color:#8fa092}.btn{border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 20px;font-size:17px;font-weight:700;display:inline-flex}.btn-sol{background:var(--sol-400);color:var(--mata-900)}.btn-escuro{background:var(--mata-900);color:var(--papel-50)}.btn-contorno{border:1.5px solid var(--mata-900);color:var(--mata-900);background:0 0}.btn-largo{width:100%}.btn:disabled{background:var(--borda);color:var(--texto-4);border-color:#0000}.link-sol{color:var(--sol-400);background:0 0;border:0;padding:10px;font-size:15px;font-weight:700}.link{color:var(--texto-3);background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.erro{color:#ff9b8f;font-size:14px}.erro-claro{color:var(--perigo);font-size:14px}.camera{background:repeating-linear-gradient(135deg,#1d3d2e 0 14px,#18352a 14px 28px);border-radius:18px;flex-shrink:0;height:168px;margin:12px 16px 0;position:relative;overflow:hidden}.camera video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera .mira{border:3px solid var(--sol-400);border-radius:14px;width:118px;height:118px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #0f2a1c59}.camera .mira.ok{border-color:#4ade80;box-shadow:0 0 0 999px #2f7a4f73}.camera .mira.erro{border-color:var(--perigo);box-shadow:0 0 0 999px #c0392b66}.camera .legenda{font-family:var(--mono);color:#c9d2c8;font-size:11px;position:absolute;top:10px;left:12px}.camera .acao{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.camera .msg{color:var(--papel-50);background:#0f2a1cd9;padding:8px 12px;font-size:13px;position:absolute;inset:auto 0 0}.filtros{flex-direction:column;flex-shrink:0;gap:10px;padding:12px 16px 8px;display:flex}.pilulas{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.pilula{border:1.5px solid var(--borda-campo);min-height:44px;color:var(--mata-900);background:#fff;border-radius:99px;flex-shrink:0;padding:0 16px;font-size:15px;font-weight:700}.pilula.on{background:var(--mata-900);border-color:var(--mata-900);color:var(--papel-50)}.aviso{border-radius:12px;margin:0 16px 8px;padding:10px 14px;font-size:15px;line-height:1.4}.aviso.ok{background:var(--sucesso-bg);color:var(--sucesso-fg)}.aviso.alerta{background:var(--aviso-bg);color:var(--aviso-fg)}.aviso.perigo{background:var(--perigo-bg);color:var(--perigo-fg)}.produto{border-bottom:1px solid var(--divisoria);align-items:center;gap:12px;padding:12px 16px;display:flex}.produto .info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.produto .nome{font-size:17px;font-weight:700}.produto .linha2{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.produto .cod{font-family:var(--mono);color:var(--texto-3);font-size:12px}.produto .preco{font-family:var(--titulo);white-space:nowrap;font-size:17px;font-weight:700}.produto.apagado{opacity:.5}.mais{background:var(--mata-900);width:48px;height:48px;color:var(--papel-50);border:0;border-radius:12px;flex-shrink:0;font-size:26px;font-weight:600;position:relative}.mais:disabled{background:var(--borda);color:var(--texto-4)}.mais .conta{background:var(--laranja-500);min-width:22px;height:22px;color:var(--mata-900);border-radius:99px;place-items:center;padding:0 6px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-8px;right:-8px}.badge{white-space:nowrap;border-radius:99px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.badge-ok{background:var(--sucesso-bg);color:var(--sucesso-fg)}.badge-aviso{background:var(--aviso-bg);color:var(--aviso-fg)}.badge-laranja{background:var(--laranja-500);color:var(--mata-900)}.badge-perigo{background:var(--perigo);color:#fff}.badge-neutro{background:var(--divisoria);color:var(--texto-3)}.barra-carrinho{left:12px;right:12px;bottom:max(12px, env(safe-area-inset-bottom));background:var(--sol-400);min-height:64px;color:var(--mata-900);border:0;border-radius:18px;justify-content:space-between;align-items:center;padding:8px 20px;display:flex;position:absolute;box-shadow:0 12px 32px #0f2a1c40}.barra-carrinho .total{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.item{border-bottom:1px solid var(--divisoria);align-items:center;gap:10px;padding:12px 0;display:flex}.qtd{align-items:center;gap:8px;display:flex}.qtd button{border:1.5px solid var(--borda-campo);background:#fff;border-radius:10px;width:40px;height:40px;font-size:20px}.qtd button.mais-escuro{background:var(--mata-900);color:var(--papel-50);border:0}.formas{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.formas button,.opcao{border:1.5px solid var(--borda-campo);min-height:52px;color:var(--mata-900);background:#fff;border-radius:12px;padding:0 4px;font-size:15px;font-weight:700}.formas button.on,.opcao.on{background:var(--mata-900);border-color:var(--mata-900);color:var(--papel-50)}.caixa{border:1px solid var(--borda);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.troco{background:var(--mata-900);color:var(--sol-400);border-radius:12px;justify-content:space-between;align-items:baseline;padding:12px 14px;display:flex}.troco.falta{background:var(--perigo-bg);color:var(--perigo-fg)}.cliente{text-align:left;border:1.5px solid var(--borda);background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.cliente.on{border-color:var(--mata-900);background:var(--papel-50)}.rodape{padding:12px 16px;padding-bottom:max(16px, env(safe-area-inset-bottom));border-top:2px solid var(--mata-900);background:#fff;flex-direction:column;flex-shrink:0;gap:10px;display:flex}.fundo-sheet{z-index:10;background:#0f2a1c8c;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{background:var(--papel-50);width:100%;padding:12px 18px;padding-bottom:max(18px, env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:12px;display:flex}.sheet .alca{background:var(--borda-campo);border-radius:3px;align-self:center;width:44px;height:5px}.opcao-lote{text-align:left;border:1.5px solid var(--mata-900);min-height:64px;color:var(--mata-900);background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:10px 16px;display:flex}.opcao-lote.primeiro{background:var(--mata-900);color:var(--papel-50)}.opcao-lote.vencido{background:var(--perigo-bg);color:var(--perigo-fg);border-color:var(--perigo)}