<!--
  PAINEL BALCÃO — SABOR BRASILEIRO
  ================================
  v57 (08/07/2026): CONTROLE DE SAÍDA/ENTREGA DE PEDIDOS ("REMESSAS").
                    Até aqui não existia nenhum controle de "saiu para
                    entrega" / "entregue" — só status_impressao (que
                    controla a impressão do ticket, nada mais). Agora dá
                    pra agrupar vários pedidos de entrega numa "remessa"
                    (uma saída do entregador) e marcar todos como
                    entregues de uma vez quando ele volta.
                    Só pedidos tipo='entrega' entram nesse fluxo (retirada
                    não). Quem marca é o Claudinei/Maristela NO BALCÃO —
                    não precisa de app pro entregador. Por ora, SEM
                    mensagem automática pro cliente quando o pedido sai
                    (só controle interno).
                    NOVAS TABELAS/COLUNAS NO SUPABASE (SQL e política RLS
                    já executados por fora desta sessão): tabela remessas
                    (id, restaurante_id, entregador, saida_em, status
                    aberta/entregue, criado_em); colunas novas em pedidos
                    (remessa_id, status_entrega saiu_entrega/entregue,
                    entregue_em).
                    (1) Botão "Nova remessa" na aba Movimento, abaixo dos
                    contadores. Abre modal: número da remessa (só exibido
                    depois de gravar — usa o id real do Supabase, sem
                    contador local pra evitar número "fantasma" que não
                    bate com o banco), campo entregador (texto livre),
                    horário de saída (preenchido com a hora atual,
                    editável), campo pra digitar o número do pedido +
                    Enter (fallback), botão de câmera pra ler QR Code do
                    ticket (biblioteca html5-qrcode, decodifica local no
                    navegador, sem enviar imagem pra nenhum servidor).
                    Os dois métodos alimentam a mesma lista de chips.
                    Botão "Gravar remessa" grava a remessa e atualiza
                    todos os pedidos escolhidos de uma vez (remessa_id +
                    status_entrega='saiu_entrega').
                    (2) Pedidos da mesma remessa aparecem AGRUPADOS na
                    lista da Movimento, num bloco com cabeçalho "Remessa
                    #N — entregador — saiu HH:MM" (padrão visual inspirado
                    em apps de delivery tipo iFood, que agrupam pedidos do
                    mesmo entregador). Cada pedido dentro do grupo mostra
                    um selo "🛵 Em rota — HH:MM" ou "✅ Entregue — HH:MM",
                    clicável — clicar alterna entre entregue/aguardando
                    (proteção contra marcar errado sem precisar reabrir a
                    remessa inteira). Botão "Marcar remessa entregue" no
                    cabeçalho do grupo fecha todos de uma vez (ação mais
                    comum).
                    (3) Filtros "Todos" / "Em rota" no topo da lista da
                    Movimento — mostra só pedidos de entrega ainda não
                    entregues quando "Em rota" está ativo. Experimental —
                    fácil de remover se não pegar uso na prática (a busca
                    por nome continua sendo o filtro principal do dia a
                    dia).
                    NÃO IMPLEMENTADO NESTA VERSÃO (fica pra próxima
                    etapa, depende do impressor.py): impressão do QR Code
                    no ticket. Sem o QR impresso, a leitura por câmera não
                    tem o que ler ainda — o fluxo funciona hoje digitando
                    o número do pedido (campo + Enter), e a câmera passa a
                    valer assim que o QR estiver saindo no ticket.
                    Construído em cima da v56 (proteções contra impressão
                    duplicada) — nenhuma função da v56 foi alterada, só
                    adições novas. renderPedidosLista() foi reestruturada
                    internamente (extraída em funções menores) pra
                    permitir o agrupamento por remessa, mas o
                    comportamento da v56 (botão "Reimprimindo..." durante
                    a trava) foi preservado exatamente igual.
  v56 (08/07/2026): DUAS CORREÇÕES DE IMPRESSÃO DUPLICADA.
                    (1) PROTEÇÃO NO BOTÃO "REIMPRIMIR": não tinha nenhuma
                    proteção — disparava PATCH direto pra
                    status_impressao='pendente' sem confirmação, sem trava
                    contra duplo clique, e sem checar o status atual do
                    pedido. Três camadas adicionadas: confirm() antes de
                    agir; trava local (reimprimindoEmAndamento) contra
                    duplo clique no mesmo aparelho; PATCH condicional no
                    Supabase (só aplica se ainda 'impresso' ou
                    'erro_impressao' no momento exato).
                    (2) PROTEÇÃO EM confirmarPix() — bug raiz encontrado
                    no pedido #3149 (Alice, 08/07, impresso 2x mesmo com
                    confirmação manual única e sem uso do Reimprimir): a
                    função já conferia o status antes de agir (v52), mas
                    o PATCH final continuava SEM condição — só a
                    checagem prévia era protegida, não o PATCH em si.
                    Isso deixava uma janela de corrida entre a
                    confirmação manual (aba Pix do painel) e a
                    confirmação automática (N8N + MacroDroid): se as duas
                    passassem pela checagem quase ao mesmo tempo, as duas
                    seguiam pro PATCH sem condição, e a que chegasse por
                    último sobrescrevia de volta pra 'pendente' um
                    pedido que a outra já tinha impresso — mesma classe
                    de bug já corrigida no PATCH do N8N em 08/07 (nó
                    "Confirmar Automaticamente"), agora fechada também
                    aqui no painel. PATCH de confirmarPix() agora exige
                    status_impressao=eq.aguardando_pix no momento exato.
  v55 (07/07/2026): CANCELAMENTO DE PEDIDO + BUSCA NA MOVIMENTO.
                    (1) Nova coluna cancelado (boolean, default false) na
                    tabela pedidos — separada de status_impressao, que
                    continua guardando só o estado da impressão. Botão
                    "Cancelar" na aba Movimento, ao lado do "Reimprimir",
                    disponível em qualquer pedido a qualquer momento.
                    Pedido cancelado fica visível na lista, riscado e
                    acinzentado (não some). Pedidos com status_impressao
                    ainda 'aguardando_pix' que forem cancelados: o
                    webhook de confirmação de Pix (N8N) passou a checar
                    cancelado=false também, então mesmo que o Pix caia
                    depois do cancelamento, o pedido não vira 'pendente'
                    e não imprime.
                    (2) Contadores da Movimento (cntPedidos, cntMarm) e
                    os totais do Relatório passam a excluir pedidos
                    cancelados. O Relatório já tinha código pronto pra
                    isso (badge "Cancelado", risco no texto) mas checava
                    p.statusImpressao==='cancelado' — valor que nunca
                    existiu de fato (status_impressao tem CHECK
                    constraint que não permite 'cancelado'; teria falhado
                    silenciosamente, igual ao bug do status_restaurante
                    de 11/05). Corrigido pra checar p.cancelado===true
                    nos 3 pontos (atualizarRelatorio x2, renderização da
                    lista filtrada).
                    (1b) AJUSTE (ainda dentro da v55, antes de subir pro
                    servidor): a aba Pix continua com seu próprio botão
                    "Cancelar" (é onde o Claudinei avalia manualmente os
                    Pix antes de decidir), mas cancelarPix() foi reescrita
                    pra gravar cancelado=true de verdade — igual
                    cancelarPedido() da Movimento — em vez de sobrescrever
                    status_impressao. Isso preserva o status_impressao
                    original (normalmente 'aguardando_pix') pra sabermos
                    depois qual era a situação exata no momento do
                    cancelamento. atualizarPixCounter() e renderPixLista()
                    também passaram a excluir cancelado===true do filtro,
                    senão o pedido ficaria preso pra sempre na fila da
                    aba Pix (antes, era o status_impressao='cancelado'
                    que tirava ele de lá).
                    (3) Campo de busca por nome no topo da aba Movimento
                    — filtra a lista já carregada na memória, sem nova
                    consulta ao Supabase (resposta instantânea). Reusa o
                    padrão visual do campo de busca de itens adicionais
                    da aba Pedido.
  v54 (04/07/2026): FIX PEDIDO DE BALCÃO COM VALOR ZERO. BUG CONFIRMADO em
                    produção (pedidos #2701 e #2703, 04/07/2026, ~14:28-14:29):
                    dois pedidos de balcão gravados no Supabase com
                    "preco":0 no item e "total":"0". Causa raiz: o objeto
                    cfg (que guarda os preços das marmitas) nasce com
                    valores zerados ({P:0,M:0,G:0,PF:0}, ver declaração de
                    cfg) e só recebe os preços reais depois que
                    carregarConfigSupabase() termina a busca no Supabase —
                    uma chamada de rede, não instantânea. Não havia
                    nenhuma trava impedindo o atendente de clicar em
                    "Registrar pedido" durante essa janela inicial (ex:
                    logo após abrir/recarregar a página) — se isso
                    acontecesse, o pedido saía gravado com os preços
                    ainda zerados da inicialização, sem nenhum aviso.
                    Só afeta pedidos de BALCÃO — pedidos do WhatsApp
                    (Nina) não usam o objeto cfg do painel, não têm esse
                    risco.
                    CORREÇÃO — duas camadas independentes, sem impacto de
                    performance perceptível (a busca no Supabase já
                    acontece normalmente em bem menos de 1 segundo):
                    (1) Nova variável configCarregada (inicia false).
                    Marcada true ao final de carregarConfigSupabase()
                    (sucesso ou falha — ver comentário na função). Nova
                    checagem em validar(): se configCarregada ainda for
                    false, bloqueia o registro do pedido com aviso
                    amigável "Aguarde o carregamento dos preços".
                    (2) Rede de segurança independente, também em
                    validar(): se o pedido tiver algum item selecionado
                    (marmita ou extra) mas o total calculado por
                    calcTotal() for zero ou menor, bloqueia o registro
                    com aviso "Não foi possível calcular o preço dos
                    itens — recarregue a página". Essa segunda camada
                    protege contra ESTE bug mesmo que a camada (1) falhe
                    por qualquer motivo futuro, e também contra qualquer
                    outra causa de preço zerado que venha a aparecer
                    (ex: configuração do restaurante sem preços
                    cadastrados no Supabase).
                    Nenhuma outra função ou regra de negócio alterada.
  v53 (02/07/2026): ENTREGA — toggle manual "Entrega Ativa" + horário de
                    corte automático, na aba Status junto com o horário de
                    funcionamento. Toggle manda em cima do horário: desligado
                    manualmente = só retirada, sempre, independente da hora.
                    Ligado = segue a regra do horário de corte (hr_limite_entrega).
                    Novos campos entrega_ativa (boolean, default true) e
                    hr_limite_entrega (TIME) na tabela status_restaurante.
  v52 (02/07/2026): CORREÇÃO IMPRESSÃO DUPLICADA EM PEDIDOS PIX — desde a
                    entrada em produção da confirmação automática de Pix
                    (workflow N8N + MacroDroid, 01/07/2026), pedidos pagos em
                    Pix estavam imprimindo em dobro (retirada 2x em vez de 1x,
                    entrega 4x em vez de 2x). Causa: o polling do painel pulava
                    completamente a checagem enquanto o modal "Pix Aguardando"
                    estava aberto — se a confirmação automática resolvia um
                    pedido nesse meio tempo, o botão "Confirmar" continuava
                    ativo na tela, e um clique disparava um PATCH duplicado
                    pra status_impressao='pendente', fazendo o impressor
                    processar o pedido duas vezes. Duas correções:
                    (1) nova função sincronizarPixAbertoSilencioso() — mesmo
                    com o modal aberto, confere periodicamente (a cada 15s)
                    se algum pedido "aguardando_pix" já mudou de status por
                    fora, e atualiza a lista na hora se sim;
                    (2) confirmarPix() agora confere no Supabase o status
                    atual do pedido antes de confirmar — se já tiver sido
                    resolvido, aborta e só sincroniza a tela, sem duplicar
                    a impressão. Nenhuma mudança visual pro operador.
  v51 (25/06/2026): MELHORIA FLUXO DE ATENDIMENTO — duas mudanças:
                    (1) Removido o overlay de preview do ticket (mostrarTicket) do
                    fluxo de registrarPedido(). Esse overlay travava a tela exigindo
                    toque em "Fechar" mesmo já com o pedido gravado e o formulário já
                    limpo — só duplicava a confirmação visual que mostrarSucesso() já
                    dá (toast de 2s, fecha solo). Função mostrarTicket() e o botão
                    mostrarTicketById() continuam disponíveis para consulta posterior
                    de um pedido específico, só não disparam mais automaticamente
                    a cada registro.
                    (2) Botão "Registrar pedido e imprimir ticket" agora fica
                    disabled durante o await de salvarPedidoSupabase() (estado
                    "Registrando..."). Antes o botão continuava clicável durante
                    esse intervalo — em rede lenta do restaurante, um segundo toque
                    nesse período criava um SEGUNDO pedido pendente no Supabase,
                    fazendo o impressor.py imprimir o mesmo pedido 2x (causa raiz
                    do bug de "ticket duplicado" investigado em 25/06). Reabilita
                    automaticamente ao final (sucesso ou erro).
  v50 (20/06/2026): Botão "Testar Impressora" na aba Status. Usa registro
                    sentinela fixo (tipo='teste_impressora') no Supabase —
                    não cria pedido novo a cada teste. Painel aciona via PATCH
                    e monitora o status por até 20s (teste_ok / erro_impressao
                    / timeout). Requer impressor.py v2.2+.
  v49 (20/06/2026): Link do botão "❓ Ajuda" no header corrigido para apontar
                    para a Central de Ajuda com os dados do Sabor Brasileiro
                    já preenchidos via parâmetros de URL (?nome=&atendente=&
                    whatsapp=&painel=). Antes o link era genérico e a página
                    aparecia com placeholders ([Nome do estabelecimento] etc).
                    Não altera nenhuma outra função do painel.
  v48 (19/06/2026): Adicionado campo fechado_manual (separado do campo status)
                    gravado no Supabase a cada salvarStatusSupabase(). Motivo:
                    o N8N passa a calcular sozinho se está dentro do horário
                    configurado (hr_abre/hr_fecha/dias_funcionamento) a cada
                    mensagem recebida, em vez de confiar no campo status que só
                    era atualizado quando o painel estava aberto em algum
                    celular (setInterval de 60s rodando no navegador). Isso
                    eliminava o fechamento automático quando nenhum painel
                    estava ativo no horário exato de fechar — a Nina continuava
                    aceitando pedidos fora do horário. fechado_manual=true
                    quando fechadoHoje OU esgotadoHoje estão ativos (decisão do
                    operador pelo botão); o N8N usa esse campo para respeitar o
                    fechamento manual independente do horário. Painel continua
                    funcionando exatamente igual — nenhuma mudança visual ou de
                    fluxo para o operador.
  v47 (19/06/2026): Exibição do nome do titular do Pix no modal "Pix Aguardando"
                    (aba Movimento). A Nina já coletava a informação "Em nome de
                    quem virá o Pix?" e salvava no campo obs (ex: "Marmita P: bife.
                    Pix em nome de: João Silva"), mas o card de cada pedido pendente
                    no modal de confirmação de Pix não exibia esse dado — o operador
                    confirmava/cancelava o Pix sem saber o nome esperado no
                    comprovante. Adicionada função extrairNomePix() que isola só a
                    parte "Pix em nome de: ..." do obs (ignora outras observações
                    como mistura escolhida ou restrições de preparo) e exibe em
                    destaque no card. Não altera o campo obs no banco nem a exibição
                    completa do obs nas outras abas (Movimento/Status), só adiciona
                    a linha filtrada dentro do modal de Pix.
  v46 (18/06/2026): CORREÇÃO CRÍTICA cálculo de "hoje" em Brasília — a v45 calculava
                    agoraBR via new Date(new Date().toLocaleString('en-US',{timeZone:
                    'America/Sao_Paulo'})), mas essa string de texto, ao ser reconstituída
                    com new Date(), é interpretada no fuso LOCAL do navegador/sistema, não
                    necessariamente Brasília. Próximo da virada do dia em UTC (~21h
                    Brasília), isso fazia hojeBR calcular o dia ERRADO (o de amanhã),
                    deslocando toda a janela do filtro um dia pra frente e zerando o
                    Movimento. Corrigido para usar aritmética pura em milissegundos
                    (Date.now() - 3h), que nunca depende de interpretação de string/fuso
                    do ambiente. Aplicado em carregarPedidosSupabase(), pollingPedidos()
                    e cancelarPix().
  v45 (18/06/2026): CORREÇÃO filtro "pedidos de hoje" (Movimento/Relatórios) — as funções
                    carregarPedidosSupabase(), pollingPedidos() e cancelarPix() filtravam
                    o dia usando meia-noite UTC (T00:00:00Z/T23:59:59Z) em vez de meia-noite
                    Brasília (que é T03:00:00Z). Isso deslocava a janela do dia em 3h,
                    podendo cortar pedidos feitos perto da virada do dia. Corrigido para
                    filtrar de hojeT03:00:00Z (gte) até amanhãT03:00:00Z (lt, exclusivo),
                    equivalente a 00:00–23:59 em Brasília. Não altera a hora exibida nos
                    pedidos (já correta desde v44) — só corrige quais pedidos entram na lista.
  v44 (18/06/2026): CORREÇÃO CRÍTICA hora dos pedidos do balcão — salvarPedidoSupabase()
                    subtraía 3h manualmente de new Date() antes de gravar no Supabase
                    (bug desde implantação). Como new Date() já é UTC e o Supabase
                    armazena UTC, essa subtração extra fazia os pedidos do balcão
                    aparecerem com 6h de atraso na exibição (browser já converte
                    UTC→Brasília automaticamente). Pedidos via WhatsApp/N8N não eram
                    afetados (gravação correta lá). Corrigido para: new Date().toISOString()
  v43 (18/06/2026): PWA — instalação como app no celular (manifest, ícone verde-amarelo,
                    Service Worker network-first). Nome: "Painel SB", cor tema #2e7d32.
  v42 (16/06/2026): Campo OBS movido para logo abaixo da seleção de tamanho/PF.
  v41 (16/06/2026): Correção card Marmitas — bug desde v34 (cntMarm=tot). parseTamanhoStr() reconstrói qtdTamanhos do banco.
  v40 (13/06/2026): Validação do pedido no balcão: tamanho (P/M/G) não obrigatório quando há itens extras selecionados — permite registrar pedido só de Feijoada Avulsa ou outros adicionais sem marmita.
  v39 (04/06/2026): Mensagens personalizadas (fechado/esgotado/folga) salvas e carregadas do Supabase. Correção do bug onde alterações no painel não chegavam à Nina.
  v36 (29/05/2026): Telefone/Balcão exibido após nome do cliente nas abas Movimento e Relatório. Botão Ajuda no header.
  v35 (28/05/2026): Toggle on/off por item adicional na aba Config.
                    Motivo: quando um item acaba (ex: suco de laranja), o operador
                    desativa o toggle sem excluir o item — amanhã que reabastece
                    só liga de volta. Item OFF fica visível mas apagado e bloqueado
                    no formulário de pedido (balcão não vende + Nina não oferece).
                    Campo 'ativo' (boolean) adicionado dentro do JSON de cada item
                    em configuracao_painel.itens. Ausência do campo = true (compatível
                    com itens antigos). Toggle salva automaticamente no Supabase.
  v34 (28/05/2026): REMOÇÃO DE FATURAMENTO DO PAINEL DO FUNCIONÁRIO.
                    Motivo: o dono passa a acompanhar faturamento pelo painel exclusivo
                    sbadmin.timautomacoes.com.br (com senha). O funcionário não deve
                    ter acesso a totais financeiros — apenas ao movimento operacional.
                    Removidos:
                    (1) Card "faturado" do header (topo do painel) — mantido só pedidos
                    (2) Card "Faturamento" da aba Movimento — mantido só pedidos e marmitas
                    (3) Cards "Faturamento total" e "Ticket médio" da aba Relatório
                    (4) Total agregado por filtro na aba Relatório (relResultadoTotal)
                    O valor individual de cada pedido permanece visível em todas as abas.
  v33 (26/05/2026): Botão "Entrega Atrasada" na aba Status — grava entrega_atrasada
                    no Supabase para Nina avisar clientes e sugerir retirada no balcão.
                    Zera automaticamente quando restaurante fecha (fora do horário).
  v32 (22/05/2026): Correção bug status fechado — fechado-manual, fora-horario e
                    dia-folga agora gravam 'fechado' no Supabase (antes gravavam 'aberto',
                    permitindo Nina atender fora do horário).
  v31 (22/05/2026): Correção definitiva do número do pedido — elimina numPed em todos
                    os 3 pontos (carregar, polling, registrar). Pedido entra em pedidos[]
                    apenas após retorno do Supabase — id e sbId sempre iguais ao banco.
  v30 (22/05/2026): Número do pedido usa ID real do Supabase, padStart 4 zeros,
                    versão V30 exibida no header abaixo da hora
  v29 (21/05/2026): CORREÇÃO CRÍTICA adicionais — qtdItens por nome (não índice),
                    renderItens usa cópia ordenada (nunca muda cfg.itens original),
                    adicionarItem sem reordenação, novo item no topo destacado,
                    botão + Adicionar no topo E rodapé, salvarConfig inclui itens,
                    removerItem com confirmação, validação de nomes duplicados
  v28 (20/05/2026): Ordenação alfabética adicionais, campo pesquisa tempo real, X limpar,
                    itens selecionados fixos no topo durante pesquisa
  v27 (20/05/2026): Stepper itens adicionais (qtdItens), visual igual tamanhos,
                    ticket/resumo com qtd, esc() XSS em 6 pontos, IP removido
  v26 (18/05/2026): Cancelar Pix, relatório com cancelados excluídos dos totais,
                    bug duplicação Pix corrigido, segurança webhook Pix (token)
  v25 (15/05/2026): Segurança XSS (esc()), itensFull, token webhook Pix
  v24 (13/05/2026): PF (Prato Feito), Pix Phase 2, horários duplos
  ================================
  REGRA: sempre baixar do servidor antes de editar
  scp root@[servidor]:/var/www/saborbrasileiro/index.html ~/Downloads/painel-sb-servidor-atual.html
-->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Painel do Balcão v57 — Tim Automações</title>
<!-- PWA: instalação como app no celular -->
<link rel="manifest" href="/manifest-sb.json">
<meta name="theme-color" content="#2e7d32">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="Painel SB">
<link rel="apple-touch-icon" href="/icon-sb-192.png">
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap" rel="stylesheet">
<style>
*{box-sizing:border-box;margin:0;padding:0}

/* ===== TEMAS ===== */
body.tema-claro{
  --bg:#f5f4f1;--surface:#ffffff;--surface2:#f0ede8;
  --texto:#1c1c1c;--texto2:#6b6b6b;--borda:#e0dbd4;
  --primaria:#e8640a;--primaria2:#f07830;--primaria-bg:#fff3ec;--primaria-borda:#f5c4a0;
  --verde:#1a6b3a;--sucesso-bg:#eaf3de;--sucesso-borda:#c0dd97;
  --perigo:#cc3333;--perigo-bg:#fdf0f0;
  --nav-bg:#ffffff;--nav-borda:#e0dbd4;
  --card-glass:rgba(255,255,255,0.85);
  --sombra:0 2px 12px rgba(0,0,0,0.08);
  --rel-dinheiro:#1a6b3a;--rel-pix:#0066cc;--rel-debito:#7b2fbe;--rel-credito:#c0392b;
}
body.tema-escuro{
  --bg:#151515;--surface:#1e1e1e;--surface2:#272727;
  --texto:#f0f0f0;--texto2:#888;--borda:#333;
  --primaria:#00e676;--primaria2:#00c853;--primaria-bg:rgba(0,230,118,0.1);--primaria-borda:rgba(0,230,118,0.3);
  --verde:#00e676;--sucesso-bg:rgba(0,230,118,0.1);--sucesso-borda:rgba(0,230,118,0.3);
  --perigo:#ff5252;--perigo-bg:rgba(255,82,82,0.1);
  --nav-bg:rgba(20,20,20,0.85);--nav-borda:rgba(255,255,255,0.08);
  --card-glass:rgba(40,40,40,0.75);
  --sombra:0 2px 20px rgba(0,0,0,0.4);
  --rel-dinheiro:#00e676;--rel-pix:#4fc3f7;--rel-debito:#ce93d8;--rel-credito:#ff8a80;
}
body.tema-verde{
  --bg:#1a2e1f;--surface:#223228;--surface2:#2a3d30;
  --texto:#e8f0e9;--texto2:#8aab8f;--borda:#2e4535;
  --primaria:#c9a84c;--primaria2:#e0c060;--primaria-bg:rgba(201,168,76,0.12);--primaria-borda:rgba(201,168,76,0.35);
  --verde:#c9a84c;--sucesso-bg:rgba(201,168,76,0.12);--sucesso-borda:rgba(201,168,76,0.35);
  --perigo:#ff6b6b;--perigo-bg:rgba(255,107,107,0.12);
  --nav-bg:rgba(20,35,22,0.9);--nav-borda:rgba(201,168,76,0.2);
  --card-glass:rgba(30,50,34,0.8);
  --sombra:0 2px 20px rgba(0,0,0,0.5);
  --rel-dinheiro:#c9a84c;--rel-pix:#81c784;--rel-debito:#ce93d8;--rel-credito:#ff8a80;
}

body{
  font-family:'DM Sans',sans-serif;
  background:var(--bg);
  color:var(--texto);
  min-height:100vh;
  transition:background 0.4s, color 0.4s;
  padding-bottom:80px;
}

/* ===== HEADER ===== */
.header{
  position:sticky;top:0;z-index:50;
  background:var(--card-glass);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--borda);
  padding:12px 16px;
}
.header-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.logo-text{font-size:14px;font-weight:600;color:var(--texto)}
.logo-sub{font-size:11px;color:var(--texto2);font-weight:400}
.header-stats{display:flex;gap:8px}
.hstat{background:var(--primaria-bg);border:1px solid var(--primaria-borda);border-radius:8px;padding:4px 10px;text-align:center}
.hstat-num{font-size:15px;font-weight:600;color:var(--primaria)}
.hstat-label{font-size:9px;color:var(--texto2);display:block}
.hora-badge{font-size:12px;color:var(--texto2);font-weight:500}

/* ===== NAV INFERIOR ===== */
.nav-bottom{
  position:fixed;bottom:0;left:0;right:0;z-index:100;
  background:var(--nav-bg);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border-top:1px solid var(--nav-borda);
  display:flex;
  padding:6px 4px max(6px, env(safe-area-inset-bottom));
  gap:2px;
}
.nav-item{
  flex:1;display:flex;flex-direction:column;align-items:center;
  gap:2px;padding:4px 2px;cursor:pointer;border:none;background:transparent;
  color:var(--texto2);font-family:'DM Sans',sans-serif;font-size:10px;
  transition:color 0.2s;min-width:0;
  border-right:1px solid var(--nav-borda);
}
.nav-item:last-child{border-right:none}
.nav-item.ativo{color:var(--primaria)}
.nav-icon{font-size:17px;line-height:1}
.nav-label{font-size:9px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

@media(max-width:360px){
  .nav-icon{font-size:15px}
  .nav-label{font-size:8px}
  .nav-item{padding:4px 1px}
}
@media(min-width:480px){
  .nav-icon{font-size:20px}
  .nav-label{font-size:10px}
  .nav-item{padding:4px 6px}
}

/* ===== CONTEÚDO ===== */
.conteudo{max-width:640px;margin:0 auto;padding:16px 16px 0}
.secao{display:none}.secao.ativa{display:block}

/* ===== CARDS ===== */
.card{
  background:var(--card-glass);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border:1px solid var(--borda);
  border-radius:16px;
  padding:1rem 1.25rem;
  margin-bottom:12px;
  box-shadow:var(--sombra);
}
.card-titulo{font-size:11px;font-weight:600;color:var(--texto2);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.06em}

/* ===== CARDÁPIO ===== */
.card-cardapio{
  background:var(--primaria-bg);
  border:1px solid var(--primaria-borda);
  border-radius:16px;padding:12px 16px;margin-bottom:12px;
  box-shadow:var(--sombra);
}
.cardapio-titulo{font-size:10px;font-weight:600;color:var(--primaria);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:5px}
.cardapio-texto{font-size:14px;color:var(--texto);line-height:1.6}
.cardapio-vazio{font-size:13px;color:var(--texto2);font-style:italic}

/* ===== FORMULÁRIO ===== */
label{font-size:13px;color:var(--texto2);display:block;margin-bottom:5px;font-weight:500}
input,select,textarea{
  width:100%;font-size:15px;padding:12px 14px;
  border:1.5px solid var(--borda);border-radius:10px;
  background:var(--surface2);color:var(--texto);
  outline:none;font-family:'DM Sans',sans-serif;
  transition:border-color 0.2s,background 0.2s;
}
input:focus,select:focus,textarea:focus{border-color:var(--primaria);background:var(--surface)}
input.erro{border-color:var(--perigo)!important;background:var(--perigo-bg)!important}
.campo{margin-bottom:12px}
.erro-msg{font-size:12px;color:var(--perigo);margin-top:4px;display:none}
.erro-msg.show{display:block}

/* ===== TAMANHOS — STEPPER ===== */
.tamanho-grid{display:flex;flex-direction:column;gap:8px}
.tam-linha{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border:1.5px solid var(--borda);border-radius:12px;
  background:var(--surface2);transition:border-color 0.2s,background 0.2s;
}
.tam-linha.ativo{border-color:var(--primaria);background:var(--primaria-bg)}
.tam-info{display:flex;flex-direction:column;gap:2px}
.tam-letra{font-size:17px;font-weight:700;color:var(--texto);line-height:1}
.tam-linha.ativo .tam-letra{color:var(--primaria)}
.tam-preco{font-size:12px;color:var(--texto2)}
.tam-linha.ativo .tam-preco{color:var(--primaria)}
.stepper{display:flex;align-items:center;gap:0}
.step-btn{
  width:38px;height:38px;border-radius:10px;border:1.5px solid var(--borda);
  background:var(--surface);color:var(--texto);font-size:20px;font-weight:400;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:all 0.15s;font-family:'DM Sans',sans-serif;line-height:1;
  -webkit-tap-highlight-color:transparent;
}
.step-btn:active{transform:scale(0.9);background:var(--primaria-bg);border-color:var(--primaria)}
.step-btn.minus{border-radius:10px 0 0 10px;border-right:none}
.step-btn.plus{border-radius:0 10px 10px 0;border-left:none;background:var(--primaria);border-color:var(--primaria);color:#fff}
.step-btn.plus:active{opacity:0.8;transform:scale(0.9)}
.step-qtd{
  width:42px;height:38px;text-align:center;font-size:17px;font-weight:700;
  color:var(--texto);background:var(--surface2);border:1.5px solid var(--borda);
  border-left:none;border-right:none;display:flex;align-items:center;justify-content:center;
  font-family:'DM Sans',sans-serif;
}
.tam-linha.ativo .step-qtd{color:var(--primaria);border-color:var(--primaria-borda)}
.tam-linha.ativo .step-btn.minus{border-color:var(--primaria-borda)}

/* PF — separador visual */
.pf-wrapper{margin-top:4px;padding-top:8px;border-top:1px dashed var(--borda)}

/* ===== ITENS ===== */
/* Pesquisa adicionais */
.itens-busca-wrap{position:relative;margin-bottom:8px}
.itens-busca-input{
  width:100%;box-sizing:border-box;padding:10px 38px 10px 14px;
  border:1.5px solid var(--borda);border-radius:10px;background:var(--surface);
  color:var(--texto);font-size:15px;font-family:'DM Sans',sans-serif;
  outline:none;transition:border-color 0.15s;
}
.itens-busca-input:focus{border-color:var(--primaria)}
.itens-busca-clear{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;border:none;background:var(--texto2);
  color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:none;
  align-items:center;justify-content:center;line-height:1;padding:0;
  -webkit-tap-highlight-color:transparent;
}
.itens-busca-clear.visivel{display:flex}
.itens-lista{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}
.item-linha{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 14px;border:1.5px solid var(--borda);border-radius:12px;
  background:var(--surface2);transition:border-color 0.2s,background 0.2s;
}
.item-linha.ativo{border-color:var(--primaria);background:var(--primaria-bg)}
.item-info{display:flex;flex-direction:column;gap:2px}
.item-nome-txt{font-size:14px;font-weight:600;color:var(--texto);line-height:1.2}
.item-linha.ativo .item-nome-txt{color:var(--primaria)}
.item-preco-txt{font-size:12px;color:var(--texto2)}
.item-linha.ativo .item-preco-txt{color:var(--primaria)}
.item-linha.ativo .step-qtd{color:var(--primaria);border-color:var(--primaria-borda)}
.item-linha.ativo .step-btn.minus{border-color:var(--primaria-borda)}

/* ===== TIPO ===== */
.tipo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tipo-btn{
  padding:13px;border:1.5px solid var(--borda);border-radius:12px;
  text-align:center;cursor:pointer;font-size:14px;font-weight:500;
  background:var(--surface2);color:var(--texto2);transition:all 0.2s;
  font-family:'DM Sans',sans-serif;
}
.tipo-btn:active{transform:scale(0.97)}
.tipo-btn.sel{border-color:var(--primaria);background:var(--primaria-bg);color:var(--primaria)}

/* ===== PGTO ===== */
.pgto-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.pgto-btn{
  padding:13px 8px;border:1.5px solid var(--borda);border-radius:12px;
  text-align:center;cursor:pointer;font-size:13px;font-weight:500;
  background:var(--surface2);color:var(--texto2);transition:all 0.2s;
  font-family:'DM Sans',sans-serif;position:relative;
}
.pgto-btn:active{transform:scale(0.97)}
.pgto-btn.sel{border-color:var(--primaria);background:var(--primaria-bg);color:var(--primaria)}
.pgto-check{
  position:absolute;top:6px;right:8px;
  width:16px;height:16px;border-radius:50%;
  background:var(--primaria);color:#fff;
  font-size:10px;display:none;
  align-items:center;justify-content:center;font-weight:700;
}
.pgto-btn.sel .pgto-check{display:flex}
.pgto-valores{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}
.pgto-valor-row{
  display:flex;align-items:center;gap:10px;
  background:var(--surface2);border:1.5px solid var(--primaria-borda);
  border-radius:10px;padding:10px 12px;
}
.pgto-valor-label{font-size:13px;font-weight:600;color:var(--primaria);flex:1;white-space:nowrap}
.pgto-valor-input{
  width:110px;font-size:15px;font-weight:700;padding:6px 10px;
  border:1.5px solid var(--borda);border-radius:8px;
  background:var(--surface);color:var(--texto);
  font-family:'DM Sans',sans-serif;text-align:right;
}
.pgto-valor-input:focus{border-color:var(--primaria);outline:none}
.pgto-progresso{
  background:var(--surface2);border:1.5px solid var(--borda);
  border-radius:10px;padding:10px 14px;margin-top:4px;
}
.pgto-prog-row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.pgto-prog-label{color:var(--texto2)}
.pgto-prog-valor{font-weight:700}
.pgto-prog-valor.ok{color:var(--verde)}
.pgto-prog-valor.falta{color:var(--perigo)}
.pgto-prog-barra{height:4px;background:var(--borda);border-radius:2px;margin-top:6px;overflow:hidden}
.pgto-prog-fill{height:100%;background:var(--verde);border-radius:2px;transition:width 0.3s}

/* ===== HORÁRIO PREVIEW ===== */
.horario-preview{
  background:var(--primaria-bg);border:1px solid var(--primaria-borda);
  border-radius:8px;padding:8px 12px;font-size:13px;color:var(--primaria);
  font-weight:600;margin-top:6px;display:none;text-align:center;
}

/* ===== BANNER STATUS ===== */
.banner-status{
  max-width:640px;margin:0 auto 0;
  padding:0 16px;
}
.banner-fechado{
  display:none;
  background:#cc3333;color:#fff;
  border-radius:0 0 14px 14px;
  padding:10px 16px;
  font-size:13px;font-weight:600;
  text-align:center;letter-spacing:0.02em;
  animation:pulsar 2s ease-in-out infinite;
}
.banner-esgotado{
  display:none;
  background:#e8640a;color:#fff;
  border-radius:0 0 14px 14px;
  padding:10px 16px;
  font-size:13px;font-weight:600;
  text-align:center;letter-spacing:0.02em;
  animation:pulsar 2s ease-in-out infinite;
}
@keyframes pulsar{
  0%,100%{opacity:1}50%{opacity:0.75}
}

/* ===== STATUS CARD GRANDE ===== */
.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.status-grande{
  grid-column:1/-1;
  border-radius:16px;padding:20px;
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;cursor:pointer;transition:all 0.2s;
  border:2px solid;
}
.status-grande:active{transform:scale(0.98)}
.status-grande.aberto{background:#eaf3de;border-color:#5a9e30;color:#1a5c00}
.status-grande.fechado{background:#fdf0f0;border-color:#cc3333;color:#cc3333}
.status-grande.esgotado{background:#fff3ec;border-color:#e8640a;color:#c25208}
.status-icon-big{font-size:36px;line-height:1}
.status-info{flex:1}
.status-titulo{font-size:17px;font-weight:700;margin-bottom:3px}
.status-sub{font-size:12px;opacity:0.8;font-weight:400}
.status-toggle-label{font-size:11px;font-weight:600;opacity:0.7;text-transform:uppercase;letter-spacing:0.06em}

/* Botões de ação rápida */
.status-acao-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.status-acao-btn{
  padding:16px 12px;border-radius:14px;border:2px solid;
  text-align:center;cursor:pointer;transition:all 0.2s;
  font-family:'DM Sans',sans-serif;
}
.status-acao-btn:active{transform:scale(0.96)}
.btn-esgotado{background:var(--primaria-bg);border-color:var(--primaria);color:var(--primaria)}
.btn-esgotado.ativo{background:#e8640a;border-color:#c25208;color:#fff}
.btn-fechado-hoje{background:var(--perigo-bg);border-color:var(--perigo);color:var(--perigo)}
.btn-fechado-hoje.ativo{background:#cc3333;border-color:#991111;color:#fff}
.btn-atrasada{background:#fffbe6;border-color:#e6a817;color:#b07d00}
.btn-atrasada.ativo{background:#e6a817;border-color:#b07d00;color:#fff}
.btn-entrega-ativa{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}
.btn-entrega-ativa.pausada{background:#cc3333;border-color:#991111;color:#fff}
.acao-icon{font-size:24px;display:block;margin-bottom:5px}
.acao-label{font-size:13px;font-weight:600;display:block}
.acao-sub{font-size:11px;opacity:0.75;margin-top:2px;display:block}

/* Dias da semana — funcionamento */
.dias-func-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:10px}
.dia-func-btn{
  padding:10px 4px;border:1.5px solid var(--borda);border-radius:10px;
  text-align:center;cursor:pointer;font-size:11px;font-weight:600;
  background:var(--surface2);color:var(--texto2);transition:all 0.2s;
}
.dia-func-btn.aberto{border-color:#5a9e30;background:#eaf3de;color:#1a5c00}
.dia-func-btn.fechado-dia{border-color:var(--perigo);background:var(--perigo-bg);color:var(--perigo)}

/* Horário funcionamento */
.horario-func-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.horario-label-func{font-size:12px;color:var(--texto2);margin-bottom:4px;font-weight:500}

/* Mensagens configuráveis */
.msg-preview{
  background:var(--surface2);border:1px solid var(--borda);
  border-radius:10px;padding:10px 12px;font-size:13px;
  color:var(--texto2);font-style:italic;margin-top:6px;
  line-height:1.5;
}

/* ===== TOTAL ===== */
.total-box{
  background:var(--primaria);border-radius:14px;
  padding:16px 20px;display:flex;justify-content:space-between;
  align-items:center;margin-bottom:12px;box-shadow:var(--sombra);
}
.total-label{font-size:13px;color:rgba(255,255,255,0.8)}
.total-valor{font-size:26px;font-weight:700;color:#fff}

/* ===== BOTÃO PRINCIPAL ===== */
.btn-principal{
  width:100%;padding:16px;background:var(--primaria);border:none;
  border-radius:14px;font-size:16px;font-weight:600;color:#fff;
  cursor:pointer;transition:all 0.2s;font-family:'DM Sans',sans-serif;
  box-shadow:var(--sombra);position:relative;overflow:hidden;
}
.btn-principal:hover{opacity:0.92}
.btn-principal:active{transform:scale(0.98)}

/* ===== RIPPLE ===== */
.ripple{
  position:absolute;border-radius:50%;background:rgba(255,255,255,0.4);
  transform:scale(0);animation:ripple 0.6s linear;pointer-events:none;
}
@keyframes ripple{to{transform:scale(4);opacity:0}}

/* ===== SUCESSO ANIMADO ===== */
.sucesso-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  z-index:200;pointer-events:none;opacity:0;
  transition:opacity 0.3s;
}
.sucesso-overlay.show{opacity:1}
.sucesso-box{
  background:var(--primaria);color:#fff;
  border-radius:20px;padding:24px 40px;
  text-align:center;transform:scale(0.8);
  transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow:0 20px 60px rgba(0,0,0,0.3);
}
.sucesso-overlay.show .sucesso-box{transform:scale(1)}
.sucesso-icon{font-size:48px;display:block;margin-bottom:8px}
.sucesso-txt{font-size:18px;font-weight:600}
.sucesso-sub{font-size:13px;opacity:0.85;margin-top:4px}

/* ===== GRID ===== */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
@media(max-width:480px){.grid3{grid-template-columns:1fr 1fr}.grid2{grid-template-columns:1fr}}

/* ===== MOVIMENTO ===== */
.contador{display:flex;gap:10px;margin-bottom:16px}
.stat{
  flex:1;background:var(--card-glass);border:1px solid var(--borda);
  border-radius:14px;padding:14px 10px;text-align:center;
  backdrop-filter:blur(8px);box-shadow:var(--sombra);
}
.stat-num{font-size:24px;font-weight:700;color:var(--primaria)}
.stat-label{font-size:11px;color:var(--texto2);margin-top:2px}
.pedido-card{
  background:var(--card-glass);border:1px solid var(--borda);
  border-radius:14px;padding:14px 16px;
  display:flex;justify-content:space-between;align-items:flex-start;
  margin-bottom:8px;backdrop-filter:blur(8px);box-shadow:var(--sombra);
}
.pedido-nome{font-size:14px;font-weight:600;color:var(--texto)}
.pedido-detalhe{font-size:12px;color:var(--texto2);margin-top:3px;line-height:1.5}
.btn-sm{
  font-size:11px;border:1px solid var(--borda);border-radius:6px;
  padding:4px 10px;cursor:pointer;background:var(--surface2);
  color:var(--texto2);margin-top:6px;font-family:'DM Sans',sans-serif;
}
.empty{text-align:center;padding:2.5rem;color:var(--texto2);font-size:14px}

/* ===== CONFIG ===== */
.btn-add{
  width:100%;padding:11px;border:1.5px dashed var(--borda);
  border-radius:10px;font-size:13px;cursor:pointer;
  background:transparent;color:var(--texto2);margin-top:8px;
  transition:all 0.15s;font-family:'DM Sans',sans-serif;
}
.btn-add:hover{background:var(--surface2)}
.btn-add-solid{
  width:100%;padding:11px;border:1.5px solid var(--borda);
  border-radius:10px;font-size:13px;cursor:pointer;
  background:var(--surface2);color:var(--primaria);margin-top:8px;
  transition:all 0.15s;font-family:'DM Sans',sans-serif;font-weight:600;
}
.btn-add-solid:hover{background:var(--primaria-bg)}
.item-cfg-row{display:grid;grid-template-columns:1fr 90px 48px 36px;gap:8px;align-items:center;margin-bottom:8px}
.btn-rem{
  padding:0;border:1.5px solid var(--borda);border-radius:8px;
  font-size:14px;cursor:pointer;background:var(--surface2);
  color:var(--texto2);display:flex;align-items:center;
  justify-content:center;height:42px;width:36px;
}
.cfg-header-row{display:grid;grid-template-columns:1fr 90px 48px 36px;gap:8px;margin-bottom:6px}
.cfg-header-row span{font-size:11px;color:var(--texto2)}

/* ===== TOGGLE DISPONÍVEL (aba Config) ===== */
.toggle-disp{
  width:44px;height:26px;background:var(--borda);border-radius:13px;
  cursor:pointer;position:relative;transition:background 0.25s;
  border:none;flex-shrink:0;-webkit-tap-highlight-color:transparent;
}
.toggle-disp.on{background:#1a6b3a}
.toggle-disp::after{
  content:'';position:absolute;top:3px;left:3px;
  width:20px;height:20px;background:#fff;border-radius:50%;
  transition:transform 0.25s;box-shadow:0 1px 4px rgba(0,0,0,0.2);
}
.toggle-disp.on::after{transform:translateX(18px)}

/* Item indisponível no formulário de pedido */
.item-linha.indisponivel{
  opacity:0.35;
  pointer-events:none;
  cursor:default;
}
.dias-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:12px}
@media(max-width:500px){.dias-grid{grid-template-columns:repeat(4,1fr)}}
.dia-btn{
  padding:8px 3px;border:1.5px solid var(--borda);border-radius:8px;
  text-align:center;cursor:pointer;font-size:11px;font-weight:500;
  background:var(--surface2);color:var(--texto2);transition:all 0.15s;
}
.dia-btn.sel{border-color:var(--primaria);background:var(--primaria-bg);color:var(--primaria)}
.dia-btn.tem{border-color:var(--verde);color:var(--verde)}

/* ===== TEMAS SELECTOR ===== */
.temas-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.tema-card{
  border:2px solid var(--borda);border-radius:12px;padding:12px 8px;
  text-align:center;cursor:pointer;transition:all 0.2s;
  background:var(--surface2);
}
.tema-card.sel{border-color:var(--primaria);background:var(--primaria-bg)}
.tema-preview{
  height:32px;border-radius:8px;margin-bottom:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:9px;font-weight:600;letter-spacing:0.05em;color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.tema-nome{font-size:12px;font-weight:600;color:var(--texto)}
.tema-desc{font-size:10px;color:var(--texto2);margin-top:2px}
.noturno-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.noturno-label{font-size:14px;color:var(--texto);font-weight:500}
.noturno-sub{font-size:12px;color:var(--texto2);margin-top:2px}
.toggle{width:44px;height:26px;background:var(--borda);border-radius:13px;cursor:pointer;position:relative;transition:background 0.3s;border:none;flex-shrink:0}
.toggle.on{background:var(--primaria)}
.toggle::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform 0.3s;box-shadow:0 1px 4px rgba(0,0,0,0.2)}
.toggle.on::after{transform:translateX(18px)}
.btn-salvar{
  width:100%;padding:14px;background:var(--primaria);border:none;
  border-radius:14px;font-size:15px;font-weight:600;color:#fff;
  cursor:pointer;transition:all 0.2s;font-family:'DM Sans',sans-serif;margin-top:4px;
}
.btn-salvar:hover{opacity:0.9}

/* ===== BOTÃO AGUARDANDO PIX (nav) ===== */
.nav-pix-badge{position:relative}
.pix-counter{
  position:absolute;top:-2px;right:-4px;
  background:#0066cc;color:#fff;
  border-radius:10px;padding:1px 5px;
  font-size:9px;font-weight:700;
  min-width:16px;text-align:center;
  display:none;
}
.pix-counter.show{display:block}

/* Badge erro impressão no botão Movimento */
.nav-mov-badge{position:relative}
.erro-counter{
  position:absolute;top:-2px;right:-4px;
  background:#cc3333;color:#fff;
  border-radius:10px;padding:1px 5px;
  font-size:9px;font-weight:700;
  min-width:16px;text-align:center;
  display:none;
}
.erro-counter.show{display:block}

/* Card de pedido com erro de impressão */
.pedido-card.erro-impressao{
  border:2px solid #cc3333 !important;
  background:var(--perigo-bg) !important;
}
.erro-impressao-label{
  display:inline-block;
  background:#cc3333;color:#fff;
  border-radius:6px;padding:2px 8px;
  font-size:10px;font-weight:700;
  margin-top:4px;
}
.btn-reimprimir{
  margin-top:6px;padding:6px 14px;
  background:#cc3333;border:none;border-radius:8px;
  color:#fff;font-size:12px;font-weight:700;
  cursor:pointer;font-family:'DM Sans',sans-serif;
  transition:all 0.2s;
}
.btn-reimprimir:hover{background:#aa2222}
.btn-reimprimir:active{transform:scale(0.96)}

/* v55: Cancelamento de pedido */
.btn-cancelar{
  margin-top:6px;margin-left:6px;padding:6px 14px;
  background:#666;border:none;border-radius:8px;
  color:#fff;font-size:12px;font-weight:700;
  cursor:pointer;font-family:'DM Sans',sans-serif;
  transition:all 0.2s;
}
.btn-cancelar:hover{background:#4d4d4d}
.btn-cancelar:active{transform:scale(0.96)}
.pedido-card.cancelado{
  opacity:0.5;filter:grayscale(70%);
  text-decoration:line-through;
}
.pedido-card.cancelado .pedido-nome,
.pedido-card.cancelado .pedido-detalhe{text-decoration:line-through}
.cancelado-label{
  display:inline-block;
  background:#666;color:#fff;
  border-radius:6px;padding:2px 8px;
  font-size:10px;font-weight:700;
  margin-top:4px;text-decoration:none;
}

/* ===== v57: REMESSAS (controle de saída/entrega) ===== */
.btn-nova-remessa{
  width:100%;padding:11px;background:var(--surface2);border:1.5px solid var(--primaria-borda);
  border-radius:10px;font-size:13px;font-weight:700;color:var(--primaria);
  cursor:pointer;margin-bottom:10px;transition:all 0.15s;font-family:'DM Sans',sans-serif;
  display:flex;align-items:center;justify-content:center;gap:6px;
}
.btn-nova-remessa:hover{background:var(--primaria-bg)}
.btn-nova-remessa:active{transform:scale(0.98)}

.mov-filtros{display:flex;gap:8px;margin-bottom:10px}
.mov-filtro-btn{
  flex:1;padding:7px;border:1.5px solid var(--borda);border-radius:8px;
  background:var(--surface2);color:var(--texto2);font-size:12px;font-weight:600;
  cursor:pointer;text-align:center;transition:all 0.15s;font-family:'DM Sans',sans-serif;
}
.mov-filtro-btn.sel{border-color:var(--primaria);background:var(--primaria-bg);color:var(--primaria)}

.remessa-grupo{
  border:1.5px solid var(--primaria-borda);border-radius:14px;
  margin-bottom:8px;overflow:hidden;background:var(--card-glass);box-shadow:var(--sombra);
}
.remessa-grupo-header{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 14px;background:var(--primaria-bg);gap:8px;flex-wrap:wrap;
}
.remessa-grupo-titulo{font-size:13px;font-weight:700;color:var(--primaria)}
.remessa-grupo-sub{font-size:11px;color:var(--texto2);margin-top:2px}
.btn-remessa-entregue{
  padding:6px 12px;background:var(--verde);border:none;border-radius:8px;
  color:#fff;font-size:11px;font-weight:700;cursor:pointer;
  font-family:'DM Sans',sans-serif;white-space:nowrap;transition:all 0.2s;
}
.btn-remessa-entregue:active{transform:scale(0.96)}
.remessa-entregue-label{
  font-size:11px;font-weight:700;color:var(--verde);
  background:var(--sucesso-bg);border:1px solid var(--sucesso-borda);
  border-radius:8px;padding:5px 10px;white-space:nowrap;
}
.remessa-grupo-body{padding:8px 10px 4px}
.remessa-grupo-body .pedido-card{margin-bottom:6px;border-radius:10px;box-shadow:none}
.badge-entrega{
  display:inline-block;font-size:10px;font-weight:700;border-radius:6px;
  padding:2px 8px;margin-top:4px;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;
}
.badge-entrega.em-rota{background:#0066cc22;color:#0066cc;border:1px solid #0066cc44}
.badge-entrega.entregue{background:var(--sucesso-bg);color:var(--verde);border:1px solid var(--sucesso-borda)}

/* Modal Nova Remessa — reaproveita o padrão visual do modal Pix */
.remessa-modal .campo{margin-bottom:14px}
.remessa-modal label{display:block;font-size:12px;color:var(--texto2);margin-bottom:5px;font-weight:600}
.remessa-modal input[type=text],.remessa-modal input[type=time]{
  width:100%;padding:11px 12px;border:1.5px solid var(--borda);border-radius:10px;
  background:var(--surface);color:var(--texto);font-size:14px;font-family:'DM Sans',sans-serif;
}
.remessa-numero-badge{font-size:12px;color:var(--texto2);margin-bottom:10px}
.remessa-codigo-row{display:flex;gap:8px}
.remessa-codigo-row input{flex:1}
.btn-camera-remessa{
  width:46px;height:46px;border-radius:10px;border:1.5px solid var(--borda);
  background:var(--surface2);font-size:18px;cursor:pointer;flex-shrink:0;
}
.btn-camera-remessa.ativa{background:var(--primaria);border-color:var(--primaria)}
#remessaLeitorQr{margin-top:10px;border-radius:12px;overflow:hidden;display:none}
#remessaLeitorQr.show{display:block}
.remessa-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:20px}
.remessa-chip{
  background:var(--primaria-bg);border:1px solid var(--primaria-borda);
  border-radius:16px;padding:4px 6px 4px 12px;font-size:12px;font-weight:600;
  color:var(--primaria);display:flex;align-items:center;gap:6px;
}
.remessa-chip button{
  background:none;border:none;color:var(--primaria);font-size:13px;
  cursor:pointer;padding:0 4px;line-height:1;
}
.remessa-chip-empty{font-size:12px;color:var(--texto2);padding:4px 0}
.remessa-erro-msg{font-size:12px;color:var(--perigo);margin-top:6px;display:none}
.remessa-erro-msg.show{display:block}

/* ===== MODAL AGUARDANDO PIX ===== */
.pix-overlay{
  display:none;position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.75);z-index:160;
  align-items:flex-end;justify-content:center;
  backdrop-filter:blur(4px);
}
.pix-overlay.show{display:flex}
.pix-modal{
  background:var(--surface);width:100%;max-width:640px;
  border-radius:20px 20px 0 0;max-height:85vh;
  display:flex;flex-direction:column;
  box-shadow:0 -8px 40px rgba(0,0,0,0.4);
}
.pix-modal-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 20px 14px;border-bottom:1px solid var(--borda);flex-shrink:0;
}
.pix-modal-titulo{font-size:16px;font-weight:700;color:var(--texto)}
.pix-modal-sub{font-size:12px;color:var(--texto2);margin-top:2px}
.pix-fechar{
  width:32px;height:32px;border-radius:50%;border:none;
  background:var(--surface2);color:var(--texto2);font-size:18px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.pix-lista{overflow-y:auto;padding:12px 16px;flex:1}
.pix-empty{text-align:center;padding:2.5rem 1rem;color:var(--texto2)}
.pix-empty-icon{font-size:40px;display:block;margin-bottom:10px;opacity:0.4}
.pix-item{
  background:var(--card-glass);border:2px solid #0066cc33;
  border-radius:14px;padding:14px 16px;margin-bottom:10px;
  display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.pix-item-info{flex:1;min-width:0}
.pix-item-nome{font-size:15px;font-weight:700;color:var(--texto)}
.pix-item-detalhe{font-size:12px;color:var(--texto2);margin-top:3px;line-height:1.5}
.pix-item-origem{
  display:inline-block;padding:2px 8px;border-radius:10px;
  font-size:10px;font-weight:600;margin-top:5px;
  background:#0066cc22;color:#0066cc;border:1px solid #0066cc44;
}
.pix-item-origem.whatsapp{background:var(--sucesso-bg);color:var(--verde);border:1px solid var(--sucesso-borda)}
.pix-item-dir{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}
.pix-item-valor{font-size:18px;font-weight:700;color:#0066cc}
.pix-item-hora{font-size:11px;color:var(--texto2)}
.btn-confirmar-pix{
  padding:9px 16px;background:#0066cc;border:none;
  border-radius:10px;color:#fff;font-size:13px;font-weight:700;
  cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;white-space:nowrap;
}
.btn-confirmar-pix:hover{background:#0052a3}
.btn-confirmar-pix:active{transform:scale(0.96)}
.btn-cancelar-pix{
  padding:7px 12px;background:transparent;border:1.5px solid var(--perigo);
  border-radius:10px;color:var(--perigo);font-size:12px;font-weight:600;
  cursor:pointer;font-family:'DM Sans',sans-serif;transition:all 0.2s;white-space:nowrap;
}
.btn-cancelar-pix:hover{background:var(--perigo-bg)}
.btn-cancelar-pix:active{transform:scale(0.96)}
.pix-confirmacao{
  margin-top:6px;padding:10px 12px;background:var(--perigo-bg);
  border:1.5px solid var(--perigo);border-radius:10px;text-align:center;
}
.pix-confirmacao-txt{font-size:12px;color:var(--perigo);font-weight:600;margin-bottom:8px}
.pix-confirmacao-btns{display:flex;gap:6px;justify-content:center}
.btn-conf-sim{
  padding:6px 14px;background:var(--perigo);border:none;border-radius:8px;
  color:#fff;font-size:12px;font-weight:700;cursor:pointer;font-family:'DM Sans',sans-serif;
}
.btn-conf-nao{
  padding:6px 14px;background:transparent;border:1.5px solid var(--borda);border-radius:8px;
  color:var(--texto2);font-size:12px;font-weight:600;cursor:pointer;font-family:'DM Sans',sans-serif;
}
.pix-modal-footer{padding:14px 16px;border-top:1px solid var(--borda);flex-shrink:0}
.pix-total-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--texto2)}
.pix-total-valor{font-size:18px;font-weight:700;color:#0066cc}

/* ===== TICKET ===== */
.ticket-overlay{
  display:none;position:fixed;top:0;left:0;right:0;bottom:0;
  background:rgba(0,0,0,0.7);z-index:150;
  align-items:center;justify-content:center;padding:1rem;
  backdrop-filter:blur(4px);
}
.ticket-overlay.show{display:flex}
.ticket-wrap{background:white;width:100%;max-width:300px;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.4)}
.ticket-papel{padding:18px;font-family:'Courier New',monospace;font-size:12px;color:#111;max-height:75vh;overflow-y:auto}
.t-restaurante{text-align:center;font-size:14px;font-weight:700;border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px}
.t-lbl{font-size:9px;color:#999;text-align:center;margin-top:6px}
.t-caixa-preta{background:#111;color:white;font-weight:700;text-align:center;padding:5px 8px;border-radius:2px;letter-spacing:2px;margin:4px 0}
.t-nome-box{font-size:15px}
.t-horario-box{font-size:13px}
.t-row{display:flex;justify-content:space-between;margin:4px 0;font-size:11px}
.t-pgto{font-size:10px;color:#555;margin-top:4px}
.t-div{border:none;border-top:1px dashed #ddd;margin:8px 0}
.t-total{font-weight:700;font-size:13px}
.t-obs{font-size:11px;color:#111;margin-top:5px;font-weight:700;text-transform:uppercase}
.t-end{font-size:11px;color:#111;margin-top:3px;font-weight:700;text-transform:uppercase}
.t-cardapio{font-size:9px;color:#777;margin-top:6px;padding-top:6px;border-top:1px dashed #eee}
.t-footer{text-align:center;font-size:9px;color:#aaa;margin-top:10px;padding-top:8px;border-top:1px dashed #ddd}
.ticket-btns{display:flex;border-top:1px solid #eee}
.ticket-btns button{flex:1;padding:14px;font-size:14px;cursor:pointer;border:none;background:white;color:#1c1c1c;font-family:'DM Sans',sans-serif;font-weight:600}
.ticket-btns button:first-child{border-right:1px solid #eee;color:#1a6b3a}

@media print{
  body *{display:none}
  .ticket-papel,.ticket-papel *{display:block!important}
  .ticket-papel{position:fixed;top:0;left:0;width:80mm;padding:4mm;font-size:10px}
}

/* ===== OVERLAY DE ERRO CENTRAL ===== */
.erro-overlay{
  position:fixed;top:0;left:0;right:0;bottom:0;
  display:flex;align-items:center;justify-content:center;
  z-index:200;pointer-events:none;opacity:0;
  transition:opacity 0.25s;
  padding:24px;
}
.erro-overlay.show{opacity:1;pointer-events:auto}
.erro-box{
  background:var(--perigo-bg);
  border:2px solid var(--perigo);
  border-radius:20px;padding:24px 28px;
  text-align:center;
  transform:scale(0.85) translateY(10px);
  transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow:0 20px 60px rgba(0,0,0,0.25);
  max-width:320px;width:100%;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.erro-overlay.show .erro-box{transform:scale(1) translateY(0)}
.erro-icon{font-size:36px;display:block;margin-bottom:10px}
.erro-titulo{font-size:16px;font-weight:700;color:var(--perigo);margin-bottom:8px}
.erro-itens{list-style:none;margin-bottom:16px}
.erro-itens li{
  font-size:14px;color:var(--texto);padding:5px 0;
  border-bottom:1px solid var(--borda);
}
.erro-itens li:last-child{border-bottom:none}
.erro-itens li::before{content:'⚠ ';font-size:12px}
.erro-fechar{
  width:100%;padding:12px;background:var(--perigo);border:none;
  border-radius:12px;font-size:15px;font-weight:600;color:#fff;
  cursor:pointer;font-family:'DM Sans',sans-serif;
}

/* ===== RELATÓRIO ===== */

/* Cards de totais no topo */
.rel-totais{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}
.rel-total-card{
  background:var(--card-glass);border:1px solid var(--borda);
  border-radius:14px;padding:14px 12px;text-align:center;
  backdrop-filter:blur(8px);box-shadow:var(--sombra);
}
.rel-total-num{font-size:22px;font-weight:700;color:var(--primaria);line-height:1.1}
.rel-total-label{font-size:11px;color:var(--texto2);margin-top:4px}
.rel-total-sub{font-size:11px;color:var(--texto2);margin-top:2px;opacity:0.7}

/* Grupo de filtros */
.rel-filtros-grupo{margin-bottom:14px}
.rel-filtros-titulo{font-size:11px;font-weight:600;color:var(--texto2);text-transform:uppercase;letter-spacing:0.06em;margin-bottom:8px}
.rel-filtros-row{display:flex;gap:6px;flex-wrap:wrap}
.rel-filtro-btn{
  padding:7px 14px;border:1.5px solid var(--borda);border-radius:20px;
  font-size:13px;font-weight:500;cursor:pointer;
  background:var(--surface2);color:var(--texto2);
  font-family:'DM Sans',sans-serif;transition:all 0.15s;
  white-space:nowrap;
}
.rel-filtro-btn:active{transform:scale(0.96)}
.rel-filtro-btn.sel{border-color:var(--primaria);background:var(--primaria-bg);color:var(--primaria);font-weight:600}

/* Barra de resumo por pagamento */
.rel-pgto-resumo{margin-bottom:4px}
.rel-pgto-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 0;border-bottom:1px solid var(--borda);
}
.rel-pgto-item:last-child{border-bottom:none}
.rel-pgto-esq{display:flex;align-items:center;gap:10px}
.rel-pgto-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.rel-pgto-nome{font-size:14px;color:var(--texto);font-weight:500}
.rel-pgto-qtd{font-size:12px;color:var(--texto2);margin-top:1px}
.rel-pgto-valor{font-size:15px;font-weight:700;color:var(--texto)}

/* Barra de progresso por pagamento */
.rel-barra-wrap{height:6px;background:var(--surface2);border-radius:3px;margin-top:6px;overflow:hidden}
.rel-barra-fill{height:100%;border-radius:3px;transition:width 0.5s cubic-bezier(0.4,0,0.2,1)}

/* Lista filtrada de pedidos */
.rel-pedido-item{
  background:var(--card-glass);border:1px solid var(--borda);
  border-radius:12px;padding:12px 14px;margin-bottom:8px;
  display:flex;justify-content:space-between;align-items:flex-start;
  backdrop-filter:blur(8px);
}
.rel-pedido-nome{font-size:14px;font-weight:600;color:var(--texto)}
.rel-pedido-detalhe{font-size:12px;color:var(--texto2);margin-top:3px;line-height:1.5}
.rel-pedido-valor{font-size:16px;font-weight:700;color:var(--primaria);text-align:right;white-space:nowrap}
.rel-pedido-hora{font-size:11px;color:var(--texto2);margin-top:2px;text-align:right}

/* Badge de origem */
.badge{
  display:inline-block;padding:2px 8px;border-radius:10px;
  font-size:10px;font-weight:600;margin-top:4px;
}
.badge-balcao{background:var(--primaria-bg);color:var(--primaria);border:1px solid var(--primaria-borda)}
.badge-whatsapp{background:var(--sucesso-bg);color:var(--verde);border:1px solid var(--sucesso-borda)}

/* Resultado do filtro atual */
.rel-resultado-header{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:10px;
}
.rel-resultado-label{font-size:13px;color:var(--texto2);font-weight:500}
.rel-resultado-total{font-size:15px;font-weight:700;color:var(--primaria)}

/* Estado vazio */
.rel-empty{
  text-align:center;padding:3rem 1rem;color:var(--texto2);
}
.rel-empty-icon{font-size:40px;display:block;margin-bottom:10px;opacity:0.4}
.rel-empty-txt{font-size:14px}
</style>
</head>
<body class="tema-claro">

<!-- SUCESSO OVERLAY -->
<div class="sucesso-overlay" id="sucessoOverlay">
  <div class="sucesso-box">
    <span class="sucesso-icon">✓</span>
    <div class="sucesso-txt">Pedido registrado!</div>
    <div class="sucesso-sub" id="sucessoSub">Ticket gerado</div>
  </div>
</div>

<!-- ERRO OVERLAY -->
<div class="erro-overlay" id="erroOverlay" onclick="fecharErro()">
  <div class="erro-box" onclick="event.stopPropagation()">
    <span class="erro-icon">⚠️</span>
    <div class="erro-titulo">Preencha os campos obrigatórios</div>
    <ul class="erro-itens" id="erroItens"></ul>
    <button class="erro-fechar" onclick="fecharErro()">Entendido, vou preencher</button>
  </div>
</div>

<!-- MODAL AGUARDANDO PIX -->
<div class="pix-overlay" id="pixOverlay" onclick="fecharPixModal()">
  <div class="pix-modal" onclick="event.stopPropagation()">
    <div class="pix-modal-header">
      <div>
        <div class="pix-modal-titulo">💰 Aguardando Pix</div>
        <div class="pix-modal-sub" id="pixModalSub">Confirme o pagamento para liberar a impressão</div>
      </div>
      <button class="pix-fechar" onclick="fecharPixModal()">✕</button>
    </div>
    <div class="pix-lista" id="pixLista">
      <div class="pix-empty">
        <span class="pix-empty-icon">✅</span>
        <div>Nenhum Pix pendente</div>
      </div>
    </div>
    <div class="pix-modal-footer">
      <div class="pix-total-row">
        <span>Total pendente</span>
        <span class="pix-total-valor" id="pixTotalValor">R$ 0,00</span>
      </div>
    </div>
  </div>
</div>

<!-- v57: MODAL NOVA REMESSA -->
<div class="pix-overlay" id="remessaOverlay" onclick="fecharModalRemessa()">
  <div class="pix-modal remessa-modal" onclick="event.stopPropagation()">
    <div class="pix-modal-header">
      <div>
        <div class="pix-modal-titulo">🛵 Nova remessa</div>
        <div class="pix-modal-sub">Agrupe os pedidos que vão sair juntos com o entregador</div>
      </div>
      <button class="pix-fechar" onclick="fecharModalRemessa()">✕</button>
    </div>
    <div class="pix-lista">
      <div class="campo">
        <label>Entregador</label>
        <input type="text" id="remessaEntregador" placeholder="Nome do entregador" autocomplete="off">
      </div>
      <div class="campo">
        <label>Horário de saída</label>
        <input type="time" id="remessaHorarioSaida">
      </div>
      <div class="campo">
        <label>Adicionar pedido (nº do ticket ou ler QR Code)</label>
        <div class="remessa-codigo-row">
          <input type="text" id="remessaCodigo" placeholder="Nº do pedido + Enter" autocomplete="off" inputmode="numeric" onkeydown="if(event.key==='Enter'){event.preventDefault();adicionarPedidoRemessaPorCampo();}">
          <button class="btn-camera-remessa" id="btnCameraRemessa" onclick="toggleCameraRemessa()" title="Ler QR Code">📷</button>
        </div>
        <div id="remessaLeitorQr"></div>
        <div class="remessa-erro-msg" id="remessaErroMsg"></div>
        <div class="remessa-chips" id="remessaChips">
          <div class="remessa-chip-empty">Nenhum pedido adicionado ainda.</div>
        </div>
      </div>
    </div>
    <div class="pix-modal-footer">
      <button class="btn-salvar" onclick="gravarRemessa()">Gravar remessa</button>
    </div>
  </div>
</div>

<!-- HEADER -->
<div class="header">
  <div class="header-inner">
    <div>
      <div class="logo-text" id="nomeRestLabel">Marmitaria Tim</div>
      <div class="logo-sub" id="badgeDia"></div>
    </div>
    <div class="header-stats">
      <div class="hstat"><div class="hstat-num" id="hPedidos">0</div><span class="hstat-label">pedidos</span></div>
      <!-- v34: card "faturado" removido do header — faturamento visível apenas no sbadmin (painel do dono) -->
    </div>
    <div style="text-align:right;display:flex;align-items:center;gap:8px">
      <a href="https://ajuda.timautomacoes.com.br/?nome=Sabor+Brasileiro&atendente=Nina&whatsapp=17997110175&painel=https://saborbrasileiro.timautomacoes.com.br" target="_blank" style="font-size:12px;font-weight:600;color:var(--primaria);background:var(--sucesso-bg);border:1px solid var(--sucesso-borda);border-radius:6px;padding:4px 10px;text-decoration:none;">❓ Ajuda</a>
      <div>
        <div class="hora-badge" id="horaAtual"></div>
        <div style="font-size:9px;color:var(--texto2);margin-top:1px">V57</div>
      </div>
    </div>
  </div>
</div>

<!-- BANNER STATUS (aparece quando fechado ou esgotado) -->
<div class="banner-status">
  <div class="banner-fechado" id="bannerFechado">🔒 RESTAURANTE FECHADO — Agente WhatsApp pausado</div>
  <div class="banner-esgotado" id="bannerEsgotado">🍱 CARDÁPIO ESGOTADO — Novos pedidos pausados</div>
</div>

<!-- CONTEÚDO -->
<div class="conteudo">

  <!-- ABA PEDIDO -->
  <div class="secao ativa" id="tab-pedido">
    <div class="card-cardapio">
      <div class="cardapio-titulo">Cardápio de hoje</div>
      <div id="cardapioTexto" class="cardapio-vazio">Nenhum cardápio configurado para hoje.</div>
    </div>

    <div class="card">
      <div class="card-titulo">Cliente</div>
      <div class="campo">
        <label>Nome do cliente</label>
        <input type="text" id="nomeCliente" placeholder="Ex: Maria Silva">
        <div class="erro-msg" id="erroNome">Informe o nome do cliente</div>
      </div>
      <div class="campo">
        <label>Tipo de atendimento</label>
        <div class="tipo-grid">
          <div class="tipo-btn sel" id="tipo-retirada" onclick="selTipo('retirada')">Retirada no balcão</div>
          <div class="tipo-btn" id="tipo-entrega" onclick="selTipo('entrega')">Entrega</div>
        </div>
      </div>
      <div class="grid2">
        <div class="campo">
          <label>Horário de retirada / entrega</label>
          <input type="time" id="horarioEntrega" oninput="atualizarPreview()">
          <div class="horario-preview" id="horarioPreview"></div>
        </div>
        <div class="campo" id="campo-endereco" style="display:none">
          <label>Endereço de entrega</label>
          <input type="text" id="endereco" placeholder="Rua, número...">
          <div class="erro-msg" id="erroEndereco">Informe o endereço</div>
        </div>
      </div>
    </div>

    <div class="card">
      <div class="card-titulo">Tamanho da marmita</div>
      <div class="tamanho-grid" id="tamanhoGrid"></div>
      <div class="pf-wrapper" id="pfWrapper"></div>
      <div class="erro-msg" id="erroTamanho" style="margin-top:8px">Selecione pelo menos um tamanho</div>
    </div>

    <div class="campo"><label>Observações</label><textarea id="obs" rows="2" placeholder="Ex: sem cebola, ponto da carne..."></textarea></div>

    <div class="card">
      <div class="card-titulo">Itens adicionais</div>
      <div class="itens-busca-wrap">
        <input class="itens-busca-input" id="itensBusca" type="text" placeholder="Pesquisar adicional..." oninput="filtrarItens(this.value)" autocomplete="off">
        <button class="itens-busca-clear" id="itensBuscaClear" onclick="limparBusca()" title="Limpar">✕</button>
      </div>
      <div class="itens-lista" id="itensLista"></div>
    </div>

    <div class="card">
      <div class="card-titulo">Forma de pagamento</div>
      <div class="pgto-grid">
        <div class="pgto-btn" id="pgto-Dinheiro" onclick="togglePgto('Dinheiro')">💵 Dinheiro<span class="pgto-check">✓</span></div>
        <div class="pgto-btn" id="pgto-Pix" onclick="togglePgto('Pix')">📱 Pix<span class="pgto-check">✓</span></div>
        <div class="pgto-btn" id="pgto-Debito" onclick="togglePgto('Cartão débito')">💳 Débito<span class="pgto-check">✓</span></div>
        <div class="pgto-btn" id="pgto-Credito" onclick="togglePgto('Cartão crédito')">💳 Crédito<span class="pgto-check">✓</span></div>
      </div>
      <div class="pgto-valores" id="pgtoValores"></div>
      <div class="pgto-progresso" id="pgtoProgresso" style="display:none">
        <div class="pgto-prog-row">
          <span class="pgto-prog-label">Total do pedido</span>
          <span id="pgtoProgTotal" class="pgto-prog-valor">R$ 0,00</span>
        </div>
        <div class="pgto-prog-row" style="margin-top:4px">
          <span class="pgto-prog-label" id="pgtoProgLabel">Falta informar</span>
          <span id="pgtoProgFalta" class="pgto-prog-valor falta">R$ 0,00</span>
        </div>
        <div class="pgto-prog-barra"><div class="pgto-prog-fill" id="pgtoProgFill" style="width:0%"></div></div>
      </div>
      <div class="erro-msg" id="erroPgto" style="margin-top:8px">Selecione pelo menos uma forma de pagamento</div>
    </div>

    <div class="total-box">
      <div class="total-label">Total do pedido</div>
      <div class="total-valor" id="totalValor">R$ 0,00</div>
    </div>
    <button class="btn-principal" id="btnRegistrar" onclick="registrarPedido(event)">Registrar pedido e imprimir ticket</button>
    <div style="height:8px"></div>
  </div>

  <!-- ABA MOVIMENTO -->
  <div class="secao" id="tab-movimento">
    <div class="contador">
      <div class="stat"><div class="stat-num" id="cntPedidos">0</div><div class="stat-label">Pedidos</div></div>
      <!-- v34: card "Faturamento" removido da aba Movimento — faturamento visível apenas no sbadmin (painel do dono) -->
      <div class="stat"><div class="stat-num" id="cntMarm">0</div><div class="stat-label">Marmitas</div></div>
    </div>

    <!-- v57: controle de saída/entrega -->
    <button class="btn-nova-remessa" onclick="abrirModalRemessa()">🛵 Nova remessa</button>

    <!-- v55: busca por nome — filtra a lista já carregada, sem consultar o Supabase de novo -->
    <div class="itens-busca-wrap" style="margin-bottom:10px">
      <input class="itens-busca-input" id="movBusca" type="text" placeholder="Buscar pedido por nome..." oninput="filtrarMovimento(this.value)" autocomplete="off">
      <button class="itens-busca-clear" id="movBuscaClear" onclick="document.getElementById('movBusca').value='';filtrarMovimento('')" title="Limpar">✕</button>
    </div>

    <!-- v57: filtros Todos / Em rota — experimental, fácil de remover -->
    <div class="mov-filtros">
      <button class="mov-filtro-btn sel" id="filtroMovTodos" onclick="filtrarMovimentoTipo('todos')">Todos</button>
      <button class="mov-filtro-btn" id="filtroMovEmRota" onclick="filtrarMovimentoTipo('em_rota')">🛵 Em rota</button>
    </div>

    <div id="pedidosLista"><div class="empty">Nenhum pedido registrado hoje.</div></div>
  </div>

  <!-- ABA RELATÓRIO -->
  <div class="secao" id="tab-relatorio">

    <!-- Totais gerais do dia -->
    <!-- v34: cards "Faturamento total" e "Ticket médio" removidos — faturamento visível apenas no sbadmin (painel do dono) -->
    <div class="rel-totais" id="relTotais">
      <div class="rel-total-card">
        <div class="rel-total-num" id="relTotalPedidos">0</div>
        <div class="rel-total-label">Pedidos no dia</div>
      </div>
      <div class="rel-total-card">
        <div class="rel-total-num" id="relEntregas">0 / 0</div>
        <div class="rel-total-label">Entrega / Retirada</div>
      </div>
    </div>

    <!-- FILTROS -->
    <div class="card">
      <div class="card-titulo">Filtros</div>

      <div class="rel-filtros-grupo">
        <div class="rel-filtros-titulo">Pagamento</div>
        <div class="rel-filtros-row">
          <button class="rel-filtro-btn sel" onclick="setFiltro('pgto','Todos',this)">Todos</button>
          <button class="rel-filtro-btn" onclick="setFiltro('pgto','Dinheiro',this)">Dinheiro</button>
          <button class="rel-filtro-btn" onclick="setFiltro('pgto','Pix',this)">Pix</button>
          <button class="rel-filtro-btn" onclick="setFiltro('pgto','Cartão débito',this)">Débito</button>
          <button class="rel-filtro-btn" onclick="setFiltro('pgto','Cartão crédito',this)">Crédito</button>
        </div>
      </div>

      <div class="rel-filtros-grupo">
        <div class="rel-filtros-titulo">Tipo de atendimento</div>
        <div class="rel-filtros-row">
          <button class="rel-filtro-btn sel" onclick="setFiltro('tipo','Todos',this)">Todos</button>
          <button class="rel-filtro-btn" onclick="setFiltro('tipo','retirada',this)">Retirada</button>
          <button class="rel-filtro-btn" onclick="setFiltro('tipo','entrega',this)">Entrega</button>
        </div>
      </div>

      <div class="rel-filtros-grupo" style="margin-bottom:0">
        <div class="rel-filtros-titulo">Origem do pedido</div>
        <div class="rel-filtros-row">
          <button class="rel-filtro-btn sel" onclick="setFiltro('origem','Todos',this)">Todos</button>
          <button class="rel-filtro-btn" onclick="setFiltro('origem','balcao',this)">Balcão</button>
          <button class="rel-filtro-btn" onclick="setFiltro('origem','whatsapp',this)">WhatsApp</button>
        </div>
      </div>
    </div>

    <!-- RESUMO POR FORMA DE PAGAMENTO -->
    <div class="card">
      <div class="card-titulo">Resumo por pagamento</div>
      <div class="rel-pgto-resumo" id="relPgtoResumo">
        <div class="rel-empty" style="padding:1.5rem 0">
          <span class="rel-empty-icon">💳</span>
          <div class="rel-empty-txt">Nenhum pedido ainda</div>
        </div>
      </div>
    </div>

    <!-- PEDIDOS FILTRADOS -->
    <div class="card">
      <div class="rel-resultado-header">
        <div class="rel-resultado-label" id="relResultadoLabel">Todos os pedidos</div>
        <!-- v34: total agregado por filtro (relResultadoTotal) removido — funcionário vê o valor individual de cada pedido, mas não a soma -->
      </div>
      <div id="relPedidosLista">
        <div class="rel-empty">
          <span class="rel-empty-icon">📋</span>
          <div class="rel-empty-txt">Nenhum pedido registrado hoje.</div>
        </div>
      </div>
    </div>

    <div style="height:8px"></div>
  </div>

  <!-- ABA CONFIG -->
  <div class="secao" id="tab-config">
    <div class="card" id="secao-aparencia">
      <div class="card-titulo">Aparência</div>
      <div class="temas-grid">
        <div class="tema-card sel" id="tc-claro" onclick="aplicarTema('claro')">
          <div class="tema-preview" style="background:linear-gradient(135deg,#f5f4f1,#e8640a)">CLARO</div>
          <div class="tema-nome">Claro</div>
          <div class="tema-desc">Laranja & bege</div>
        </div>
        <div class="tema-card" id="tc-escuro" onclick="aplicarTema('escuro')">
          <div class="tema-preview" style="background:linear-gradient(135deg,#151515,#00e676)">ESCURO</div>
          <div class="tema-nome">Escuro</div>
          <div class="tema-desc">Carvão & neon</div>
        </div>
        <div class="tema-card" id="tc-verde" onclick="aplicarTema('verde')">
          <div class="tema-preview" style="background:linear-gradient(135deg,#1a2e1f,#c9a84c)">VERDE</div>
          <div class="tema-nome">Verde</div>
          <div class="tema-desc">Floresta & ouro</div>
        </div>
      </div>
      <div class="noturno-row">
        <div>
          <div class="noturno-label">Modo noturno automático</div>
          <div class="noturno-sub">Muda para tema escuro após 18h</div>
        </div>
        <button class="toggle" id="toggleNoturno" onclick="toggleNoturno()"></button>
      </div>
    </div>

    <div class="card" id="secao-cardapio-semanal">
      <div class="card-titulo">Cardápio por dia da semana</div>
      <div class="dias-grid" id="diasGrid"></div>
      <div class="campo">
        <label id="labelDiaSel">Cardápio de hoje</label>
        <textarea id="cfgCardapio" rows="3" placeholder="Ex: Arroz, feijão, farofa, churrasco, mandioca e molho. Opção: frango empanado"></textarea>
      </div>
      <button class="btn-add-solid" id="btnSalvCardapio" onclick="salvarCardapioDia()">Salvar cardápio deste dia</button>
    </div>

    <div class="card" id="secao-cardapio-hoje" style="display:none">
      <div class="card-titulo">Cardápio de hoje</div>
      <div class="campo">
        <label>Digite o cardápio do dia</label>
        <textarea id="cfgCardapioHoje" rows="3" placeholder="Ex: Arroz, feijão, farofa, churrasco, mandioca e molho. Opção: frango empanado"></textarea>
      </div>
      <button class="btn-add-solid" onclick="salvarCardapioHoje()">Salvar cardápio de hoje</button>
    </div>

    <div class="card">
      <div class="card-titulo">Tamanhos e preços</div>
      <div class="grid3">
        <div><label>Marmita P (R$)</label><input type="number" id="precoP" value="22" min="0" step="0.5"></div>
        <div><label>Marmita M (R$)</label><input type="number" id="precoM" value="25" min="0" step="0.5"></div>
        <div><label>Marmita G (R$)</label><input type="number" id="precoG" value="28" min="0" step="0.5"></div>
      </div>
      <div style="margin-top:10px">
        <div><label>Prato Feito / PF (R$)</label><input type="number" id="precoPF" value="16" min="0" step="0.5"></div>
      </div>
    </div>

    <div class="card">
      <div class="card-titulo">Taxa de entrega</div>
      <div class="noturno-row" style="padding:0 0 12px">
        <div>
          <div class="noturno-label">Cobrar taxa de entrega?</div>
          <div class="noturno-sub" id="taxaStatus">Desativada</div>
        </div>
        <button class="toggle" id="toggleTaxa" onclick="toggleTaxaEntrega()"></button>
      </div>
      <div id="campoTaxa" style="display:none">
        <label>Valor da taxa (R$)</label>
        <input type="number" id="valorTaxa" value="5" min="0" step="0.5">
        <div style="font-size:12px;color:var(--texto2);margin-top:6px">Quando ativa, a taxa será somada no total do pedido.</div>
      </div>
    </div>

    <div class="card" id="secao-itens-config">
      <div class="card-titulo">Itens adicionais do cardápio</div>
      <button class="btn-add" onclick="adicionarItem()" style="margin-top:0;margin-bottom:10px">+ Adicionar item</button>
      <div class="cfg-header-row"><span>Nome do item</span><span style="text-align:right">Preço (R$)</span><span style="text-align:center;font-size:11px">Disp.</span><span></span></div>
      <div id="itensConfig"></div>
      <button class="btn-add" onclick="adicionarItem()">+ Adicionar item</button>
    </div>

    <button class="btn-salvar" onclick="salvarConfig()">Salvar configuração</button>
    <div style="height:8px"></div>
  </div>

  <!-- ABA STATUS -->
  <div class="secao" id="tab-status">

    <!-- Card principal — status atual -->
    <div class="card">
      <div class="card-titulo">Status atual do atendimento</div>
      <div id="statusGrandeCard" class="status-grande aberto" onclick="toggleAberto()">
        <div>
          <div class="status-icon-big" id="statusIcone">✅</div>
        </div>
        <div class="status-info">
          <div class="status-titulo" id="statusTitulo">ABERTO — Atendendo</div>
          <div class="status-sub" id="statusSub">O agente WhatsApp está ativo e recebendo pedidos normalmente</div>
        </div>
        <div class="status-toggle-label" id="statusTapLabel">Toque para fechar</div>
      </div>
    </div>

    <!-- Botões de ação rápida -->
    <div class="card">
      <div class="card-titulo">Ações rápidas</div>
      <div class="status-acao-grid">
        <div class="status-acao-btn btn-esgotado" id="btnEsgotado" onclick="toggleEsgotado()">
          <span class="acao-icon">🍱</span>
          <span class="acao-label">Cardápio Esgotou</span>
          <span class="acao-sub">Pausa novos pedidos</span>
        </div>
        <div class="status-acao-btn btn-fechado-hoje" id="btnFechadoHoje" onclick="toggleFechadoHoje()">
          <span class="acao-icon">📅</span>
          <span class="acao-label">Fechado Hoje</span>
          <span class="acao-sub">Feriado ou exceção</span>
        </div>
        <div class="status-acao-btn btn-atrasada" id="btnAtrasada" onclick="toggleEntregaAtrasada()" style="grid-column:1/-1">
          <span class="acao-icon">🚚</span>
          <span class="acao-label">Entrega Atrasada</span>
          <span class="acao-sub">Nina avisa clientes e sugere retirada no balcão</span>
        </div>
      </div>
      <div class="msg-preview" id="msgPreviewStatus">
        O agente está ativo. Clientes serão atendidos normalmente.
      </div>
    </div>

    <!-- Teste de impressora -->
    <div class="card">
      <div class="card-titulo">Impressora</div>
      <div class="status-acao-btn" id="btnTestarImpressora" onclick="testarImpressora()" style="border-color:var(--borda);background:var(--surface2)">
        <span class="acao-icon" id="iconTestarImpressora">🖨️</span>
        <span class="acao-label" id="labelTestarImpressora">Testar Impressora</span>
        <span class="acao-sub" id="subTestarImpressora">Toque para imprimir um ticket de teste</span>
      </div>
    </div>

    <!-- Dias de funcionamento da semana -->
    <div class="card">
      <div class="card-titulo">Dias que o restaurante funciona</div>
      <div class="dias-func-grid" id="diasFuncGrid"></div>
      <div style="font-size:12px;color:var(--texto2);margin-top:4px;">
        Toque para marcar aberto (verde) ou fechado (vermelho). Dias fechados: o agente responde automaticamente avisando.
      </div>
    </div>

    <!-- Horário de funcionamento -->
    <div class="card">
      <div class="card-titulo">Horário de atendimento</div>
      <div class="horario-func-grid">
        <div>
          <div class="horario-label-func">Abre às</div>
          <input type="time" id="hrAbre">
        </div>
        <div>
          <div class="horario-label-func">Fecha às</div>
          <input type="time" id="hrFecha">
        </div>
      </div>
      <div class="msg-preview" id="msgHorarioPreview">
        Fora do horário, o agente responde: "Nosso atendimento é das 10:00 às 14:00. Mande mensagem no horário!"
      </div>
      <button class="btn-salvar" style="margin-top:12px" onclick="salvarHorario()">Salvar horário</button>
    </div>

    <!-- Entrega: toggle manual + horário de corte -->
    <div class="card">
      <div class="card-titulo">Entrega</div>
      <div class="status-acao-btn btn-entrega-ativa" id="btnEntregaAtiva" onclick="toggleEntregaAtiva()">
        <span class="acao-icon" id="iconEntregaAtiva">🛵</span>
        <span class="acao-label" id="labelEntregaAtiva">Entrega Ativa</span>
        <span class="acao-sub" id="subEntregaAtiva">Toque para pausar entregas (só retirada)</span>
      </div>
      <div class="horario-func-grid" style="margin-top:12px">
        <div>
          <div class="horario-label-func">Corte de entrega às</div>
          <input type="time" id="hrLimiteEntrega">
        </div>
      </div>
      <div class="msg-preview" id="msgEntregaPreview">
        Após o horário de corte, a Nina passa a oferecer somente retirada.
      </div>
      <button class="btn-salvar" style="margin-top:12px" onclick="salvarHorarioEntrega()">Salvar horário de corte</button>
    </div>

    <!-- Mensagens automáticas configuráveis -->
    <div class="card">
      <div class="card-titulo">Mensagens automáticas (o que o cliente recebe)</div>

      <div class="campo">
        <label>Quando fechado / fora do horário</label>
        <textarea id="msgFechado" rows="2" placeholder="Ex: Olá! Estamos fechados agora. Atendemos seg-sex das 10h às 14h."></textarea>
      </div>
      <div class="campo">
        <label>Quando o cardápio esgotou</label>
        <textarea id="msgEsgotado" rows="2" placeholder="Ex: Olá! Nosso cardápio de hoje esgotou. Te esperamos amanhã!"></textarea>
      </div>
      <div class="campo">
        <label>Quando é dia de folga (ex: domingo)</label>
        <textarea id="msgFolga" rows="2" placeholder="Ex: Olá! Não funcionamos aos domingos. Estamos abertos de segunda a sábado!"></textarea>
      </div>
      <button class="btn-salvar" onclick="salvarMensagens()">Salvar mensagens</button>
    </div>

    <div style="height:8px"></div>
  </div>

<!-- NAV INFERIOR -->
<nav class="nav-bottom">
  <button class="nav-item ativo" id="nav-pedido" onclick="trocarTab('pedido',this)">
    <span class="nav-icon">＋</span>
    <span class="nav-label">Pedido</span>
  </button>
  <button class="nav-item" onclick="abrirPixModal()">
    <span class="nav-icon nav-pix-badge">
      💰
      <span class="pix-counter" id="pixCounter"></span>
    </span>
    <span class="nav-label">Pix</span>
  </button>
  <button class="nav-item" id="nav-movimento" onclick="trocarTab('movimento',this)">
    <span class="nav-icon nav-mov-badge">
      ◑
      <span class="erro-counter" id="erroCounter"></span>
    </span>
    <span class="nav-label">Movimento</span>
  </button>
  <button class="nav-item" id="nav-relatorio" onclick="trocarTab('relatorio',this);atualizarRelatorio()">
    <span class="nav-icon">📊</span>
    <span class="nav-label">Relatório</span>
  </button>
  <button class="nav-item" id="nav-status" onclick="trocarTab('status',this);atualizarStatusVisual()">
    <span class="nav-icon" id="navStatusIcon">🟢</span>
    <span class="nav-label">Status</span>
  </button>
  <button class="nav-item" id="nav-config" onclick="trocarTab('config',this)">
    <span class="nav-icon">⚙</span>
    <span class="nav-label">Config</span>
  </button>
</nav>

<!-- TICKET -->
<div class="ticket-overlay" id="ticketOverlay">
  <div class="ticket-wrap">
    <div class="ticket-papel" id="ticketConteudo"></div>
    <div class="ticket-btns">
      <button onclick="window.print()">Imprimir</button>
      <button onclick="fecharTicket()">Fechar</button>
    </div>
  </div>
</div>


<!--
  ================================================================
  CHANGELOG — atualizar a cada nova versão
  ================================================================
  v30 (22/05/2026): Número do pedido usa ID real do Supabase (aguarda retorno antes
                    de exibir ticket e movimento), padStart uniformizado para 4 zeros,
                    versão V30 exibida no header abaixo da hora
  v29 (21/05/2026): CORREÇÃO CRÍTICA adicionais — qtdItens por nome,
                    renderItens cópia ordenada, adicionarItem sem sort,
                    novo item no topo destacado, botão duplo + Adicionar,
                    salvarConfig inclui itens, removerItem com confirm,
                    validação nomes duplicados
  v28 (20/05/2026): Ordenação alfabética adicionais, campo pesquisa
                    com filtro tempo real, X para limpar, selecionados fixos
  v27 (20/05/2026): Stepper itens adicionais (qtdItens), visual igual
                    tamanhos, ticket e resumo com qtd
  v26 (18/05/2026): Cancelar Pix, relatório cancelados, bug duplicação
                    Pix, segurança webhook Pix (token)
  v25 (15/05/2026): Segurança XSS (esc()), itensFull, token webhook Pix
  v24 (13/05/2026): PF (Prato Feito), Pix Phase 2, horários duplos
  ================================================================
  REGRA OBRIGATÓRIA — antes de editar, baixar do servidor:
  Marmitaria: scp root@[servidor]:/var/www/painel/index.html ~/Downloads/painel-servidor-atual.html
  Sabor Br.:  scp root@[servidor]:/var/www/saborbrasileiro/index.html ~/Downloads/painel-sb-servidor-atual.html
  O servidor é a fonte de verdade. O projeto é histórico.
  ================================================================
-->
<!-- v57: leitura de QR Code (remessas) — decodifica local no navegador, não envia imagem a lugar nenhum -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5-qrcode/2.3.8/html5-qrcode.min.js"></script>
<script>
// ===== SUPABASE =====
const SB_URL='https://gexipjvujixgstrzbdbv.supabase.co';
const SB_KEY='eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImdleGlwanZ1aml4Z3N0cnpiZGJ2Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzU3ODM5NjgsImV4cCI6MjA5MTM1OTk2OH0.yCHzcY89TCJx71T0SYdLMfkZ_pC9UEyiKSYGEZyL8i0';
const SB_RESTAURANTE='sabor_brasileiro';

async function sbGet(tabela, filtro=''){
  const r=await fetch(SB_URL+'/rest/v1/'+tabela+'?'+filtro,{
    headers:{'apikey':SB_KEY,'Authorization':'Bearer '+SB_KEY,'Content-Type':'application/json'}
  });
  return r.ok ? r.json() : null;
}

async function sbPost(tabela, dados){
  const r=await fetch(SB_URL+'/rest/v1/'+tabela,{
    method:'POST',
    headers:{'apikey':SB_KEY,'Authorization':'Bearer '+SB_KEY,'Content-Type':'application/json','Prefer':'return=representation'},
    body:JSON.stringify(dados)
  });
  if(!r.ok) return null;
  const resultado = await r.json();
  return resultado && resultado[0] ? resultado[0] : null;
}

async function sbPatch(tabela, filtro, dados){
  const r=await fetch(SB_URL+'/rest/v1/'+tabela+'?'+filtro,{
    method:'PATCH',
    headers:{'apikey':SB_KEY,'Authorization':'Bearer '+SB_KEY,'Content-Type':'application/json','Prefer':'return=minimal'},
    body:JSON.stringify(dados)
  });
  return r.ok;
}

// ===== PEDIDOS — SUPABASE =====

async function salvarPedidoSupabase(pedido){
  try{
    const statusImpressao = pedido.pgto === 'Pix' ? 'aguardando_pix' : 'pendente';
    // Monta array completo: marmitas + adicionais (fonte única para o impressor)
    const itensMarmitas=['P','M','G','PF']
      .filter(t=>(pedido.qtdTamanhos||{})[t]>0)
      .map(t=>({nome:t==='PF'?'Prato Feito':'Marmita '+t,qtd:pedido.qtdTamanhos[t],preco:cfg.precos[t]||0}));
    const itensFull=[...itensMarmitas,...(pedido.itens||[])];
    const dados={
      restaurante_id: SB_RESTAURANTE,
      nome: pedido.nome,
      tamanho: pedido.tamanho, // ex: "2×P, 1×G"
      pf: pedido.pf || false,
      itens: itensFull,      // marmitas + adicionais — fonte única de verdade
      total: pedido.total,
      tipo: pedido.tipo,
      endereco: pedido.endereco || null,
      pagamento: pedido.pgto,
      obs: pedido.obs || null,
      origem: 'balcao',
      status_impressao: statusImpressao,
      horario_agendado: pedido.horario || null,
      data_hora: new Date().toISOString()
    };
    const registro = await sbPost('pedidos', dados);
    if(!registro) console.warn('Erro ao salvar pedido no Supabase');
    return registro ? registro.id : null;
  }catch(e){console.warn('Erro ao salvar pedido:',e);return null;}
}

async function carregarPedidosSupabase(){
  try{
    const agoraBR = new Date(Date.now() - 3*60*60*1000);
    const hojeBR = agoraBR.toISOString().slice(0,10);
    const amanhaBR = new Date(agoraBR); amanhaBR.setDate(amanhaBR.getDate()+1);
    const amanhaStr = amanhaBR.toISOString().slice(0,10);
    const dados = await sbGet('pedidos',
      'restaurante_id=eq.'+SB_RESTAURANTE+
      '&data_hora=gte.'+hojeBR+'T03:00:00Z'+
      '&data_hora=lt.'+amanhaStr+'T03:00:00Z'+
      '&order=data_hora.asc'
    );
    if(dados && dados.length>0){
      pedidos = dados.map((p)=>({
        id: p.id,
        sbId: p.id,
        nome: p.nome,
        tamanho: p.tamanho,
        qtdTamanhos: parseTamanhoStr(p.tamanho),
        pf: p.pf,
        itens: typeof p.itens === 'string' ? JSON.parse(p.itens) : (p.itens || []),
        tipo: p.tipo,
        endereco: p.endereco || '',
        pgto: p.pagamento,
        obs: p.obs || '',
        total: parseFloat(p.total),
        hora: new Date(p.data_hora).toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'}),
        origem: p.origem || 'balcao',
        statusImpressao: p.status_impressao || 'pendente',
        cancelado: p.cancelado===true,
        horario: p.horario_agendado || '',
        whatsapp: p.whatsapp || '',
        remessaId: p.remessa_id || null,
        statusEntrega: p.status_entrega || null,
        entregueEm: p.entregue_em ? new Date(p.entregue_em) : null
      }));
      await carregarRemessasSupabase();
      atualizarMovimento();
      atualizarPixCounter();
      atualizarErroCounter();
      console.log('Pedidos do dia carregados:', pedidos.length);
    }
  }catch(e){console.warn('Erro ao carregar pedidos:',e);}
}

// ===== v57: REMESSAS — carga e sincronização =====

async function carregarRemessasSupabase(){
  try{
    const agoraBR = new Date(Date.now() - 3*60*60*1000);
    const hojeBR = agoraBR.toISOString().slice(0,10);
    const amanhaBR = new Date(agoraBR); amanhaBR.setDate(amanhaBR.getDate()+1);
    const amanhaStr = amanhaBR.toISOString().slice(0,10);
    const dados = await sbGet('remessas',
      'restaurante_id=eq.'+SB_RESTAURANTE+
      '&saida_em=gte.'+hojeBR+'T03:00:00Z'+
      '&saida_em=lt.'+amanhaStr+'T03:00:00Z'+
      '&order=saida_em.asc'
    );
    if(dados){
      remessas = dados.map(r=>({
        id: r.id,
        entregador: r.entregador,
        saidaEm: new Date(r.saida_em),
        status: r.status
      }));
    }
  }catch(e){console.warn('Erro ao carregar remessas:',e);}
}

// ===== POLLING AUTOMÁTICO DE PEDIDOS (a cada 15s) =====

async function sincronizarPixAbertoSilencioso(){
  // v52: enquanto o modal de Pix está aberto, o polling completo é pulado
  // (evita a lista pular com pedidos novos chegando). Mas ainda assim
  // precisamos saber se algum pedido "aguardando_pix" já foi resolvido por
  // fora — pela confirmação automática do sistema de Pix — senão o botão
  // "Confirmar" fica ativo pra um pedido já processado, e um clique nele
  // duplica a impressão (PATCH pendente é enviado de novo).
  try{
    const idsAguardando = pedidos.filter(p=>p.statusImpressao==='aguardando_pix' && p.sbId).map(p=>p.sbId);
    if(!idsAguardando.length) return;

    const dados = await sbGet('pedidos','id=in.('+idsAguardando.join(',')+')&select=id,status_impressao');
    if(!dados) return;

    let mudou = false;
    dados.forEach(d=>{
      const local = pedidos.find(p=>p.sbId===d.id);
      if(local && local.statusImpressao !== d.status_impressao){
        local.statusImpressao = d.status_impressao;
        mudou = true;
      }
    });

    if(mudou){
      atualizarPixCounter();
      renderPixLista();
    }
  }catch(e){ /* silencioso — checagem não pode gerar ruído no console */ }
}

async function pollingPedidos(){
  // Segurança 1: não atualiza se houver modal de formulário aberto
  const modalErroAberto = document.getElementById('erroOverlay')?.classList.contains('show');
  const modalPixAberto = document.getElementById('pixOverlay')?.classList.contains('show');
  const modalRemessaAberto = document.getElementById('remessaOverlay')?.classList.contains('show');
  if(modalErroAberto) return;
  if(modalRemessaAberto) return; // v57: não mexe na lista enquanto o usuário está montando uma remessa
  if(modalPixAberto){ await sincronizarPixAbertoSilencioso(); return; }

  // Segurança 2: não atualiza se o usuário estiver na aba de pedido (preenchendo)
  const tabPedidoAtiva = document.getElementById('tab-pedido')?.classList.contains('ativa');
  const algumCampoPreenchido = tabPedidoAtiva && (
    document.getElementById('nomeCliente')?.value.trim() !== '' ||
    Object.values(qtdTamanhos).some(q => q > 0) ||
    pgtoFormas.length > 0
  );
  if(algumCampoPreenchido) return;

  try{
    const agoraBR = new Date(Date.now() - 3*60*60*1000);
    const hojeBR = agoraBR.toISOString().slice(0,10);
    const amanhaBR = new Date(agoraBR); amanhaBR.setDate(amanhaBR.getDate()+1);
    const amanhaStr = amanhaBR.toISOString().slice(0,10);
    const dados = await sbGet('pedidos',
      'restaurante_id=eq.'+SB_RESTAURANTE+
      '&data_hora=gte.'+hojeBR+'T03:00:00Z'+
      '&data_hora=lt.'+amanhaStr+'T03:00:00Z'+
      '&order=data_hora.asc'
    );
    if(!dados) return;

    let houveMudanca = false;

    // Verifica se chegaram pedidos novos (sbId que não existe localmente)
    dados.forEach(p => {
      const existe = pedidos.find(local => local.sbId === p.id);
      if(!existe){
        // Pedido novo — adiciona na lista
        pedidos.push({
          id: p.id,
          sbId: p.id,
          nome: p.nome,
          tamanho: p.tamanho,
          qtdTamanhos: parseTamanhoStr(p.tamanho),
          pf: p.pf,
          itens: typeof p.itens === 'string' ? JSON.parse(p.itens) : (p.itens || []),
          tipo: p.tipo,
          endereco: p.endereco || '',
          pgto: p.pagamento,
          obs: p.obs || '',
          total: parseFloat(p.total),
          hora: new Date(p.data_hora).toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'}),
          origem: p.origem || 'balcao',
          statusImpressao: p.status_impressao || 'pendente',
          cancelado: p.cancelado===true,
          horario: p.horario_agendado || '',
          whatsapp: p.whatsapp || '',
          remessaId: p.remessa_id || null,
          statusEntrega: p.status_entrega || null,
          entregueEm: p.entregue_em ? new Date(p.entregue_em) : null
        });
        houveMudanca = true;
      } else {
        // Pedido existente — verifica se o status_impressao mudou
        if(existe.statusImpressao !== p.status_impressao){
          existe.statusImpressao = p.status_impressao;
          houveMudanca = true;
        }
        // v55: sincroniza cancelamento feito em outro aparelho (ex: Claudinei
        // cancela no celular dele, este painel precisa refletir sem precisar
        // recarregar a página)
        if(existe.cancelado !== (p.cancelado===true)){
          existe.cancelado = p.cancelado===true;
          houveMudanca = true;
        }
        // v57: sincroniza remessa/status de entrega feito em outro aparelho
        const novoRemessaId = p.remessa_id || null;
        if(existe.remessaId !== novoRemessaId){
          existe.remessaId = novoRemessaId;
          houveMudanca = true;
        }
        const novoStatusEntrega = p.status_entrega || null;
        if(existe.statusEntrega !== novoStatusEntrega){
          existe.statusEntrega = novoStatusEntrega;
          existe.entregueEm = p.entregue_em ? new Date(p.entregue_em) : null;
          houveMudanca = true;
        }
      }
    });

    // v57: sincroniza remessas (ex: entregador marcou remessa entregue em outro aparelho)
    const remessasAntes = JSON.stringify(remessas.map(r=>[r.id,r.status]));
    await carregarRemessasSupabase();
    if(JSON.stringify(remessas.map(r=>[r.id,r.status])) !== remessasAntes){
      houveMudanca = true;
    }

    if(houveMudanca){
      atualizarMovimento();
      atualizarPixCounter();
      atualizarErroCounter();
    }
  }catch(e){ /* silencioso — polling não pode gerar ruído no console */ }
}

// ===== TESTE DE IMPRESSORA =====
// Usa um registro sentinela fixo (tipo='teste_impressora', 1 por restaurante,
// criado manualmente no Supabase) para evitar criar pedidos novos a cada teste.
// Fluxo: PATCH -> pendente | impressor.py imprime | painel consulta até ver
// teste_ok / erro_impressao / timeout, depois o impressor reseta sozinho.

let testandoImpressora = false;

async function testarImpressora(){
  if(testandoImpressora) return;
  testandoImpressora = true;

  const icone = document.getElementById('iconTestarImpressora');
  const label = document.getElementById('labelTestarImpressora');
  const sub   = document.getElementById('subTestarImpressora');

  icone.textContent = '⏳';
  label.textContent = 'Testando...';
  sub.textContent   = 'Enviando para a impressora';

  try{
    const sentinela = await sbGet('pedidos',
      'restaurante_id=eq.'+SB_RESTAURANTE+'&tipo=eq.teste_impressora&select=id&limit=1');

    if(!sentinela || !sentinela.length){
      icone.textContent = '❌';
      label.textContent = 'Não configurado';
      sub.textContent   = 'Fale com o suporte: registro de teste não encontrado';
      testandoImpressora = false;
      return;
    }

    const idTeste = sentinela[0].id;
    await sbPatch('pedidos','id=eq.'+idTeste,{status_impressao:'pendente'});

    let tentativas = 0;
    const maxTentativas = 10; // ~20s (10 x 2s)

    const intervalo = setInterval(async ()=>{
      tentativas++;
      const r = await sbGet('pedidos','id=eq.'+idTeste+'&select=status_impressao&limit=1');
      const statusAtual = r && r[0] ? r[0].status_impressao : null;

      if(statusAtual === 'teste_ok'){
        clearInterval(intervalo);
        icone.textContent = '✅';
        label.textContent = 'Impressora OK!';
        sub.textContent   = 'Ticket de teste impresso com sucesso';
        setTimeout(resetBotaoTeste, 4000);
      } else if(statusAtual === 'erro_impressao'){
        clearInterval(intervalo);
        icone.textContent = '❌';
        label.textContent = 'Erro na impressão';
        sub.textContent   = 'Verifique se a impressora está ligada e conectada';
        setTimeout(resetBotaoTeste, 5000);
      } else if(tentativas >= maxTentativas){
        clearInterval(intervalo);
        icone.textContent = '⏱️';
        label.textContent = 'Sem resposta';
        sub.textContent   = 'O computador da impressora pode estar desligado';
        setTimeout(resetBotaoTeste, 5000);
      }
    }, 2000);

  }catch(e){
    console.warn('Erro ao testar impressora:', e);
    icone.textContent = '❌';
    label.textContent = 'Erro ao testar';
    sub.textContent   = 'Tente novamente em alguns segundos';
    setTimeout(resetBotaoTeste, 4000);
  }
}

function resetBotaoTeste(){
  document.getElementById('iconTestarImpressora').textContent = '🖨️';
  document.getElementById('labelTestarImpressora').textContent = 'Testar Impressora';
  document.getElementById('subTestarImpressora').textContent = 'Toque para imprimir um ticket de teste';
  testandoImpressora = false;
}

// ===== STATUS — SUPABASE =====

async function salvarStatusSupabase(){
  try{
    const status = obterStatusAtual();
    // 'fora-horario' e 'dia-folga' sao calculados pelo painel automaticamente
    // O Supabase so aceita: 'aberto', 'fechado', 'esgotado'
    const statusParaSalvar = (status === 'fora-horario' || status === 'dia-folga' || status === 'fechado-manual') ? 'fechado' : status;
    await sbPatch('status_restaurante','restaurante_id=eq.'+SB_RESTAURANTE,{
      status: statusParaSalvar,
      fechado_manual: statusRestaurante.fechadoHoje || statusRestaurante.esgotadoHoje,
      mensagem_personalizada: obterMsgStatus(status),
      hr_abre: statusRestaurante.hrAbre,
      hr_fecha: statusRestaurante.hrFecha,
      dias_funcionamento: statusRestaurante.diasFuncionamento,
      entrega_atrasada: statusRestaurante.entregaAtrasada,
      entrega_ativa: statusRestaurante.entregaAtiva,
      hr_limite_entrega: statusRestaurante.hrLimiteEntrega,
      msg_fechado: statusRestaurante.msgFechado,
      msg_esgotado: statusRestaurante.msgEsgotado,
      msg_folga: statusRestaurante.msgFolga,
      atualizado_em: new Date().toISOString()
    });
  }catch(e){console.warn('Erro ao salvar status:',e);}
}

async function carregarStatusSupabase(){
  try{
    const dados = await sbGet('status_restaurante','restaurante_id=eq.'+SB_RESTAURANTE);
    if(dados && dados.length>0){
      const s = dados[0];
      // Restaura estado manual (fechado ou esgotado)
      statusRestaurante.fechadoHoje = (s.status === 'fechado');
      statusRestaurante.esgotadoHoje = (s.status === 'esgotado');
      statusRestaurante.entregaAtrasada = (s.entrega_atrasada === true);
      statusRestaurante.entregaAtiva = (s.entrega_ativa !== false); // ausência do campo = true (compatível com clientes antigos)
      if(s.hr_limite_entrega) statusRestaurante.hrLimiteEntrega = s.hr_limite_entrega.substring(0,5);
      // Restaura horário e dias de funcionamento
      if(s.hr_abre) statusRestaurante.hrAbre = s.hr_abre;
      if(s.hr_fecha) statusRestaurante.hrFecha = s.hr_fecha;
      if(s.dias_funcionamento) statusRestaurante.diasFuncionamento = s.dias_funcionamento;
      // Restaura mensagens personalizadas (s.msg_* pode ser null se coluna existia mas nunca foi gravada)
      if(s.msg_fechado != null) statusRestaurante.msgFechado = s.msg_fechado;
      if(s.msg_esgotado != null) statusRestaurante.msgEsgotado = s.msg_esgotado;
      if(s.msg_folga != null) statusRestaurante.msgFolga = s.msg_folga;
      // Atualiza os campos visuais de horário
      const ha = document.getElementById('hrAbre');
      const hf = document.getElementById('hrFecha');
      if(ha) ha.value = statusRestaurante.hrAbre;
      if(hf) hf.value = statusRestaurante.hrFecha;
      const hle = document.getElementById('hrLimiteEntrega');
      if(hle) hle.value = statusRestaurante.hrLimiteEntrega;
      atualizarStatusEntrega();
      // Atualiza os campos visuais de mensagens
      const mf = document.getElementById('msgFechado');
      const me = document.getElementById('msgEsgotado');
      const mfol = document.getElementById('msgFolga');
      if(mf) mf.value = statusRestaurante.msgFechado;
      if(me) me.value = statusRestaurante.msgEsgotado;
      if(mfol) mfol.value = statusRestaurante.msgFolga;
      renderDiasFuncGrid();
      atualizarStatusVisual();
      console.log('Status carregado do Supabase:', s.status, statusRestaurante.hrAbre, statusRestaurante.hrFecha);
    }
  }catch(e){console.warn('Erro ao carregar status:',e);}
}

async function carregarConfigSupabase(){
  try{
    const dados=await sbGet('configuracao_painel','restaurante_id=eq.'+SB_RESTAURANTE);
    if(dados && dados.length>0){
      const d=dados[0];
      if(d.precos) cfg.precos=d.precos;
      if(d.taxa_entrega) cfg.taxa=d.taxa_entrega;
      if(d.itens && d.itens.length>0) cfg.itens=d.itens;
      if(d.cardapios) cfg.cardapios=d.cardapios;
      if(d.plano) cfg.plano=d.plano;
      aplicarRestricoesPlan();
      // Atualizar campos visuais da taxa
      if(cfg.taxa){
        document.getElementById('toggleTaxa').className='toggle'+(cfg.taxa.ativa?' on':'');
        document.getElementById('taxaStatus').textContent=cfg.taxa.ativa?'Ativada — R$ '+cfg.taxa.valor.toFixed(2).replace('.',','):'Desativada';
        document.getElementById('campoTaxa').style.display=cfg.taxa.ativa?'block':'none';
        document.getElementById('valorTaxa').value=cfg.taxa.valor||5;
      }
      // Atualizar campo PF
      if(cfg.precos && cfg.precos.PF!==undefined){
        if(cfg.precos.P!==undefined) document.getElementById('precoP').value=cfg.precos.P;
        if(cfg.precos.M!==undefined) document.getElementById('precoM').value=cfg.precos.M;
        if(cfg.precos.G!==undefined) document.getElementById('precoG').value=cfg.precos.G;
        document.getElementById('precoPF').value=cfg.precos.PF;
      }
      renderTamanhos();renderItens();renderItensConfig();renderDias();
      atualizarCardapioTela();
      console.log('Config carregada do Supabase');
    }
  }catch(e){console.warn('Supabase indisponivel, usando config local',e);}
  finally{
    // v54: libera o registro de pedido independente de sucesso ou falha —
    // essa flag serve só para fechar a janela de risco do carregamento
    // inicial (cfg.precos zerado). Se o Supabase falhou e os preços
    // ficaram zerados mesmo assim, a segunda trava em validar() (checagem
    // de total zero) continua protegendo o pedido.
    configCarregada=true;
  }
}

async function salvarConfigSupabase(){
  return await _sbSalvar({precos:cfg.precos,taxa_entrega:cfg.taxa,itens:cfg.itens,cardapios:cfg.cardapios});
}
async function salvarSomentePrecos(){
  return await _sbSalvar({precos:cfg.precos,taxa_entrega:cfg.taxa});
}
async function salvarSomenteItens(){
  return await _sbSalvar({itens:cfg.itens});
}
async function salvarSomenteCardapios(){
  return await _sbSalvar({cardapios:cfg.cardapios});
}
async function _sbSalvar(campos){
  try{
    const ok=await sbPatch('configuracao_painel','restaurante_id=eq.'+SB_RESTAURANTE,{
      ...campos,
      atualizado_em:new Date().toISOString()
    });
    return ok;
  }catch(e){console.warn('Erro ao salvar no Supabase',e);return false;}
}

const DIAS=['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'];
let cfg={
  nome:'Sabor Brasileiro',
  precos:{P:0,M:0,G:0,PF:0},
  taxa:{ativa:false,valor:0},
  itens:[],
  cardapios:{},
  tema:'claro',
  noturnoAuto:false,
  plano:'pro'
};
// v54: true somente depois que carregarConfigSupabase() terminar (sucesso
// ou falha). Enquanto false, cfg.precos ainda pode estar nos valores
// zerados de inicialização acima — validar() usa esta flag para bloquear
// o registro de pedido nesse intervalo (ver changelog v54 no topo do arquivo).
let configCarregada=false;
let qtdTamanhos={P:0,M:0,G:0,PF:0},qtdItens={},tipoSel='retirada';
let pgtoFormas=[]; // [{forma:'Dinheiro',valor:0}, ...]
let pedidos=[],diaSel=new Date().getDay();

// ===== v57: REMESSAS (controle de saída/entrega) =====
let remessas=[]; // {id, entregador, saidaEm(Date), status:'aberta'|'entregue'}
let remessaTemp={pedidosIds:[]}; // pedidos escolhidos no modal, antes de gravar
let filtroMovimentoTipo='todos'; // 'todos' | 'em_rota'
let qrScannerRemessa=null; // instância Html5Qrcode, quando a câmera está ativa
let qrScannerAtivo=false;

// Estado dos filtros do relatório
let filtros={pgto:'Todos',tipo:'Todos',origem:'Todos'};

// ===== ESTADO DE STATUS DO RESTAURANTE =====
let statusRestaurante = {
  // Dias que funciona: 0=Dom,1=Seg,2=Ter,3=Qua,4=Qui,5=Sex,6=Sab
  // true = abre, false = não abre
  diasFuncionamento: [false, true, true, true, true, true, true], // Dom fechado por padrão
  hrAbre: '10:00',
  hrFecha: '14:00',
  esgotadoHoje: false,
  fechadoHoje: false,
  entregaAtrasada: false,
  entregaAtiva: true,
  hrLimiteEntrega: '13:45',
  msgFechado: 'Olá! Estamos fechados agora. Atendemos de segunda a sábado, das 10h às 14h.',
  msgEsgotado: 'Olá! Nosso cardápio de hoje esgotou. Te esperamos amanhã com mais sabor!',
  msgFolga: 'Olá! Não funcionamos hoje. Estamos abertos de segunda a sábado, das 10h às 14h.'
};

async function init(){
  // Restaurar tema salvo
  try{
    const temaSalvo = localStorage.getItem('painel_tema');
    const noturnoSalvo = localStorage.getItem('painel_noturno_auto');
    if(temaSalvo && ['claro','escuro','verde'].includes(temaSalvo)){
      aplicarTema(temaSalvo, true);
      cfg.tema = temaSalvo;
    }
    if(noturnoSalvo !== null){
      cfg.noturnoAuto = noturnoSalvo === '1';
      const btn = document.getElementById('toggleNoturno');
      if(btn) btn.className = 'toggle' + (cfg.noturnoAuto?' on':'');
    }
  }catch(e){}
  atualizarRelogio();
  setInterval(atualizarRelogio,60000);
  setInterval(verificarModoNoturno,60000);
  setInterval(verificarStatusAutomatico,60000);
  setInterval(pollingPedidos,15000); // Polling silencioso a cada 15s
  renderTamanhos();renderItens();renderItensConfig();renderDias();
  atualizarCardapioTela();verificarModoNoturno();
  renderDiasFuncGrid();
  carregarMensagensStatus();
  verificarStatusAutomatico();
  await carregarNomeRestaurante();
  await carregarConfigSupabase();
  await carregarPedidosSupabase();
  await carregarStatusSupabase();
}

async function carregarNomeRestaurante(){
  try{
    const dados = await sbGet("restaurantes","id=eq."+SB_RESTAURANTE);
    if(dados && dados.length>0 && dados[0].nome_fantasia){
      document.getElementById("nomeRestLabel").textContent = dados[0].nome_fantasia;
    }
  }catch(e){ console.warn("Erro ao carregar nome do restaurante:",e); }
}

function atualizarRelogio(){
  const agora=new Date();
  document.getElementById('horaAtual').textContent=agora.toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'});
  document.getElementById('badgeDia').textContent=agora.toLocaleDateString('pt-BR',{weekday:'long',day:'2-digit',month:'2-digit'});
}

function verificarModoNoturno(){
  if(!cfg.noturnoAuto) return;
  const h=new Date().getHours();
  const temaAlvo=(h>=18||h<6)?'escuro':'claro';
  if(document.body.className!=='tema-'+temaAlvo) aplicarTema(temaAlvo,true);
}

// ===== PLANO — ESSENCIAL / PRO =====
function aplicarRestricoesPlan(){
  const essencial = cfg.plano === 'essencial';
  const secAparen = document.getElementById('secao-aparencia');
  if(secAparen) secAparen.style.display = essencial ? 'none' : '';
  const secSemanal = document.getElementById('secao-cardapio-semanal');
  const secHoje = document.getElementById('secao-cardapio-hoje');
  if(secSemanal) secSemanal.style.display = essencial ? 'none' : '';
  if(secHoje){
    secHoje.style.display = essencial ? '' : 'none';
    if(essencial && cfg.cardapios){
      const diaAtual = new Date().getDay();
      const DIAS_KEY=['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'];
      const cardHoje = cfg.cardapios[DIAS_KEY[diaAtual]] || '';
      const el = document.getElementById('cfgCardapioHoje');
      if(el) el.value = cardHoje;
    }
  }
  const secItens = document.getElementById('secao-itens-config');
  if(secItens){
    secItens.querySelectorAll('.toggle-disp').forEach(t => {
      t.style.display = essencial ? 'none' : '';
    });
    const header = secItens.querySelector('.cfg-header-row span:nth-child(3)');
    if(header) header.style.display = essencial ? 'none' : '';
  }
}

async function salvarCardapioHoje(){
  const diaAtual = new Date().getDay();
  const DIAS_KEY=['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'];
  const chave = DIAS_KEY[diaAtual];
  const texto = document.getElementById('cfgCardapioHoje').value.trim();
  if(!cfg.cardapios) cfg.cardapios = {};
  cfg.cardapios[chave] = texto;
  const ok = await salvarSomenteCardapios();
  if(ok) alert('Cardápio de hoje salvo!');
  else alert('Erro ao salvar. Tente novamente.');
}

function aplicarTema(tema,auto=false){
  document.body.className='tema-'+tema;
  if(!auto){
    cfg.tema=tema;
    try{ localStorage.setItem('painel_tema', tema); }catch(e){}
  }
  document.querySelectorAll('.tema-card').forEach(c=>c.classList.remove('sel'));
  const el=document.getElementById('tc-'+tema);
  if(el) el.classList.add('sel');
}

function toggleTaxaEntrega(){
  cfg.taxa.ativa = !cfg.taxa.ativa;
  document.getElementById('toggleTaxa').className='toggle'+(cfg.taxa.ativa?' on':'');
  document.getElementById('campoTaxa').style.display=cfg.taxa.ativa?'block':'none';
  document.getElementById('taxaStatus').textContent=cfg.taxa.ativa?'Ativada — R$ '+cfg.taxa.valor.toFixed(2).replace('.',','):'Desativada';
  calcTotal();
}

function toggleNoturno(){
  cfg.noturnoAuto=!cfg.noturnoAuto;
  document.getElementById('toggleNoturno').className='toggle'+(cfg.noturnoAuto?' on':'');
  try{ localStorage.setItem('painel_noturno_auto', cfg.noturnoAuto?'1':'0'); }catch(e){}
  if(cfg.noturnoAuto) verificarModoNoturno();
}

function atualizarPreview(){
  const h=document.getElementById('horarioEntrega').value;
  const box=document.getElementById('horarioPreview');
  if(h){
    box.textContent=(tipoSel==='entrega'?'Entrega':'Retirada')+' às '+h;
    box.style.display='block';
  } else {
    box.style.display='none';
  }
}

function renderDias(){
  const g=document.getElementById('diasGrid');g.innerHTML='';
  DIAS.forEach((d,i)=>{
    const el=document.createElement('div');
    el.className='dia-btn'+(i===diaSel?' sel':'')+(cfg.cardapios[i]&&i!==diaSel?' tem':'');
    el.textContent=d;
    el.onclick=()=>{diaSel=i;renderDias();atualizarCampoCardapio();};
    g.appendChild(el);
  });
  atualizarCampoCardapio();
}

function atualizarCampoCardapio(){
  const hoje=new Date().getDay();
  document.getElementById('labelDiaSel').textContent='Cardápio de '+DIAS[diaSel]+(diaSel===hoje?' (hoje)':'');
  document.getElementById('cfgCardapio').value=cfg.cardapios[diaSel]||'';
}

async function salvarCardapioDia(){
  cfg.cardapios[diaSel]=document.getElementById('cfgCardapio').value.trim();
  renderDias();atualizarCardapioTela();
  const btn=document.getElementById('btnSalvCardapio');
  const o=btn.textContent;btn.textContent='Salvando...';btn.disabled=true;
  const ok=await salvarSomenteCardapios();
  btn.textContent=ok?'Salvo!':'Erro!';
  setTimeout(()=>{btn.textContent=o;btn.disabled=false;},1500);
}

function atualizarCardapioTela(){
  const hoje=new Date().getDay();
  const txt=cfg.cardapios[hoje];
  const el=document.getElementById('cardapioTexto');
  el.className=txt?'cardapio-texto':'cardapio-vazio';
  el.textContent=txt||'Nenhum cardápio configurado para hoje.';
}

function renderTamanhos(){
  const g=document.getElementById('tamanhoGrid');g.innerHTML='';
  ['P','M','G'].forEach(t=>{
    const qtd=qtdTamanhos[t];
    const ativo=qtd>0;
    const d=document.createElement('div');
    d.className='tam-linha'+(ativo?' ativo':'');
    d.innerHTML=`
      <div class="tam-info">
        <span class="tam-letra">Marmita ${t}</span>
        <span class="tam-preco">R$ ${cfg.precos[t].toFixed(2).replace('.',',')}</span>
      </div>
      <div class="stepper">
        <button class="step-btn minus" onclick="alterarQtd('${t}',-1)">−</button>
        <div class="step-qtd">${qtd}</div>
        <button class="step-btn plus" onclick="alterarQtd('${t}',1)">+</button>
      </div>`;
    g.appendChild(d);
  });
  // PF separado com label e aviso
  const pw=document.getElementById('pfWrapper');
  if(pw){
    const qtdPF=qtdTamanhos.PF;
    const ativoPF=qtdPF>0;
    pw.innerHTML=`
      <div class="tam-linha${ativoPF?' ativo':''}" style="width:100%">
        <div class="tam-info">
          <span class="tam-letra">PF <span style="font-size:10px;font-weight:400;opacity:0.6">(balcão)</span></span>
          <span class="tam-preco">R$ ${(cfg.precos.PF||0).toFixed(2).replace('.',',')} · só retirada</span>
        </div>
        <div class="stepper">
          <button class="step-btn minus" onclick="alterarQtd('PF',-1)">−</button>
          <div class="step-qtd">${qtdPF}</div>
          <button class="step-btn plus" onclick="alterarQtd('PF',1)">+</button>
        </div>
      </div>`;
  }
}

function alterarQtd(tam, delta){
  qtdTamanhos[tam]=Math.max(0,(qtdTamanhos[tam]||0)+delta);
  // Regra PF: se tem PF, trava retirada; se zerar PF, libera entrega
  const temPF=qtdTamanhos.PF>0;
  const btnEntrega=document.getElementById('tipo-entrega');
  if(temPF){
    tipoSel='retirada';
    document.getElementById('tipo-retirada').className='tipo-btn sel';
    document.getElementById('tipo-entrega').className='tipo-btn';
    if(btnEntrega){btnEntrega.style.opacity='0.4';btnEntrega.style.pointerEvents='none';}
    document.getElementById('campo-endereco').style.display='none';
  } else {
    if(btnEntrega){btnEntrega.style.opacity='1';btnEntrega.style.pointerEvents='auto';}
  }
  document.getElementById('erroTamanho').classList.remove('show');
  renderTamanhos();calcTotal();
}

function esc(s){return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');}

function alterarQtdItem(e,nome,delta){
  e.stopPropagation();
  const novaQtd=Math.max(0,(qtdItens[nome]||0)+delta);
  if(novaQtd===0) delete qtdItens[nome];
  else qtdItens[nome]=novaQtd;
  renderItens();calcTotal();
}

// --- v29: qtdItens usa nome como chave; renderItens nunca reordena o array original ---
let termoBusca='';

function renderItens(){
  const l=document.getElementById('itensLista');
  // Cópia ordenada — NUNCA altera cfg.itens original
  const ordenados=[...cfg.itens]
    .filter(i=>i.nome.trim())
    .sort((a,b)=>a.nome.trim().toLowerCase().localeCompare(b.nome.trim().toLowerCase(),'pt-BR'));
  if(!ordenados.length){l.innerHTML='<div class="empty" style="padding:1rem">Nenhum item adicional configurado.</div>';return;}
  l.innerHTML='';
  const termo=termoBusca.toLowerCase().trim();
  // Itens selecionados (qtd>0) sempre no topo, depois os demais filtrados
  const selecionados=[];
  const outros=[];
  ordenados.forEach(item=>{
    const qtd=qtdItens[item.nome]||0;
    if(qtd>0) selecionados.push(item);
    else if(!termo || item.nome.toLowerCase().includes(termo)) outros.push(item);
  });
  const lista=[...selecionados,...outros];
  if(!lista.length){l.innerHTML='<div class="empty" style="padding:1rem">Nenhum resultado para "'+esc(termoBusca)+'".</div>';return;}
  lista.forEach(item=>{
    const qtd=qtdItens[item.nome]||0;
    const ativo=qtd>0;
    // v35: item.ativo===false → indisponível (apagado + bloqueado)
    const disponivel = item.ativo !== false;
    const d=document.createElement('div');
    d.className='item-linha'+(ativo?' ativo':'')+(disponivel?'':' indisponivel');
    d.innerHTML=`
      <div class="item-info">
        <div class="item-nome-txt">${esc(item.nome)}${disponivel?'':' <span style="font-size:10px;color:var(--perigo)">(indisponível)</span>'}</div>
        <div class="item-preco-txt">R$ ${item.preco.toFixed(2).replace('.',',')}</div>
      </div>
      <div class="stepper">
        <button class="step-btn minus" onclick="alterarQtdItem(event,'${esc(item.nome)}',-1)">−</button>
        <div class="step-qtd">${qtd}</div>
        <button class="step-btn plus" onclick="alterarQtdItem(event,'${esc(item.nome)}',1)">+</button>
      </div>`;
    l.appendChild(d);
  });
}

function filtrarItens(valor){
  termoBusca=valor;
  const btn=document.getElementById('itensBuscaClear');
  if(btn) btn.classList.toggle('visivel',valor.length>0);
  renderItens();
}

function limparBusca(){
  termoBusca='';
  const inp=document.getElementById('itensBusca');
  const btn=document.getElementById('itensBuscaClear');
  if(inp) inp.value='';
  if(btn) btn.classList.remove('visivel');
  renderItens();
}

function calcTotal(){
  let total=0;
  ['P','M','G','PF'].forEach(t=>{total+=(qtdTamanhos[t]||0)*(cfg.precos[t]||0);});
  Object.entries(qtdItens).forEach(([nome,q])=>{
    const item=cfg.itens.find(it=>it.nome===nome);
    if(q>0 && item) total+=item.preco*q;
  });
  if(tipoSel==='entrega' && cfg.taxa && cfg.taxa.ativa) total+=cfg.taxa.valor;
  document.getElementById('totalValor').textContent='R$ '+total.toFixed(2).replace('.',',');
  // Atualiza barra de progresso do pagamento se houver formas selecionadas
  if(pgtoFormas && pgtoFormas.length>0) atualizarProgresso();
  return total;
}

function selTipo(tipo){
  // Se PF está selecionado, só permite retirada
  if(qtdTamanhos.PF>0 && tipo==='entrega') return;
  tipoSel=tipo;
  document.getElementById('tipo-retirada').className='tipo-btn'+(tipo==='retirada'?' sel':'');
  document.getElementById('tipo-entrega').className='tipo-btn'+(tipo==='entrega'?' sel':'');
  document.getElementById('campo-endereco').style.display=tipo==='entrega'?'block':'none';
  atualizarPreview();
}

// ===== PAGAMENTO MÚLTIPLO =====
const PGTO_IDS={'Dinheiro':'pgto-Dinheiro','Pix':'pgto-Pix','Cartão débito':'pgto-Debito','Cartão crédito':'pgto-Credito'};

function togglePgto(forma){
  const idx=pgtoFormas.findIndex(f=>f.forma===forma);
  if(idx>=0){
    pgtoFormas.splice(idx,1);
  } else {
    pgtoFormas.push({forma,valor:0});
  }
  renderPgto();
  atualizarProgresso();
}

function renderPgto(){
  // Atualiza visual dos botões
  Object.entries(PGTO_IDS).forEach(([forma,id])=>{
    const btn=document.getElementById(id);
    if(!btn) return;
    const sel=pgtoFormas.some(f=>f.forma===forma);
    btn.className='pgto-btn'+(sel?' sel':'');
  });
  // Renderiza campos de valor
  const cont=document.getElementById('pgtoValores');
  cont.innerHTML='';
  pgtoFormas.forEach((f,i)=>{
    const row=document.createElement('div');
    row.className='pgto-valor-row';
    row.innerHTML=`<span class="pgto-valor-label">${f.forma}</span><input class="pgto-valor-input" type="number" min="0" step="0.01" placeholder="0,00" value="${f.valor>0?f.valor:''}" oninput="pgtoFormas[${i}].valor=parseFloat(this.value)||0;atualizarProgresso()">`;
    cont.appendChild(row);
  });
  // Mostra/esconde progresso
  document.getElementById('pgtoProgresso').style.display=pgtoFormas.length>0?'block':'none';
  document.getElementById('erroPgto').classList.remove('show');
  atualizarProgresso();
}

function atualizarProgresso(){
  // Lê o total já calculado na tela — evita loop com calcTotal()
  const totalTxt=document.getElementById('totalValor').textContent.replace('R$ ','').replace(',','.');
  const total=parseFloat(totalTxt)||0;
  const pago=pgtoFormas.reduce((a,f)=>a+f.valor,0);
  const falta=Math.max(0,total-pago);
  const pct=total>0?Math.min(100,(pago/total)*100):0;
  const totalEl=document.getElementById('pgtoProgTotal');
  const faltaEl=document.getElementById('pgtoProgFalta');
  const labelEl=document.getElementById('pgtoProgLabel');
  const fillEl=document.getElementById('pgtoProgFill');
  if(totalEl) totalEl.textContent='R$ '+total.toFixed(2).replace('.',',');
  if(faltaEl){
    if(falta<=0){
      faltaEl.textContent='✓ Coberto';
      faltaEl.className='pgto-prog-valor ok';
      if(labelEl) labelEl.textContent='Pagamento completo';
    } else {
      faltaEl.textContent='R$ '+falta.toFixed(2).replace('.',',');
      faltaEl.className='pgto-prog-valor falta';
      if(labelEl) labelEl.textContent='Falta informar';
    }
  }
  if(fillEl) fillEl.style.width=pct+'%';
}

function pgtoStr(){
  return pgtoFormas.map(f=>{
    const v=f.valor>0?(' R$ '+f.valor.toFixed(2).replace('.',',')):'' ;
    return f.forma+v;
  }).join(' + ');
}

function temPix(){
  return pgtoFormas.some(f=>f.forma==='Pix');
}

function addRipple(e,btn){
  const r=document.createElement('span');
  const rect=btn.getBoundingClientRect();
  const size=Math.max(rect.width,rect.height);
  r.className='ripple';
  r.style.cssText=`width:${size}px;height:${size}px;left:${e.clientX-rect.left-size/2}px;top:${e.clientY-rect.top-size/2}px`;
  btn.appendChild(r);
  setTimeout(()=>r.remove(),700);
}

function validar(){
  const faltando=[];

  // v54 — CAMADA 1: bloqueia se os preços do Supabase ainda não terminaram
  // de carregar (janela mínima logo após abrir/recarregar a página).
  if(!configCarregada){
    faltando.push('Aguarde o carregamento dos preços (poucos segundos) e tente novamente');
    document.getElementById('erroItens').innerHTML=faltando.map(f=>'<li>'+f+'</li>').join('');
    document.getElementById('erroOverlay').classList.add('show');
    return false;
  }

  const nome=document.getElementById('nomeCliente').value.trim();
  if(!nome){
    document.getElementById('nomeCliente').classList.add('erro');
    faltando.push('Nome do cliente');
  } else {
    document.getElementById('nomeCliente').classList.remove('erro');
  }

  const temAlgumTamanho=Object.values(qtdTamanhos).some(q=>q>0);
  const temAlgumExtra=Object.values(qtdItens).some(q=>q>0);
  if(!temAlgumTamanho && !temAlgumExtra){
    document.getElementById('erroTamanho').classList.add('show');
    faltando.push('Selecione pelo menos um tamanho ou item adicional');
  } else if(calcTotal()<=0){
    // v54 — CAMADA 2 (rede de segurança independente da CAMADA 1 acima):
    // há item selecionado mas o total saiu zero ou negativo — sinal de
    // preço zerado por qualquer motivo (não só o timing do carregamento).
    // Nunca deixa passar um pedido de balcão com valor zero silenciosamente.
    document.getElementById('erroTamanho').classList.add('show');
    faltando.push('Não foi possível calcular o preço dos itens — recarregue a página e tente novamente');
  }
  if(!tipoSel){
    faltando.push('Tipo de atendimento (Retirada ou Entrega)');
  }

  if(pgtoFormas.length===0){
    document.getElementById('erroPgto').classList.add('show');
    faltando.push('Selecione a forma de pagamento');
  } else {
    // Verifica se a soma cobre o total
    const totalAtual=parseFloat(document.getElementById('totalValor').textContent.replace('R$ ','').replace(',','.'))||0;
    const pagoAtual=pgtoFormas.reduce((a,f)=>a+f.valor,0);
    if(pgtoFormas.length>1 && pagoAtual<totalAtual-0.01){
      document.getElementById('erroPgto').classList.add('show');
      const falta=(totalAtual-pagoAtual).toFixed(2).replace('.',',');
      faltando.push('Pagamento incompleto — faltam R$ '+falta);
    }
  }

  if(tipoSel==='entrega'){
    const end=document.getElementById('endereco').value.trim();
    if(!end){
      document.getElementById('endereco').classList.add('erro');
      faltando.push('Endereço de entrega');
    } else {
      document.getElementById('endereco').classList.remove('erro');
    }
  }

  if(faltando.length>0){
    const lista=document.getElementById('erroItens');
    lista.innerHTML=faltando.map(f=>`<li>${f}</li>`).join('');
    document.getElementById('erroOverlay').classList.add('show');
    return false;
  }
  return true;
}

function fecharErro(){
  document.getElementById('erroOverlay').classList.remove('show');
  // Foca no primeiro campo com problema
  const alvo =
    document.getElementById('nomeCliente').classList.contains('erro') ? document.getElementById('nomeCliente') :
    document.getElementById('erroTamanho').classList.contains('show') ? document.getElementById('tamanhoGrid') :
    document.getElementById('erroPgto').classList.contains('show') ? document.getElementById('pgtoValores').children.length>0 ? document.getElementById('pgtoValores') : document.querySelector('.pgto-grid') :
    document.getElementById('endereco') && document.getElementById('endereco').classList.contains('erro') ? document.getElementById('endereco') :
    null;
  if(alvo){
    setTimeout(()=>{
      alvo.scrollIntoView({behavior:'smooth',block:'center'});
      if(alvo.tagName==='INPUT') alvo.focus();
    },150);
  }
}

async function registrarPedido(e){
  addRipple(e,document.getElementById('btnRegistrar'));
  if(!validar()) return;
  const btn=document.getElementById('btnRegistrar');
  const txtOriginal=btn.textContent;
  btn.disabled=true;
  btn.textContent='Registrando...';
  try{
    const total=calcTotal();
    const hora=new Date().toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'});
    const horario=document.getElementById('horarioEntrega').value;
    // Monta string de tamanhos ex: "2×P, 1×G" ou "1×PF, 1×M"
    const tamStr=['P','M','G','PF'].filter(t=>qtdTamanhos[t]>0).map(t=>qtdTamanhos[t]+'×'+t).join(', ');
    // Tamanho principal para compatibilidade com ticket/supabase: primeiro com qtd>0
    const tamPrincipal=['P','M','G','PF'].find(t=>qtdTamanhos[t]>0)||'P';
    const temPF=qtdTamanhos.PF>0;
    const pedido={
      // id será atribuído após retorno do Supabase — nunca usa contador local
      nome:document.getElementById('nomeCliente').value.trim(),
      tamanho:tamStr,
      tamanhoLegado:tamPrincipal,
      pf:temPF && Object.values(qtdTamanhos).filter((v,i)=>i<3).every(v=>v===0), // pf puro
      qtdTamanhos:{...qtdTamanhos},
      itens:Object.entries(qtdItens).filter(([nome,q])=>q>0 && cfg.itens.find(it=>it.nome===nome)).map(([nome,q])=>({...cfg.itens.find(it=>it.nome===nome),qtd:q})),
      tipo:tipoSel,
      endereco:document.getElementById('endereco').value,
      pgto:pgtoStr(),
      pgtoFormas:[...pgtoFormas],
      obs:document.getElementById('obs').value,
      horario,
      cardapio:cfg.cardapios[new Date().getDay()]||'',
      total,hora,
      origem:'balcao',
      statusImpressao: temPix() ? 'aguardando_pix' : 'pendente',
      cancelado: false
    };
    if(temPix()){
      limparForm();
      mostrarSucessoPix(pedido.nome);
      const sbIdPix = await salvarPedidoSupabase(pedido);
      if(sbIdPix){ pedido.id = sbIdPix; pedido.sbId = sbIdPix; }
      // Só insere em pedidos[] depois de ter o ID real do Supabase
      pedidos.push(pedido);
      atualizarPixCounter();
      atualizarErroCounter();
      atualizarMovimento();
      return;
    }
    const sbId = await salvarPedidoSupabase(pedido);
    if(sbId){ pedido.id = sbId; pedido.sbId = sbId; }
    // Só insere em pedidos[] depois de ter o ID real do Supabase
    pedidos.push(pedido);
    atualizarPixCounter();
    atualizarErroCounter();
    atualizarMovimento();
    limparForm();
    mostrarSucesso(pedido.nome);
  } finally {
    btn.disabled=false;
    btn.textContent=txtOriginal;
  }
}

function mostrarSucesso(nome){
  document.getElementById('sucessoSub').textContent='Para '+nome;
  const ov=document.getElementById('sucessoOverlay');
  ov.classList.add('show');
  setTimeout(()=>{
    ov.classList.remove('show');
    trocarTab('pedido',document.getElementById('nav-pedido'));
  },2000);
}

function mostrarSucessoPix(nome){
  document.getElementById('sucessoSub').textContent='Pix pendente — '+nome;
  const ov=document.getElementById('sucessoOverlay');
  // Muda ícone temporariamente
  ov.querySelector('.sucesso-icon').textContent='💰';
  ov.querySelector('.sucesso-txt').textContent='Aguardando Pix!';
  ov.classList.add('show');
  setTimeout(()=>{
    ov.classList.remove('show');
    ov.querySelector('.sucesso-icon').textContent='✓';
    ov.querySelector('.sucesso-txt').textContent='Pedido registrado!';
    trocarTab('pedido',document.getElementById('nav-pedido'));
  },2200);
}

// ===== MODAL AGUARDANDO PIX =====

function atualizarPixCounter(){
  // v55: exclui também quem já foi cancelado pela própria aba Pix — sem
  // isso, cancelarPix() (que agora preserva status_impressao) deixaria o
  // pedido preso pra sempre na contagem de "aguardando_pix".
  const pendentes = pedidos.filter(p=>p.statusImpressao==='aguardando_pix' && !p.cancelado);
  const counter = document.getElementById('pixCounter');
  if(!counter) return;
  if(pendentes.length>0){
    counter.textContent = pendentes.length;
    counter.classList.add('show');
  } else {
    counter.classList.remove('show');
  }
}

function abrirPixModal(){
  renderPixLista();
  document.getElementById('pixOverlay').classList.add('show');
}

function fecharPixModal(){
  document.getElementById('pixOverlay').classList.remove('show');
}

// Extrai apenas o nome do titular do Pix do campo obs (ex: "Marmita P: bife. Pix em nome de: João Silva" -> "João Silva")
function extrairNomePix(obs){
  if(!obs) return '';
  const m = obs.match(/Pix em nome de:\s*([^.;]+)/i);
  return m ? m[1].trim() : '';
}

function renderPixLista(){
  // v55: mesma exclusão de cancelados aplicada em atualizarPixCounter()
  const pendentes = pedidos.filter(p=>p.statusImpressao==='aguardando_pix' && !p.cancelado);
  const lista = document.getElementById('pixLista');
  const sub = document.getElementById('pixModalSub');
  const totalEl = document.getElementById('pixTotalValor');

  const totalPendente = pendentes.reduce((a,p)=>a+p.total,0);
  totalEl.textContent = 'R$ '+totalPendente.toFixed(2).replace('.',',');
  sub.textContent = pendentes.length
    ? pendentes.length+' pedido'+(pendentes.length>1?'s pendentes':' pendente')
    : 'Nenhum Pix aguardando confirmação';

  if(!pendentes.length){
    lista.innerHTML='<div class="pix-empty"><span class="pix-empty-icon">✅</span><div>Todos os Pix confirmados!</div></div>';
    return;
  }

  lista.innerHTML='';
  pendentes.forEach(p=>{
    const itStr = p.itens.filter(i=>!i.nome.toLowerCase().startsWith('marmita') && (i.qtd||1)>0).length?' + '+p.itens.filter(i=>!i.nome.toLowerCase().startsWith('marmita') && (i.qtd||1)>0).map(i=>`${i.qtd||1}x ${i.nome}`).join(', '):'';
    const origemClass = p.origem==='whatsapp'?' whatsapp':'';
    const origemLabel = p.origem==='whatsapp'?'WhatsApp':'Balcão';
    const nomePix = extrairNomePix(p.obs);
    const div = document.createElement('div');
    div.className='pix-item';
    div.innerHTML=`
      <div class="pix-item-info">
        <div class="pix-item-nome">${p.nome}</div>
        <div class="pix-item-detalhe">Marmita ${p.tamanho}${itStr}</div>
        <div class="pix-item-detalhe">${p.tipo==='entrega'?'Entrega':'Retirada'} · ${p.hora}</div>
        ${nomePix?`<div class="pix-item-detalhe" style="font-weight:600;color:var(--rel-pix)">🧾 Pix em nome de: ${esc(nomePix)}</div>`:''}
        <span class="pix-item-origem${origemClass}">${origemLabel}</span>
      </div>
      <div class="pix-item-dir">
        <div class="pix-item-valor">R$ ${p.total.toFixed(2).replace('.',',')}</div>
        <div class="pix-item-hora">#${String(p.id).padStart(4,'0')}</div>
        <button class="btn-confirmar-pix" onclick="confirmarPix(${p.id})">✓ Confirmar</button>
        <button class="btn-cancelar-pix" onclick="mostrarConfirmacaoCancelar(${p.id})">✗ Cancelar</button>
        <div class="pix-confirmacao" id="conf-cancelar-${p.id}" style="display:none">
          <div class="pix-confirmacao-txt">Cancelar este pedido?</div>
          <div class="pix-confirmacao-btns">
            <button class="btn-conf-sim" onclick="cancelarPix(${p.id})">Sim, cancelar</button>
            <button class="btn-conf-nao" onclick="ocultarConfirmacaoCancelar(${p.id})">Não</button>
          </div>
        </div>
      </div>`;
    lista.appendChild(div);
  });
}

async function confirmarPix(pedidoId){
  const pedido = pedidos.find(p=>p.id===pedidoId);
  if(!pedido) return;

  // v52: proteção contra confirmação duplicada — confere no Supabase se esse
  // pedido ainda está mesmo aguardando Pix antes de confirmar. Se já tiver
  // sido resolvido (ex: o sistema de confirmação automática de Pix rodou um
  // instante antes), aborta e só sincroniza a tela, evitando duplicar a
  // impressão (1 vira 2 na retirada, 2 vira 4 na entrega).
  if(pedido.sbId){
    try{
      const check = await sbGet('pedidos','id=eq.'+pedido.sbId+'&select=status_impressao');
      if(check && check[0] && check[0].status_impressao !== 'aguardando_pix'){
        pedido.statusImpressao = check[0].status_impressao;
        atualizarPixCounter();
        renderPixLista();
        return;
      }
    }catch(e){ /* se a checagem falhar, segue com a confirmação normal abaixo */ }
  }

  // Atualiza localmente — pendente para o impressor pegar
  pedido.statusImpressao = 'pendente';

  // v56: PATCH condicional — só aplica se o pedido ainda estiver
  // 'aguardando_pix' no instante exato do PATCH (checagem atômica do
  // Postgres). Fecha a janela de corrida entre a checagem (linha acima)
  // e o envio: se a confirmação automática do Pix (N8N) processar esse
  // mesmo pedido nesse meio-tempo, o PATCH daqui não encontra nada pra
  // alterar e não sobrescreve de volta pra 'pendente' um pedido que já
  // foi impresso pela outra rota — era exatamente essa brecha que
  // causava a impressão dupla (ex: pedido #3149).
  if(pedido.sbId){
    await sbPatch(
      'pedidos',
      'id=eq.'+pedido.sbId+'&status_impressao=eq.aguardando_pix',
      {status_impressao:'pendente'}
    );
  }

  // Notifica cliente via WhatsApp e atualiza Supabase via N8N
  if(pedido.whatsapp){
    try{
      await fetch('https://n8n.timautomacoes.com.br/webhook/pix-confirmado',{
        method:'POST',
        headers:{'Content-Type':'application/json','X-Webhook-Secret':'timautomacoes2026pix'},
        body:JSON.stringify({
          whatsapp: pedido.whatsapp,
          nome: pedido.nome,
          sbId: pedido.sbId
        })
      });
    }catch(e){ console.warn('Aviso Pix WhatsApp falhou (não crítico):',e); }
  }

  // Atualiza contador e re-renderiza lista
  atualizarPixCounter();
  renderPixLista();
}

function mostrarConfirmacaoCancelar(pedidoId){
  const el = document.getElementById('conf-cancelar-'+pedidoId);
  if(el) el.style.display='block';
}

function ocultarConfirmacaoCancelar(pedidoId){
  const el = document.getElementById('conf-cancelar-'+pedidoId);
  if(el) el.style.display='none';
}

// v55 (fix 07/07/2026): cancelamento pela aba Pix agora grava o campo
// booleano `cancelado` (o mesmo usado por cancelarPedido() na Movimento),
// em vez de sobrescrever status_impressao. Assim status_impressao fica
// preservado como estava no momento do cancelamento (normalmente
// 'aguardando_pix', mas pode registrar outro valor se o fluxo mudar no
// futuro) — dá pra saber depois qual era a situação exata quando o
// Claudinei decidiu cancelar. Quem tira o pedido da fila da aba Pix e dos
// totais/relatórios é o campo `cancelado`, checado em atualizarPixCounter()
// e renderPixLista().
async function cancelarPix(pedidoId){
  const pedido = pedidos.find(p=>p.id===pedidoId);
  if(!pedido || pedido.cancelado) return;

  // Marca como cancelado localmente
  pedido.cancelado = true;

  // Atualiza no Supabase — tenta pelo sbId primeiro; se não tiver, busca pelo nome+total
  if(pedido.sbId){
    await sbPatch('pedidos','id=eq.'+pedido.sbId,{cancelado:true});
  } else {
    // Busca o registro no Supabase para obter o ID
    try{
      const hoje = new Date(Date.now() - 3*60*60*1000).toISOString().slice(0,10);
      const registros = await sbGet('pedidos',
        'restaurante_id=eq.'+SB_RESTAURANTE+
        '&nome=eq.'+encodeURIComponent(pedido.nome)+
        '&total=eq.'+pedido.total+
        '&status_impressao=eq.aguardando_pix'+
        '&data_hora=gte.'+hoje+'T03:00:00Z'
      );
      if(registros && registros[0]){
        pedido.sbId = registros[0].id;
        await sbPatch('pedidos','id=eq.'+pedido.sbId,{cancelado:true});
      }
    }catch(e){ console.warn('Erro ao buscar pedido para cancelar:',e); }
  }

  // Atualiza contador e re-renderiza lista
  atualizarPixCounter();
  renderPixLista();
}

function atualizarErroCounter(){
  const erros = pedidos.filter(p=>p.statusImpressao==='erro_impressao');
  const counter = document.getElementById('erroCounter');
  if(!counter) return;
  if(erros.length>0){
    counter.textContent = erros.length;
    counter.classList.add('show');
  } else {
    counter.classList.remove('show');
  }
}

// v56: trava contra reimpressão duplicada — some pedidoIds em andamento
const reimprimindoEmAndamento = new Set();

async function reimprimirPedido(pedidoId){
  const pedido = pedidos.find(p=>p.id===pedidoId);
  if(!pedido || pedido.cancelado) return; // trava de segurança — não reimprime pedido cancelado

  // v56: trava local — impede duplo clique no mesmo aparelho enquanto processa
  if(reimprimindoEmAndamento.has(pedidoId)) return;

  const nomeConf = `#${String(pedido.id).padStart(4,'0')} — ${pedido.nome}`;
  if(!confirm(`Reimprimir o pedido ${nomeConf}?`)) return;

  reimprimindoEmAndamento.add(pedidoId);
  atualizarMovimento(); // re-renderiza já mostrando o botão desabilitado/"Reimprimindo..."

  try{
    if(pedido.sbId){
      // v56: PATCH condicional — só aplica se o pedido ainda estiver em
      // 'impresso' ou 'erro_impressao' no exato momento do PATCH (garantido
      // pelo próprio Postgres). Se outro aparelho já tiver reimpresso esse
      // mesmo pedido um instante antes (mudando o status pra 'pendente'),
      // este PATCH não encontra nada pra alterar — sem risco de reimpressão
      // dupla entre aparelhos diferentes, mesmo sem trava local.
      await sbPatch(
        'pedidos',
        'id=eq.'+pedido.sbId+'&status_impressao=in.(impresso,erro_impressao)',
        { status_impressao:'pendente', tentativas_impressao:0 }
      );
    }
    pedido.statusImpressao = 'pendente';
  } finally {
    reimprimindoEmAndamento.delete(pedidoId);
    atualizarMovimento();
  }
}

function limparForm(){
  document.getElementById('nomeCliente').value='';
  document.getElementById('obs').value='';
  document.getElementById('endereco').value='';
  document.getElementById('horarioEntrega').value='';
  document.getElementById('horarioPreview').style.display='none';
  qtdTamanhos={P:0,M:0,G:0,PF:0};qtdItens={};tipoSel='retirada';pgtoFormas=[];limparBusca();
  const btnEntrega=document.getElementById('tipo-entrega');
  if(btnEntrega){btnEntrega.style.opacity='1';btnEntrega.style.pointerEvents='auto';}
  selTipo('retirada');
  renderTamanhos();renderItens();renderPgto();calcTotal();
}

// v41: reconstrói qtdTamanhos a partir da string salva no banco ex: "2×P, 1×G, 1×PF"
function parseTamanhoStr(tamanhoStr){
  const resultado={P:0,M:0,G:0,PF:0};
  if(!tamanhoStr) return resultado;
  tamanhoStr.split(',').forEach(parte=>{
    const m=parte.trim().match(/^(\d+)[×x](\w+)$/);
    if(m && resultado.hasOwnProperty(m[2])) resultado[m[2]]=parseInt(m[1]);
  });
  return resultado;
}

// v55: termo de busca da Movimento (filtra só a exibição, não os contadores)
let termoBuscaMovimento='';

function filtrarMovimento(valor){
  termoBuscaMovimento=valor.trim().toLowerCase();
  const btn=document.getElementById('movBuscaClear');
  if(btn) btn.classList.toggle('visivel',valor.length>0);
  renderPedidosLista();
}

// v55: cancelamento — pedido some dos contadores/totais mas continua visível
// na lista, riscado (ver CSS .pedido-card.cancelado). status_impressao não é
// tocado, fica preservado (ex: sabemos que um pedido cancelado já tinha sido
// impresso, se for o caso).
async function cancelarPedido(pedidoId){
  const pedido = pedidos.find(p=>p.id===pedidoId);
  if(!pedido || pedido.cancelado) return;
  const nomeConf = `#${String(pedido.id).padStart(4,'0')} — ${pedido.nome}`;
  if(!confirm(`Cancelar o pedido ${nomeConf}?\n\nEle sai dos totais do dia, mas continua visível na lista (riscado).`)) return;

  pedido.cancelado = true;

  if(pedido.sbId){
    await sbPatch('pedidos','id=eq.'+pedido.sbId,{cancelado:true});
  }

  atualizarMovimento();
  if(document.getElementById('tab-relatorio')?.classList.contains('ativa')) atualizarRelatorio();
}

function atualizarMovimento(){
  const ativos=pedidos.filter(p=>!p.cancelado);
  const tot=ativos.length;
  const marm=ativos.reduce((acc,p)=>acc+Object.values(p.qtdTamanhos||{}).reduce((s,q)=>s+(q||0),0),0);
  document.getElementById('cntPedidos').textContent=tot;
  // v34: cntFat e hFat removidos — faturamento visível apenas no sbadmin (painel do dono)
  document.getElementById('cntMarm').textContent=marm;
  document.getElementById('hPedidos').textContent=tot;
  renderPedidosLista();
  atualizarErroCounter();
}

// v57: filtro Todos / Em rota — aplicado antes da busca por nome
function filtrarMovimentoTipo(tipo){
  filtroMovimentoTipo = tipo;
  document.getElementById('filtroMovTodos').classList.toggle('sel', tipo==='todos');
  document.getElementById('filtroMovEmRota').classList.toggle('sel', tipo==='em_rota');
  renderPedidosLista();
}

// v55/v57: renderização separada da contagem — mostra TODOS os pedidos
// (inclusive cancelados, riscados), aplica filtro Todos/Em rota e busca por
// nome, e agrupa visualmente pedidos que pertencem à mesma remessa.
function renderPedidosLista(){
  const lista=document.getElementById('pedidosLista');
  let base = pedidos;
  if(filtroMovimentoTipo==='em_rota'){
    base = base.filter(p=>p.tipo==='entrega' && p.statusEntrega==='saiu_entrega' && !p.cancelado);
  }
  const filtrados = termoBuscaMovimento
    ? base.filter(p=>(p.nome||'').toLowerCase().includes(termoBuscaMovimento))
    : base;
  if(!filtrados.length){
    lista.innerHTML = termoBuscaMovimento
      ? '<div class="empty">Nenhum pedido encontrado com esse nome.</div>'
      : (filtroMovimentoTipo==='em_rota' ? '<div class="empty">Nenhum pedido em rota no momento.</div>' : '<div class="empty">Nenhum pedido registrado hoje.</div>');
    return;
  }

  // Agrupa pedidos da mesma remessa num único bloco, posicionado onde
  // apareceria o primeiro pedido daquele grupo na lista (ordem cronológica,
  // depois invertida pra newest-first — igual ao comportamento anterior).
  const remessasRenderizadas = new Set();
  const itensRender = [];
  filtrados.forEach(p=>{
    if(p.remessaId){
      if(remessasRenderizadas.has(p.remessaId)) return;
      remessasRenderizadas.add(p.remessaId);
      itensRender.push({tipo:'grupo', remessaId:p.remessaId, pedidos: filtrados.filter(x=>x.remessaId===p.remessaId)});
    } else {
      itensRender.push({tipo:'pedido', pedido:p});
    }
  });

  lista.innerHTML='';
  [...itensRender].reverse().forEach(item=>{
    lista.appendChild(item.tipo==='pedido' ? montarCardPedido(item.pedido) : montarGrupoRemessa(item.remessaId, item.pedidos));
  });
}

// v57: monta o card de um pedido — reaproveitado tanto pra pedidos soltos
// quanto pra pedidos dentro de um bloco de remessa. Preserva o comportamento
// da v56 (botão "Reimprimindo..." desabilitado enquanto reimprimindoEmAndamento).
function montarCardPedido(p){
  const d=document.createElement('div');
  const isCancelado = p.cancelado===true;
  const temErro = p.statusImpressao==='erro_impressao' && !isCancelado;
  d.className='pedido-card'+(temErro?' erro-impressao':'')+(isCancelado?' cancelado':'');
  const itStr=p.itens.filter(i=>!i.nome.toLowerCase().startsWith('marmita') && (i.qtd||1)>0).length?' + '+p.itens.filter(i=>!i.nome.toLowerCase().startsWith('marmita') && (i.qtd||1)>0).map(i=>`${i.qtd||1}x ${esc(i.nome)}`).join(', '):'';
  const horStr=p.horario?' — '+esc(p.horario):'';
  const erroLabel=temErro?'<div><span class="erro-impressao-label">⚠ Erro de impressão</span></div>':'';
  const btnAcao = isCancelado
    ? '<div><span class="cancelado-label">✕ Cancelado</span></div>'
    : (reimprimindoEmAndamento.has(p.id)
        ? `<button class="btn-reimprimir" disabled>⏳ Reimprimindo...</button><button class="btn-cancelar" onclick="cancelarPedido(${p.id})">✕ Cancelar</button>`
        : `<button class="btn-reimprimir" onclick="reimprimirPedido(${p.id})">🖨 Reimprimir</button><button class="btn-cancelar" onclick="cancelarPedido(${p.id})">✕ Cancelar</button>`);
  const foneStr = p.origem==='balcao' ? ' — Balcão' : (p.whatsapp ? ` — ${p.whatsapp}` : '');
  const badgeEntrega = montarBadgeEntrega(p);
  d.innerHTML=`<div style="flex:1"><div class="pedido-nome">#${String(p.id).padStart(4,'0')} — ${esc(p.nome)}${foneStr}</div><div class="pedido-detalhe">Marmita ${p.tamanho}${itStr}</div><div class="pedido-detalhe">${p.tipo==='entrega'?'Entrega':'Retirada'}${horStr} — ${p.pgto}</div>${p.obs?`<div class="pedido-detalhe" style="font-style:italic">Obs: ${esc(p.obs)}</div>`:''}${erroLabel}${btnAcao}${badgeEntrega}</div><div style="text-align:right;margin-left:12px"><div style="font-size:16px;font-weight:700;color:var(--primaria);white-space:nowrap">R$ ${p.total.toFixed(2).replace('.',',')}</div><div style="font-size:11px;color:var(--texto2);margin-top:2px">${p.hora}</div></div>`;
  return d;
}

// v57: selo "Em rota"/"Entregue" no próprio card do pedido (além do
// cabeçalho do grupo da remessa) — clicável, alterna o status individual.
function montarBadgeEntrega(p){
  if(p.tipo!=='entrega' || !p.statusEntrega || p.cancelado) return '';
  if(p.statusEntrega==='entregue'){
    const horaEntrega = p.entregueEm ? p.entregueEm.toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'}) : '';
    return `<div><button class="badge-entrega entregue" onclick="toggleEntregaIndividual(${p.id})">✅ Entregue${horaEntrega?' — '+horaEntrega:''}</button></div>`;
  }
  return `<div><button class="badge-entrega em-rota" onclick="toggleEntregaIndividual(${p.id})">🛵 Em rota</button></div>`;
}

// v57: bloco visual da remessa — cabeçalho "Remessa #N — entregador — saiu HH:MM"
// + botão de lote "Marcar remessa entregue" + os cards dos pedidos dentro.
function montarGrupoRemessa(remessaId, pedidosDoGrupo){
  const remessa = remessas.find(r=>r.id===remessaId);
  const wrap=document.createElement('div');
  wrap.className='remessa-grupo';
  const horaSaida = remessa ? remessa.saidaEm.toLocaleTimeString('pt-BR',{hour:'2-digit',minute:'2-digit'}) : '--:--';
  const entregador = remessa ? esc(remessa.entregador) : 'Entregador';
  const todasEntregues = pedidosDoGrupo.every(p=>p.statusEntrega==='entregue');
  const acaoBtn = todasEntregues
    ? '<span class="remessa-entregue-label">✅ Entregue</span>'
    : `<button class="btn-remessa-entregue" onclick="marcarRemessaEntregue(${remessaId})">✅ Marcar remessa entregue</button>`;
  const header = document.createElement('div');
  header.className='remessa-grupo-header';
  header.innerHTML = `<div><div class="remessa-grupo-titulo">🛵 Remessa #${remessaId} — ${entregador}</div><div class="remessa-grupo-sub">Saiu ${horaSaida} — ${pedidosDoGrupo.length} pedido${pedidosDoGrupo.length>1?'s':''}</div></div>${acaoBtn}`;
  wrap.appendChild(header);
  const body = document.createElement('div');
  body.className='remessa-grupo-body';
  pedidosDoGrupo.forEach(p=>body.appendChild(montarCardPedido(p)));
  wrap.appendChild(body);
  return wrap;
}

// v57: alterna entregue <-> aguardando pra UM pedido específico dentro da
// remessa — protege contra marcar a remessa toda como entregue por engano
// (ex: entregador esqueceu 1 marmita no carro).
async function toggleEntregaIndividual(pedidoId){
  const pedido = pedidos.find(p=>p.id===pedidoId);
  if(!pedido || !pedido.remessaId) return;
  const novoStatus = pedido.statusEntrega==='entregue' ? 'saiu_entrega' : 'entregue';
  const novoEntregueEm = novoStatus==='entregue' ? new Date() : null;
  pedido.statusEntrega = novoStatus;
  pedido.entregueEm = novoEntregueEm;
  if(pedido.sbId){
    await sbPatch('pedidos','id=eq.'+pedido.sbId,{
      status_entrega: novoStatus,
      entregue_em: novoEntregueEm ? novoEntregueEm.toISOString() : null
    });
  }
  renderPedidosLista();
}

// v57: fecha TODOS os pedidos da remessa de uma vez (ação mais comum,
// quando o entregador volta e entregou tudo certinho).
async function marcarRemessaEntregue(remessaId){
  const pedidosDoGrupo = pedidos.filter(p=>p.remessaId===remessaId);
  if(!pedidosDoGrupo.length) return;
  if(!confirm(`Marcar todos os ${pedidosDoGrupo.length} pedidos da Remessa #${remessaId} como entregues?`)) return;
  const agora = new Date();
  pedidosDoGrupo.forEach(p=>{ p.statusEntrega='entregue'; p.entregueEm=agora; });
  const remessa = remessas.find(r=>r.id===remessaId);
  if(remessa) remessa.status='entregue';
  await sbPatch('remessas','id=eq.'+remessaId,{status:'entregue'});
  await sbPatch('pedidos','remessa_id=eq.'+remessaId,{status_entrega:'entregue', entregue_em: agora.toISOString()});
  renderPedidosLista();
}

// ===== v57: MODAL NOVA REMESSA =====

function abrirModalRemessa(){
  remessaTemp = {pedidosIds:[]};
  document.getElementById('remessaEntregador').value='';
  const agora = new Date();
  document.getElementById('remessaHorarioSaida').value = String(agora.getHours()).padStart(2,'0')+':'+String(agora.getMinutes()).padStart(2,'0');
  document.getElementById('remessaCodigo').value='';
  document.getElementById('remessaErroMsg').classList.remove('show');
  renderChipsRemessa();
  document.getElementById('remessaOverlay').classList.add('show');
}

function fecharModalRemessa(){
  if(qrScannerAtivo) pararCameraRemessa();
  document.getElementById('remessaOverlay').classList.remove('show');
}

function mostrarErroRemessa(msg){
  const erroEl = document.getElementById('remessaErroMsg');
  erroEl.textContent = msg;
  erroEl.classList.add('show');
}

// Fallback de digitação — mesmo campo/lista que a leitura por câmera alimenta
function adicionarPedidoRemessaPorCampo(){
  const input = document.getElementById('remessaCodigo');
  const valor = input.value.trim();
  if(!valor) return;
  const ok = adicionarPedidoRemessaPorCodigo(valor);
  if(ok) input.value='';
  input.focus();
}

function adicionarPedidoRemessaPorCodigo(codigo){
  document.getElementById('remessaErroMsg').classList.remove('show');
  const numero = parseInt(String(codigo).replace(/\D/g,''),10);
  const num4 = n=>String(n).padStart(4,'0');
  if(!numero){ mostrarErroRemessa('Código inválido.'); return false; }
  const pedido = pedidos.find(p=>p.id===numero);
  if(!pedido){ mostrarErroRemessa(`Pedido #${num4(numero)} não encontrado hoje.`); return false; }
  if(pedido.cancelado){ mostrarErroRemessa(`Pedido #${num4(numero)} está cancelado.`); return false; }
  if(pedido.tipo!=='entrega'){ mostrarErroRemessa(`Pedido #${num4(numero)} é retirada — só entrega entra em remessa.`); return false; }
  if(pedido.remessaId){ mostrarErroRemessa(`Pedido #${num4(numero)} já está em outra remessa.`); return false; }
  if(remessaTemp.pedidosIds.includes(numero)){ mostrarErroRemessa(`Pedido #${num4(numero)} já foi adicionado.`); return false; }
  remessaTemp.pedidosIds.push(numero);
  renderChipsRemessa();
  return true;
}

function removerChipRemessa(id){
  remessaTemp.pedidosIds = remessaTemp.pedidosIds.filter(x=>x!==id);
  renderChipsRemessa();
}

function renderChipsRemessa(){
  const wrap = document.getElementById('remessaChips');
  if(!remessaTemp.pedidosIds.length){
    wrap.innerHTML = '<div class="remessa-chip-empty">Nenhum pedido adicionado ainda.</div>';
    return;
  }
  wrap.innerHTML = remessaTemp.pedidosIds.map(id=>{
    const pedido = pedidos.find(p=>p.id===id);
    const nome = pedido ? esc(pedido.nome) : '';
    return `<span class="remessa-chip">#${String(id).padStart(4,'0')} ${nome}<button onclick="removerChipRemessa(${id})">✕</button></span>`;
  }).join('');
}

// Leitura por câmera (QR Code) — decodifica local no navegador via
// html5-qrcode, sem enviar imagem a servidor nenhum. Ainda depende do QR
// estar impresso no ticket (pendência separada, no impressor.py) — até lá,
// digitar o número continua sendo o caminho normal.
function toggleCameraRemessa(){
  if(qrScannerAtivo) pararCameraRemessa(); else iniciarCameraRemessa();
}

function iniciarCameraRemessa(){
  if(typeof Html5Qrcode === 'undefined'){
    mostrarErroRemessa('Leitor de câmera não carregou — digite o número do pedido.');
    return;
  }
  const container = document.getElementById('remessaLeitorQr');
  container.classList.add('show');
  container.innerHTML = '<div id="remessaLeitorQrInner" style="width:100%"></div>';
  document.getElementById('btnCameraRemessa').classList.add('ativa');
  qrScannerAtivo = true;
  qrScannerRemessa = new Html5Qrcode('remessaLeitorQrInner');
  qrScannerRemessa.start(
    {facingMode:'environment'},
    {fps:10, qrbox:200},
    (decodedText)=>{ adicionarPedidoRemessaPorCodigo(decodedText); },
    ()=>{ /* frame sem QR legível — normal, ignora silenciosamente */ }
  ).catch(()=>{
    mostrarErroRemessa('Não foi possível acessar a câmera. Digite o número do pedido.');
    pararCameraRemessa();
  });
}

async function pararCameraRemessa(){
  const container = document.getElementById('remessaLeitorQr');
  document.getElementById('btnCameraRemessa').classList.remove('ativa');
  if(qrScannerRemessa){
    try{ await qrScannerRemessa.stop(); qrScannerRemessa.clear(); }catch(e){}
    qrScannerRemessa = null;
  }
  qrScannerAtivo = false;
  container.classList.remove('show');
  container.innerHTML='';
}

// Grava a remessa e atualiza todos os pedidos escolhidos de uma vez
async function gravarRemessa(){
  const btn = document.querySelector('#remessaOverlay .btn-salvar');
  const entregador = document.getElementById('remessaEntregador').value.trim();
  const horario = document.getElementById('remessaHorarioSaida').value;
  if(!entregador){ mostrarErroRemessa('Informe o nome do entregador.'); return; }
  if(!remessaTemp.pedidosIds.length){ mostrarErroRemessa('Adicione pelo menos um pedido à remessa.'); return; }

  const orig = btn.textContent;
  btn.disabled = true;
  btn.textContent = 'Gravando...';
  try{
    const agora = new Date();
    const [hh,mm] = horario.split(':').map(Number);
    const saidaEm = new Date(agora.getFullYear(), agora.getMonth(), agora.getDate(), (hh||hh===0)?hh:agora.getHours(), (mm||mm===0)?mm:agora.getMinutes());

    const novaRemessa = await sbPost('remessas', {
      restaurante_id: SB_RESTAURANTE,
      entregador: entregador,
      saida_em: saidaEm.toISOString(),
      status: 'aberta'
    });
    if(!novaRemessa){
      mostrarErroRemessa('Erro ao gravar a remessa. Tente novamente.');
      return;
    }
    const remessaId = novaRemessa.id;
    for(const pedidoId of remessaTemp.pedidosIds){
      const pedido = pedidos.find(p=>p.id===pedidoId);
      if(!pedido || !pedido.sbId) continue;
      await sbPatch('pedidos','id=eq.'+pedido.sbId,{remessa_id: remessaId, status_entrega: 'saiu_entrega'});
      pedido.remessaId = remessaId;
      pedido.statusEntrega = 'saiu_entrega';
      pedido.entregueEm = null;
    }
    remessas.push({id:remessaId, entregador:entregador, saidaEm:saidaEm, status:'aberta'});
    fecharModalRemessa();
    renderPedidosLista();
  }catch(e){
    console.warn('Erro ao gravar remessa:', e);
    mostrarErroRemessa('Erro ao gravar a remessa. Tente novamente.');
  }finally{
    btn.disabled = false;
    btn.textContent = orig;
  }
}

function mostrarTicketById(id){const p=pedidos.find(x=>x.id===id);if(p)mostrarTicket(p);}

function mostrarTicket(p){
  const n=String(p.id).padStart(4,'0');
  let linhas='';
  // Suporte a pedidos com qtdTamanhos (v15+) e legados (v14-)
  if(p.qtdTamanhos){
    ['P','M','G','PF'].forEach(t=>{
      const q=p.qtdTamanhos[t]||0;
      if(q>0){
        const preco=(cfg.precos[t]||0)*q;
        linhas+=`<div class="t-row"><span>${q}x Marmita ${t}</span><span>R$ ${preco.toFixed(2).replace('.',',')}</span></div>`;
      }
    });
  } else {
    linhas=`<div class="t-row"><span>1x Marmita ${p.tamanho}</span><span>R$ ${(cfg.precos[p.tamanho]||0).toFixed(2).replace('.',',')}</span></div>`;
  }
  p.itens.forEach(it=>{const q=it.qtd||1;linhas+=`<div class="t-row"><span>${q}x ${esc(it.nome)}</span><span>R$ ${(it.preco*q).toFixed(2).replace('.',',')}</span></div>`;});
  const tipoLabel=p.tipo==='entrega'?'ENTREGA':'RETIRADA';
  const horarioLabel=p.horario?' - '+esc(p.horario):' - PRODUCAO IMEDIATA';
  document.getElementById('ticketConteudo').innerHTML=`
    <div class="t-restaurante">★ ${esc(cfg.nome).toUpperCase()} ★</div>
    <div style="text-align:center;font-size:9px;color:#999">PEDIDO #${n} — ${p.hora}</div>
    <div class="t-lbl">CLIENTE</div>
    <div class="t-caixa-preta t-nome-box">${esc(p.nome).toUpperCase()}</div>
    <div class="t-caixa-preta t-horario-box">${tipoLabel}${horarioLabel}</div>
    ${linhas}
    <hr class="t-div">
    <div class="t-row t-total"><span>TOTAL</span><span>R$ ${p.total.toFixed(2).replace('.',',')}</span></div>
    <div class="t-pgto">Pagamento: ${esc(p.pgto)}</div>
    ${p.endereco?`<div class="t-end">END: ${esc(p.endereco).toUpperCase()}</div>`:''}
    ${p.obs?`<div class="t-obs">OBS: ${esc(p.obs).toUpperCase()}</div>`:''}
    ${p.cardapio?`<div class="t-cardapio">Cardapio: ${esc(p.cardapio)}</div>`:''}
    <div class="t-footer">Tim Automacoes — Balcao<br>${new Date().toLocaleDateString('pt-BR')}</div>`;
  document.getElementById('ticketOverlay').className='ticket-overlay show';
}

function fecharTicket(){document.getElementById('ticketOverlay').className='ticket-overlay';}

function renderItensConfig(){
  const c=document.getElementById('itensConfig');c.innerHTML='';
  if(!cfg.itens.length){
    c.innerHTML='<div style="font-size:13px;color:var(--texto2);padding:8px 0;text-align:center">Nenhum item cadastrado.</div>';
    return;
  }
  // Detecta se há um item recém-adicionado (nome vazio no final)
  const novoIdx=(cfg.itens.length>0 && cfg.itens[cfg.itens.length-1].nome==='') ? cfg.itens.length-1 : -1;
  // Se existe item novo, mostra no topo com destaque (sem toggle ainda — item ainda não tem nome)
  if(novoIdx>=0){
    const row=document.createElement('div');
    row.className='item-cfg-row';
    row.style.cssText='outline:2px solid var(--primaria);border-radius:10px;padding:4px;margin-bottom:10px;background:var(--primaria-bg)';
    row.innerHTML=`<input type="text" placeholder="Nome do novo item" value="" oninput="cfg.itens[${novoIdx}].nome=this.value" id="inputNovoItem"><input type="number" placeholder="Preço" value="" min="0" step="0.5" oninput="cfg.itens[${novoIdx}].preco=parseFloat(this.value)||0"><span></span><button class="btn-rem" onclick="removerItem(${novoIdx},true)" title="Cancelar">✕</button>`;
    c.appendChild(row);
    setTimeout(()=>{const inp=document.getElementById('inputNovoItem');if(inp)inp.focus();},50);
  }
  // Demais itens em ordem alfabética (excluindo o novo vazio)
  const indices=[...Array(cfg.itens.length).keys()]
    .filter(i=>i!==novoIdx)
    .sort((a,b)=>cfg.itens[a].nome.trim().toLowerCase().localeCompare(cfg.itens[b].nome.trim().toLowerCase(),'pt-BR'));
  indices.forEach(i=>{
    const item=cfg.itens[i];
    // ativo ausente = true (compatibilidade com itens antigos)
    const disponivel = item.ativo !== false;
    const row=document.createElement('div');row.className='item-cfg-row';
    row.innerHTML=`<input type="text" placeholder="Nome do item" value="${esc(item.nome)}" oninput="cfg.itens[${i}].nome=this.value"><input type="number" placeholder="0,00" value="${item.preco}" min="0" step="0.5" oninput="cfg.itens[${i}].preco=parseFloat(this.value)||0"><button class="toggle-disp${disponivel?' on':''}" onclick="toggleDisponivel(${i})" title="${disponivel?'Disponível — clique para desativar':'Indisponível — clique para ativar'}"></button><button class="btn-rem" onclick="removerItem(${i})" title="Remover">✕</button>`;
    c.appendChild(row);
  });
  aplicarRestricoesPlan();
}

function adicionarItem(){
  // Verifica se já há um item em branco aguardando preenchimento
  if(cfg.itens.some(it=>it.nome.trim()==='')){
    const inp=document.getElementById('inputNovoItem');
    if(inp){inp.focus();inp.style.animation='none';inp.offsetHeight;inp.style.animation='pulse-border 0.4s ease';}
    return;
  }
  cfg.itens.push({nome:'',preco:0,ativo:true}); // v35: ativo:true — item nasce disponível
  renderItensConfig();
}

async function removerItem(i, silencioso=false){
  if(!silencioso && !confirm('Remover "'+( cfg.itens[i]?.nome||'item sem nome')+'"?')) return;
  cfg.itens.splice(i,1);renderItensConfig();await salvarSomenteItens();
}

// v35: toggle on/off por item — salva automaticamente no Supabase
async function toggleDisponivel(i){
  if(!cfg.itens[i]) return;
  cfg.itens[i].ativo = cfg.itens[i].ativo === false ? true : false;
  renderItensConfig();
  renderItens(); // atualiza visual no formulário de pedido imediatamente
  await salvarSomenteItens();
}

async function salvarConfig(){
  // Valida itens antes de salvar
  const nomesValidos=cfg.itens.filter(it=>it.nome.trim());
  const nomes=nomesValidos.map(it=>it.nome.trim().toLowerCase());
  const duplicados=nomes.filter((n,i)=>nomes.indexOf(n)!==i);
  if(duplicados.length){
    alert('⚠️ Há itens com nome duplicado:\n'+[...new Set(duplicados)].join(', ')+'\n\nCorreja antes de salvar.');
    return;
  }
  // Remove itens em branco sem avisar
  cfg.itens=cfg.itens.filter(it=>it.nome.trim());
  cfg.precos.P=parseFloat(document.getElementById('precoP').value)||0;
  cfg.precos.M=parseFloat(document.getElementById('precoM').value)||0;
  cfg.precos.G=parseFloat(document.getElementById('precoG').value)||0;
  cfg.precos.PF=parseFloat(document.getElementById('precoPF').value)||0;
  cfg.taxa.valor=parseFloat(document.getElementById('valorTaxa').value)||0;
  renderTamanhos();renderItens();renderItensConfig();calcTotal();atualizarCardapioTela();
  const btn=document.querySelector('.btn-salvar');
  const orig=btn?btn.textContent:'';
  if(btn){btn.textContent='Salvando...';btn.disabled=true;}
  // Salva preços E itens juntos
  const ok=await _sbSalvar({precos:cfg.precos,taxa_entrega:cfg.taxa,itens:cfg.itens});
  if(btn){btn.textContent=ok?'Salvo!':' Erro ao salvar';setTimeout(()=>{btn.textContent=orig;btn.disabled=false;},2000);}
  trocarTab('pedido',document.getElementById('nav-pedido'));
}

function trocarTab(nome,el){
  document.querySelectorAll('.secao').forEach(s=>s.className='secao');
  document.querySelectorAll('.nav-item').forEach(n=>n.classList.remove('ativo'));
  document.getElementById('tab-'+nome).className='secao ativa';
  el.classList.add('ativo');
  window.scrollTo({top:0,behavior:'smooth'});
}

/* ===== FUNÇÕES DO RELATÓRIO ===== */

// Cores de cada forma de pagamento
const COR_PGTO={
  'Dinheiro':'var(--rel-dinheiro)',
  'Pix':'var(--rel-pix)',
  'Cartão débito':'var(--rel-debito)',
  'Cartão crédito':'var(--rel-credito)'
};

// Aplica filtro e atualiza tudo no relatório
function setFiltro(campo, valor, btn){
  filtros[campo]=valor;
  // Atualiza visual dos botões do grupo clicado
  btn.closest('.rel-filtros-grupo').querySelectorAll('.rel-filtro-btn').forEach(b=>b.classList.remove('sel'));
  btn.classList.add('sel');
  atualizarRelatorio();
}

// Filtra a lista de pedidos conforme os filtros ativos
function pedidosFiltrados(){
  return pedidos.filter(p=>{
    if(filtros.pgto!=='Todos' && p.pgto!==filtros.pgto) return false;
    if(filtros.tipo!=='Todos' && p.tipo!==filtros.tipo) return false;
    if(filtros.origem!=='Todos' && p.origem!==filtros.origem) return false;
    return true;
  });
}

// Atualiza todos os blocos do relatório
function atualizarRelatorio(){

  // — Totais gerais (exclui cancelados) — v55: corrigido para checar o campo
  // real 'cancelado' (booleano) em vez de statusImpressao==='cancelado', que
  // nunca existia de fato (ver changelog v55 no topo do arquivo)
  const ativos=pedidos.filter(p=>p.cancelado!==true);
  const cancelados=pedidos.filter(p=>p.cancelado===true);
  const total=ativos.length;
  const fat=ativos.reduce((a,p)=>a+p.total,0);
  const medio=total>0?fat/total:0;
  const entregas=ativos.filter(p=>p.tipo==='entrega').length;
  const retiradas=ativos.filter(p=>p.tipo==='retirada').length;

  document.getElementById('relTotalPedidos').textContent=total+(cancelados.length?` (${cancelados.length} cancelado${cancelados.length>1?'s':''} excluído${cancelados.length>1?'s':''})` : '');
  // v34: relTotalFat e relTicketMedio removidos — faturamento visível apenas no sbadmin (painel do dono)
  document.getElementById('relEntregas').textContent=entregas+' / '+retiradas;

  // — Resumo por forma de pagamento (exclui cancelados) —
  const pgtoResumo=document.getElementById('relPgtoResumo');
  if(!total && !cancelados.length){
    pgtoResumo.innerHTML='<div class="rel-empty" style="padding:1.5rem 0"><span class="rel-empty-icon">💳</span><div class="rel-empty-txt">Nenhum pedido ainda</div></div>';
  } else {
    const formas=['Dinheiro','Pix','Cartão débito','Cartão crédito'];
    let html='';
    formas.forEach(f=>{
      const grupo=ativos.filter(p=>p.pgto===f);
      if(!grupo.length) return;
      const qtd=grupo.length;
      const valor=grupo.reduce((a,p)=>a+p.total,0);
      const pct=total>0?Math.round((qtd/total)*100):0;
      const cor=COR_PGTO[f]||'var(--primaria)';
      html+=`
        <div class="rel-pgto-item">
          <div class="rel-pgto-esq">
            <div class="rel-pgto-dot" style="background:${cor}"></div>
            <div>
              <div class="rel-pgto-nome">${f}</div>
              <div class="rel-pgto-qtd">${qtd} pedido${qtd>1?'s':''} · ${pct}%</div>
              <div class="rel-barra-wrap"><div class="rel-barra-fill" style="width:${pct}%;background:${cor}"></div></div>
            </div>
          </div>
          <div class="rel-pgto-valor">R$ ${valor.toFixed(2).replace('.',',')}</div>
        </div>`;
    });
    pgtoResumo.innerHTML=html||'<div class="rel-empty" style="padding:1.5rem 0"><span class="rel-empty-icon">💳</span><div class="rel-empty-txt">Nenhum pedido ainda</div></div>';
  }

  // — Lista de pedidos com filtros aplicados —
  const filtrados=pedidosFiltrados();
  const fatFiltrado=filtrados.reduce((a,p)=>a+p.total,0);

  // Monta o label descritivo dos filtros
  let labels=[];
  if(filtros.pgto!=='Todos') labels.push(filtros.pgto);
  if(filtros.tipo!=='Todos') labels.push(filtros.tipo==='entrega'?'Entrega':'Retirada');
  if(filtros.origem!=='Todos') labels.push(filtros.origem==='balcao'?'Balcão':'WhatsApp');
  const labelStr=labels.length?labels.join(' · '):filtrados.length+' pedido'+(filtrados.length!==1?'s':'');

  document.getElementById('relResultadoLabel').textContent=labelStr;
  // v34: relResultadoTotal removido — soma dos filtros não exibida para o funcionário

  const lista=document.getElementById('relPedidosLista');
  if(!filtrados.length){
    lista.innerHTML=`<div class="rel-empty"><span class="rel-empty-icon">🔍</span><div class="rel-empty-txt">${pedidos.length?'Nenhum pedido com esses filtros':'Nenhum pedido registrado hoje'}</div></div>`;
    return;
  }

  lista.innerHTML='';
  [...filtrados].reverse().forEach(p=>{
    const isCancelado = p.cancelado===true;
    const itStr=p.itens.filter(i=>!i.nome.toLowerCase().startsWith('marmita') && (i.qtd||1)>0).length?' + '+p.itens.filter(i=>!i.nome.toLowerCase().startsWith('marmita') && (i.qtd||1)>0).map(i=>`${i.qtd||1}x ${i.nome}`).join(', '):'';
    const horStr=p.horario?' · '+p.horario:'';
    const origemBadge=p.origem==='whatsapp'
      ?'<span class="badge badge-whatsapp">WhatsApp</span>'
      :'<span class="badge badge-balcao">Balcão</span>';
    const canceladoBadge=isCancelado?'<span class="badge" style="background:var(--perigo-bg);color:var(--perigo);border:1px solid var(--perigo);margin-left:4px">Cancelado</span>':'';
    const d=document.createElement('div');
    d.className='rel-pedido-item';
    if(isCancelado) d.style.cssText='opacity:0.5;text-decoration:line-through';
    const foneRelStr = p.origem==='balcao' ? ' — Balcão' : (p.whatsapp ? ` — ${p.whatsapp}` : '');
    d.innerHTML=`
      <div style="flex:1;min-width:0">
        <div class="rel-pedido-nome">#${String(p.id).padStart(4,'0')} — ${p.nome}${foneRelStr}</div>
        <div class="rel-pedido-detalhe">Marmita ${p.tamanho}${itStr}</div>
        <div class="rel-pedido-detalhe">${p.tipo==='entrega'?'Entrega':'Retirada'}${horStr} · ${p.pgto}</div>
        ${origemBadge}${canceladoBadge}
      </div>
      <div style="margin-left:12px;flex-shrink:0">
        <div class="rel-pedido-valor" style="${isCancelado?'color:var(--perigo)':''}">R$ ${p.total.toFixed(2).replace('.',',')}</div>
        <div class="rel-pedido-hora">${p.hora}</div>
      </div>`;
    lista.appendChild(d);
  });
}

// ===== FUNÇÕES DE STATUS =====

function obterStatusAtual(){
  const hoje = new Date().getDay();
  const agora = new Date();
  const [hA,mA] = statusRestaurante.hrAbre.split(':').map(Number);
  const [hF,mF] = statusRestaurante.hrFecha.split(':').map(Number);
  const minAtual = agora.getHours()*60 + agora.getMinutes();
  const minAbre = hA*60 + mA;
  const minFecha = hF*60 + mF;
  const dentroHorario = minAtual >= minAbre && minAtual < minFecha;
  const diaFunciona = statusRestaurante.diasFuncionamento[hoje];

  if(statusRestaurante.fechadoHoje) return 'fechado-manual';
  if(statusRestaurante.esgotadoHoje) return 'esgotado';
  if(!diaFunciona) return 'dia-folga';
  if(!dentroHorario) return 'fora-horario';
  return 'aberto';
}

function obterMsgStatus(status){
  const hoje = new Date().getDay();
  const nomesDia = ['domingo','segunda-feira','terça-feira','quarta-feira','quinta-feira','sexta-feira','sábado'];
  switch(status){
    case 'esgotado': return statusRestaurante.msgEsgotado;
    case 'fechado-manual': return statusRestaurante.msgFechado;
    case 'dia-folga': return statusRestaurante.msgFolga;
    case 'fora-horario': return `Olá! Nosso atendimento é das ${statusRestaurante.hrAbre} às ${statusRestaurante.hrFecha}. Aguardamos você no horário!`;
    default: return 'O agente está ativo. Clientes serão atendidos normalmente.';
  }
}

function verificarStatusAutomatico(){
  const status = obterStatusAtual();
  // Zera entrega atrasada automaticamente quando restaurante fecha
  if(status !== 'aberto' && status !== 'esgotado' && statusRestaurante.entregaAtrasada){
    statusRestaurante.entregaAtrasada = false;
    salvarStatusSupabase();
  }
  atualizarBanners(status);
  atualizarNavIcon(status);
}

function atualizarBanners(status){
  const bF = document.getElementById('bannerFechado');
  const bE = document.getElementById('bannerEsgotado');
  bF.style.display = (status==='fechado-manual'||status==='dia-folga'||status==='fora-horario') ? 'block' : 'none';
  bE.style.display = (status==='esgotado') ? 'block' : 'none';

  if(status==='dia-folga') bF.textContent = '🔒 DIA DE FOLGA — Agente WhatsApp pausado';
  else if(status==='fora-horario') bF.textContent = `⏰ FORA DO HORÁRIO — Atendemos das ${statusRestaurante.hrAbre} às ${statusRestaurante.hrFecha}`;
  else bF.textContent = '🔒 RESTAURANTE FECHADO — Agente WhatsApp pausado';
}

function atualizarNavIcon(status){
  const ic = document.getElementById('navStatusIcon');
  if(!ic) return;
  ic.textContent = status==='aberto' ? '🟢' : (status==='esgotado' ? '🟠' : '🔴');
}

function atualizarStatusVisual(){
  const status = obterStatusAtual();
  const card = document.getElementById('statusGrandeCard');
  const icone = document.getElementById('statusIcone');
  const titulo = document.getElementById('statusTitulo');
  const sub = document.getElementById('statusSub');
  const tapLabel = document.getElementById('statusTapLabel');
  const msgPreview = document.getElementById('msgPreviewStatus');
  const btnEsg = document.getElementById('btnEsgotado');
  const btnFech = document.getElementById('btnFechadoHoje');

  card.className = 'status-grande';
  if(status==='aberto'){
    card.classList.add('aberto');
    icone.textContent = '✅';
    titulo.textContent = 'ABERTO — Atendendo';
    sub.textContent = 'O agente WhatsApp está ativo e recebendo pedidos normalmente';
    tapLabel.textContent = 'Toque para fechar';
  } else if(status==='esgotado'){
    card.classList.add('esgotado');
    icone.textContent = '🍱';
    titulo.textContent = 'ESGOTADO — Pausado';
    sub.textContent = 'Cardápio esgotou. Novos pedidos estão sendo recusados automaticamente';
    tapLabel.textContent = 'Toque para reabrir';
  } else if(status==='dia-folga'){
    card.classList.add('fechado');
    icone.textContent = '📅';
    titulo.textContent = 'DIA DE FOLGA';
    sub.textContent = 'Hoje o restaurante não funciona conforme configuração semanal';
    tapLabel.textContent = 'Configurar dias';
  } else if(status==='fora-horario'){
    card.classList.add('fechado');
    icone.textContent = '⏰';
    titulo.textContent = `FORA DO HORÁRIO`;
    sub.textContent = `Atendimento: ${statusRestaurante.hrAbre} às ${statusRestaurante.hrFecha}`;
    tapLabel.textContent = 'Alterar horário';
  } else {
    card.classList.add('fechado');
    icone.textContent = '🔒';
    titulo.textContent = 'FECHADO HOJE';
    sub.textContent = 'Fechamento manual ativo (feriado ou exceção)';
    tapLabel.textContent = 'Toque para reabrir';
  }

  msgPreview.textContent = '💬 Mensagem automática: "' + obterMsgStatus(status) + '"';

  btnEsg.className = 'status-acao-btn btn-esgotado' + (statusRestaurante.esgotadoHoje ? ' ativo' : '');
  btnFech.className = 'status-acao-btn btn-fechado-hoje' + (statusRestaurante.fechadoHoje ? ' ativo' : '');
  const btnAtr = document.getElementById('btnAtrasada');
  if(btnAtr) btnAtr.className = 'status-acao-btn btn-atrasada' + (statusRestaurante.entregaAtrasada ? ' ativo' : '') + ' ' + 'grid-col-full';
  if(btnAtr) btnAtr.style.gridColumn = '1/-1';

  atualizarBanners(status);
  atualizarNavIcon(status);
}

function toggleAberto(){
  const status = obterStatusAtual();
  if(status==='aberto'){
    statusRestaurante.fechadoHoje = true;
    statusRestaurante.esgotadoHoje = false;
  } else if(status==='fechado-manual'||status==='esgotado'){
    statusRestaurante.fechadoHoje = false;
    statusRestaurante.esgotadoHoje = false;
  }
  atualizarStatusVisual();
  salvarStatusSupabase();
}

function toggleEsgotado(){
  statusRestaurante.esgotadoHoje = !statusRestaurante.esgotadoHoje;
  if(statusRestaurante.esgotadoHoje) statusRestaurante.fechadoHoje = false;
  atualizarStatusVisual();
  salvarStatusSupabase();
}

function toggleFechadoHoje(){
  statusRestaurante.fechadoHoje = !statusRestaurante.fechadoHoje;
  if(statusRestaurante.fechadoHoje) statusRestaurante.esgotadoHoje = false;
  atualizarStatusVisual();
  salvarStatusSupabase();
}

function toggleEntregaAtrasada(){
  statusRestaurante.entregaAtrasada = !statusRestaurante.entregaAtrasada;
  atualizarStatusVisual();
  salvarStatusSupabase();
}

function toggleEntregaAtiva(){
  statusRestaurante.entregaAtiva = !statusRestaurante.entregaAtiva;
  atualizarStatusEntrega();
  salvarStatusSupabase();
}

function atualizarStatusEntrega(){
  const btn = document.getElementById('btnEntregaAtiva');
  const icone = document.getElementById('iconEntregaAtiva');
  const label = document.getElementById('labelEntregaAtiva');
  const sub = document.getElementById('subEntregaAtiva');
  const preview = document.getElementById('msgEntregaPreview');
  if(!btn) return;
  if(statusRestaurante.entregaAtiva){
    btn.className = 'status-acao-btn btn-entrega-ativa';
    icone.textContent = '🛵';
    label.textContent = 'Entrega Ativa';
    sub.textContent = 'Toque para pausar entregas (só retirada)';
    preview.textContent = `Após ${statusRestaurante.hrLimiteEntrega || '--:--'}, a Nina passa a oferecer somente retirada.`;
  } else {
    btn.className = 'status-acao-btn btn-entrega-ativa pausada';
    icone.textContent = '🚫';
    label.textContent = 'Entrega Pausada';
    sub.textContent = 'Toque para reativar entregas';
    preview.textContent = 'Entrega pausada manualmente. A Nina está oferecendo somente retirada agora, independente do horário.';
  }
}

function renderDiasFuncGrid(){
  const DIAS_CURTOS = ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'];
  const g = document.getElementById('diasFuncGrid');
  if(!g) return;
  g.innerHTML = '';
  DIAS_CURTOS.forEach((d,i)=>{
    const el = document.createElement('div');
    const aberto = statusRestaurante.diasFuncionamento[i];
    el.className = 'dia-func-btn ' + (aberto ? 'aberto' : 'fechado-dia');
    el.innerHTML = `<div>${d}</div><div style="font-size:9px;margin-top:3px">${aberto?'✓':'✕'}</div>`;
    el.onclick = ()=>{
      const novoEstado = !statusRestaurante.diasFuncionamento[i];
      // Validação: não deixa marcar como aberto se não tiver cardápio
      if(novoEstado && !cfg.cardapios[i]){
        const nomeDia = ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'][i];
        alert(`⚠️ ${nomeDia} não tem cardápio cadastrado.\nCadastre o cardápio antes de marcar o dia como aberto.`);
        return;
      }
      statusRestaurante.diasFuncionamento[i] = novoEstado;
      renderDiasFuncGrid();
      atualizarStatusVisual();
      salvarStatusSupabase();
    };
    g.appendChild(el);
  });
}

function salvarHorario(){
  const ha = document.getElementById('hrAbre').value;
  const hf = document.getElementById('hrFecha').value;
  if(ha) statusRestaurante.hrAbre = ha;
  if(hf) statusRestaurante.hrFecha = hf;
  atualizarStatusVisual();
  salvarStatusSupabase();
  const btn = event.target;
  const orig = btn.textContent;
  btn.textContent = 'Salvo!';
  setTimeout(()=>btn.textContent=orig, 1500);
}

function salvarHorarioEntrega(){
  const hle = document.getElementById('hrLimiteEntrega').value;
  if(hle) statusRestaurante.hrLimiteEntrega = hle;
  atualizarStatusEntrega();
  salvarStatusSupabase();
  const btn = event.target;
  const orig = btn.textContent;
  btn.textContent = 'Salvo!';
  setTimeout(()=>btn.textContent=orig, 1500);
}

function carregarMensagensStatus(){
  document.getElementById('msgFechado').value = statusRestaurante.msgFechado;
  document.getElementById('msgEsgotado').value = statusRestaurante.msgEsgotado;
  document.getElementById('msgFolga').value = statusRestaurante.msgFolga;
  // hrAbre e hrFecha são preenchidos pelo carregarStatusSupabase — não sobrescrever aqui
}

function salvarMensagens(){
  const mf = document.getElementById('msgFechado').value.trim();
  const me = document.getElementById('msgEsgotado').value.trim();
  const mfol = document.getElementById('msgFolga').value.trim();
  if(mf) statusRestaurante.msgFechado = mf;
  if(me) statusRestaurante.msgEsgotado = me;
  if(mfol) statusRestaurante.msgFolga = mfol;
  atualizarStatusVisual();
  salvarStatusSupabase();
  const btn = event.target;
  const orig = btn.textContent;
  btn.textContent = 'Mensagens salvas!';
  setTimeout(()=>btn.textContent=orig, 1500);
}

// Exporta status para o N8N (função que o N8N vai consultar via Supabase futuramente)
function exportarStatusN8N(){
  const status = obterStatusAtual();
  return {
    status: status,
    aberto: status === 'aberto',
    mensagem_automatica: obterMsgStatus(status),
    horario_abre: statusRestaurante.hrAbre,
    horario_fecha: statusRestaurante.hrFecha,
    dias_funcionamento: statusRestaurante.diasFuncionamento,
    timestamp: new Date().toISOString()
  };
}

init();
</script>

<!-- PWA: registrar Service Worker -->
<script>
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('/sw-sb.js')
      .then(reg => console.log('[PWA-SB] Service Worker registrado:', reg.scope))
      .catch(err => console.log('[PWA-SB] Erro ao registrar SW:', err));
  });
}
</script>

</body>
</html>