:root{color-scheme:light;--fundo: #F4F5F7;--sup: #FFFFFF;--texto: #13202A;--suave: #4F5F6A;--borda: #E1E5EA;--borda-forte: #C5CDD5;--borda-campo: #8795A1;--pri: #1967D2;--pri-escuro: #0E4A99;--pri-suave: #EEF4FD;--pri-suave2: #E4EEFC;--ok: #17663A;--ok-suave: #E4F4EA;--ok-texto: #0F4D2B;--aviso: #FDECDC;--aviso-texto: #7A3300;--obs: #FDF3E1;--obs-texto: #6E3804;--erro: #B42318;--desligado: #DDE3E9;--desligado-texto: #3D4B55;--foto: #F3E6D8;--foto-icone: #7A5230;--veu: rgba(19, 32, 42, .55)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--fundo)}body{font-family:system-ui,-apple-system,Roboto,Segoe UI,sans-serif;color:var(--texto);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default}input,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--pri);outline-offset:2px}.oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}c-app{display:block;height:100%}.tela{height:100dvh;max-width:520px;margin:0 auto;display:flex;flex-direction:column;background:var(--fundo);position:relative}.topo{flex:none;min-height:64px;display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;background:var(--sup);border-bottom:1px solid var(--borda)}.topo.com-voltar{padding-left:4px;gap:4px}.topo-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.topo-loja-nome{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topo-mesa{font-size:14px;font-weight:700;color:var(--pri);flex:none}.topo-titulo{flex:1;margin:0;font-size:18px;font-weight:700}.voltar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex:none}.pilula{height:44px;flex:none;padding:0 14px;border-radius:22px;border:1px solid var(--borda-forte);background:var(--sup);font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.topo-loja{flex:none;display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--sup);border-bottom:1px solid var(--borda)}.logo{width:44px;height:44px;flex:none;border-radius:22px;background:var(--texto);color:#fff;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.nome-loja{flex:1;min-width:0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-mesa{flex:none;padding:6px 12px;border-radius:8px;background:var(--pri);color:#fff;font-size:16px;font-weight:700}.btn{width:100%;min-height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;font-size:17px;font-weight:600;text-align:center;line-height:22px}.btn.principal{min-height:64px;background:var(--pri);color:#fff;font-size:19px;font-weight:700}.btn .junto{white-space:nowrap}.btn.principal.desligado,.btn.principal:disabled{background:var(--desligado);color:var(--desligado-texto);font-size:16px}.btn.secundario{border:1px solid var(--borda-forte);background:var(--sup);color:var(--texto)}.link{min-height:48px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;color:var(--pri);font-size:15px;font-weight:700}.link.perigo{color:var(--erro)}.pilha{display:flex;flex-direction:column;gap:16px}.nota{margin:0;text-align:center;font-size:14px;line-height:20px;color:var(--suave)}.inicio{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px 24px 24px;overflow-y:auto}.inicio .centro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;min-height:140px}.circulo-icone{width:104px;height:104px;border-radius:52px;background:var(--pri-suave2);color:var(--pri);display:flex;align-items:center;justify-content:center}.titulo-grande{margin:0;font-size:32px;line-height:38px;font-weight:800;text-align:center}.faixa-ok{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--ok-suave);color:var(--ok-texto);font-size:16px;line-height:22px}.faixa-aviso{flex:none;display:flex;align-items:flex-start;gap:10px;margin:12px 16px 0;padding:12px 14px;border-radius:12px;background:var(--aviso);color:var(--aviso-texto);font-size:15px;line-height:21px}.inicio .faixa-aviso{margin:0}.busca{flex:none;margin:12px 16px 0;height:48px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--sup);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--suave)}.busca input{flex:1;min-width:0;height:44px;border:0;outline:0;background:transparent;color:var(--texto);font-size:16px}.chips{flex:none;display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{height:40px;flex:none;padding:0 16px;border-radius:20px;border:1px solid var(--borda-forte);background:var(--sup);font-size:15px;font-weight:600;white-space:nowrap}.chip[aria-selected=true]{background:var(--texto);border-color:var(--texto);color:#fff}.lista{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:0 16px 16px}.topo.com-voltar+.lista{padding-top:14px}.cartao{flex:none;display:flex;gap:12px;padding:10px;border-radius:14px;background:var(--sup);border:1px solid var(--borda)}.foto-btn{flex:none;width:96px;height:96px;border-radius:10px;overflow:hidden}c-foto{display:flex;width:100%;height:100%}c-foto img{width:100%;height:100%;object-fit:cover;display:block}.sem-foto{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--foto);color:var(--foto-icone)}.cartao-meio{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.cartao-nome{text-align:left;font-size:16px;line-height:21px;font-weight:700;padding:2px 0}.cartao-rodape{margin-top:auto;display:flex;align-items:center;gap:8px}.preco{flex:1;font-size:16px}.redondo{width:48px;height:48px;flex:none;border-radius:24px;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center}.contador{height:48px;flex:none;display:flex;align-items:center;border-radius:24px;background:var(--pri);color:#fff}.contador button{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.contador span{min-width:24px;text-align:center;font-size:17px;font-weight:800}.contador.contorno{background:var(--sup);color:var(--texto);border:1px solid var(--borda-forte);border-radius:12px}.contador.contorno button{width:46px;height:46px}.contador.grande{height:64px;background:var(--sup);color:var(--texto);border:1px solid var(--borda-forte);border-radius:14px}.contador.grande button{width:52px;height:62px}.contador.grande span{min-width:28px;font-size:19px}.vazio{margin:24px 0;text-align:center;color:var(--suave);font-size:16px}.rodape{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--sup);border-top:1px solid var(--borda)}.rodape.linha{flex-direction:row;align-items:center;gap:12px}.rodape.linha .btn{flex:1}.barra-pedido{width:100%;height:64px;border-radius:14px;background:var(--pri);color:#fff;display:flex;align-items:center;gap:12px;padding:0 18px}.contagem{min-width:32px;height:32px;padding:0 8px;border-radius:16px;background:#fff;color:var(--pri);font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center}.barra-texto{flex:1;text-align:left;font-size:18px;font-weight:700}.foto-grande{flex:none;height:190px;position:relative}.voltar-flutuante{position:absolute;top:12px;left:12px;width:48px;height:48px;border-radius:24px;background:#fff;color:var(--texto);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #13202a40}.produto{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px}.produto-cab{display:flex;flex-direction:column;gap:4px}.produto-cab h1{margin:0;font-size:22px;line-height:28px;font-weight:800}.preco-grande{font-size:18px}.grupo{display:flex;flex-direction:column;gap:8px}.grupo-cab{display:flex;align-items:center;gap:8px}.grupo-cab h2{flex:1;margin:0;font-size:16px;font-weight:700}.selo{flex:none;padding:2px 8px;border-radius:6px;background:#eef1f4;color:var(--suave);font-size:13px;font-weight:700}.selo.falta{background:var(--aviso);color:#8a3b00}.selo.ok{background:var(--ok-suave);color:var(--ok)}.opcao{min-height:52px;display:flex;align-items:center;gap:12px;padding:4px 14px;border-radius:12px;border:1px solid var(--borda-forte);background:var(--sup);font-size:16px;text-align:left}.opcao.ligada{border:2px solid var(--pri);background:var(--pri-suave);padding:3px 13px}.opcao-nome{flex:1}.opcao-preco{color:var(--suave)}.bolinha{width:22px;height:22px;flex:none;border-radius:11px;border:2px solid var(--borda-campo)}.opcao.ligada .bolinha{border:7px solid var(--pri)}.caixinha{width:22px;height:22px;flex:none;border-radius:6px;border:2px solid var(--borda-campo);display:flex;align-items:center;justify-content:center;color:#fff}.opcao.ligada .caixinha{background:var(--pri);border-color:var(--pri)}.obs{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--sup);border:1px solid var(--borda)}.obs label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.obs textarea{border-radius:10px;border:1px solid var(--borda-campo);padding:10px 12px;font-size:16px;line-height:22px;resize:none}.item{flex:none;display:flex;flex-direction:column;gap:8px;padding:12px 12px 8px;border-radius:14px;background:var(--sup);border:1px solid var(--borda)}.item-cab{display:flex;gap:12px}.item-nome{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-nome h2{margin:0;font-size:16px;line-height:21px;font-weight:700}.item-detalhe{font-size:14px;line-height:19px;color:var(--suave)}.item-preco{flex:none;font-size:15px;color:var(--suave)}.item-acoes{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.item-acoes .perigo{margin-left:auto}.obs-chip{align-self:flex-start;padding:4px 10px;border-radius:8px;background:var(--obs);color:var(--obs-texto);font-size:14px;font-weight:600}.obs-linha{display:flex;gap:8px}.obs-linha input{flex:1;min-width:0;height:48px;border-radius:10px;border:2px solid var(--pri);padding:0 12px;font-size:16px}.btn-pronto{height:48px;padding:0 14px;border-radius:10px;background:var(--pri);color:#fff;font-size:15px;font-weight:700}.pedir-mais{flex:none;height:48px;border-radius:12px;border:1px dashed var(--borda-campo);display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600}.enviado,.aviso-cheio{flex:1;max-width:520px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px 24px;text-align:center}.aviso-cheio{justify-content:center;padding-top:24px}.aviso-cheio .btn{max-width:420px;margin-top:12px}.enviado .pilha{margin-top:auto;align-self:stretch}.circulo-ok,.circulo-neutro,.circulo-aviso{width:92px;height:92px;border-radius:46px;display:flex;align-items:center;justify-content:center;flex:none}.circulo-ok{background:var(--ok);color:#fff}.circulo-neutro{background:#eef1f4;color:#3d4b55}.circulo-aviso{background:var(--aviso);color:#8a3b00}.sub{margin:0;font-size:17px;line-height:25px;color:var(--suave)}.resumo{align-self:stretch;display:flex;flex-direction:column;gap:8px;padding:14px 16px;border-radius:14px;background:var(--sup);border:1px solid var(--borda);text-align:left}.resumo-linha{display:flex;gap:10px;font-size:16px;line-height:22px}.resumo-linha b{min-width:28px}.resumo-linha small{font-size:14px;color:var(--suave)}.resumo-linha .obs-texto{color:var(--obs-texto)}.veu{position:fixed;inset:0;z-index:10;background:var(--veu);display:flex;flex-direction:column;justify-content:flex-end;animation:aparecer .15s ease-out}.folha{width:100%;max-width:520px;margin:0 auto;max-height:92dvh;overflow-y:auto;background:var(--sup);border-radius:20px 20px 0 0;padding:12px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;animation:subir .2s ease-out}.folha.centro{align-items:center;text-align:center;padding-top:28px}.folha.centro .btn{align-self:stretch}.alca{align-self:center;width:40px;height:5px;border-radius:3px;background:var(--borda-forte)}.folha-titulo{margin:0;font-size:24px;line-height:30px;font-weight:800}.folha-texto{margin:0;font-size:16px;line-height:23px;color:var(--suave)}.nomes{display:flex;flex-wrap:wrap;gap:8px}.chip-nome{height:48px;padding:0 20px;border-radius:24px;border:1px solid var(--borda-forte);background:var(--sup);font-size:16px;font-weight:600}.chip-nome[aria-pressed=true]{border:2px solid var(--pri);background:var(--pri-suave);color:var(--pri-escuro)}.rotulo{font-size:14px;font-weight:700;color:var(--suave);margin-bottom:-10px}.campo{height:52px;border-radius:12px;border:1px solid var(--borda-campo);padding:0 14px;font-size:17px}.circulo{width:80px;height:80px;border-radius:40px;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center}.circulo.escuro{background:var(--texto)}.carregando{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--suave);font-size:16px}.girando{width:32px;height:32px;border-radius:50%;border:3px solid var(--borda-forte);border-top-color:var(--pri);animation:girar .8s linear infinite}.girando.grande{width:56px;height:56px;border-width:4px}@keyframes girar{to{transform:rotate(360deg)}}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(40px);opacity:.6}}@media(prefers-reduced-motion:reduce){.veu,.folha{animation:none}.girando{animation-duration:2.4s}}
