/* Feito! — app e módulo Salão (Pinguim). Mesma gramática da Brasa (../../DESIGN.md):
   borda de 2px é a elevação, botão de ação tem aresta 3D e afunda, cor por função.
   Funções no Salão: laranja = a casa (avançar pedido), verde = concluir (entregue, liberar),
   vermelho = atraso/alerta, roxo = a voz da IA (pedido pelo chat), dourado = o colaborador
   (chamado de garçom, conta, pedido lançado pelo garçom), azul = gente (nomes, texto digitado). */

body{background:var(--mesa)}

/* ============ chrome do app ============ */
.topo{flex-wrap:wrap}
.topo-controles{display:flex;align-items:center;gap:.6rem;margin-bottom:.45rem}
.topo-data{margin-left:auto}
.topo-data .dia{text-transform:none;letter-spacing:.02em}
.usuario{display:flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:var(--tinta-2)}
.btn-icone{
  width:2.4rem;height:2.4rem;display:inline-grid;place-items:center;flex:none;
  background:var(--papel);color:var(--tinta-2);border:2px solid var(--borda-forte);border-radius:12px;
  box-shadow:0 3px 0 var(--borda-forte);transition:transform .12s, box-shadow .12s, color .12s;
}
.btn-icone svg{width:1.15rem;height:1.15rem}
.btn-icone:hover{color:var(--tinta)}
.btn-icone:active{transform:translateY(3px);box-shadow:none}
.btn-icone.grande{width:2.9rem;height:2.9rem;border-radius:14px}
.btn-icone.grande svg{width:1.35rem;height:1.35rem}
.btn-icone.mini{width:1.9rem;height:1.9rem;border-radius:10px;box-shadow:0 2px 0 var(--borda-forte)}
.btn-icone.mini svg{width:.95rem;height:.95rem}
.btn-icone[aria-pressed="true"]{color:var(--marca-texto);border-color:var(--marca-clara);background:var(--marca-suave)}

.aba[aria-current="page"]{
  background:var(--marca-suave);color:var(--marca-texto);
  box-shadow:inset 0 0 0 2px var(--marca-clara);position:relative;z-index:3;
}
.aba .cont[hidden]{display:none}
.grupo-tit{
  display:flex;align-items:center;gap:.4rem;margin:.9rem 0 .15rem .8rem;
  font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--tinta-2);
}
.grupo-tit:first-child{margin-top:0}
.grupo-tit svg{width:1rem;height:1rem;color:var(--ia-roxo)}
.selo-grupo{margin-left:auto;margin-right:.3rem;font-size:.66rem;letter-spacing:.06em;padding:.12em .5em;border-radius:8px;background:var(--cinza-suave);color:var(--cinza-texto)}
.selo-grupo.vivo{background:var(--marca-suave);color:var(--marca-texto-forte)}
.fichario{padding-top:1.4rem}

/* As telas reais de gestão substituem só Tarefas e Verificação; os demais protótipos seguem acessíveis. */
#operacao-prototipo[hidden],#operacao-prototipo-nav[hidden],[data-gestao-equipe][hidden]{display:none!important}
.grupo-gestao{margin-top:.8rem;padding-top:.25rem;border-top:2px solid var(--borda)}
.grupo-gestao .grupo-tit{margin-top:.5rem}

/* ============ TAREFAS, VERIFICAÇÃO, ESCALAS E PROCEDIMENTOS ============ */
.gestao-abas{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.9rem}
.gestao-abas .chip-filtro[aria-selected="true"]{background:var(--marca-suave);color:var(--marca-texto-forte);border-color:var(--marca-clara)}
.gestao-bloco{background:var(--papel);border:2px solid var(--borda);border-radius:16px;padding:1rem;margin:.8rem 0}
.gestao-bloco>h2,.gestao-bloco h2{font-size:1.05rem;font-weight:900;color:var(--caneta);margin:0 0 .7rem}
.gestao-controles{display:flex;align-items:center;gap:.7rem;justify-content:space-between;flex-wrap:wrap;margin-bottom:.85rem}
.gestao-controles h2{margin:0}
.gestao-periodo{font-size:.76rem;font-weight:800;color:var(--tinta-2)}
.gestao-data{display:flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:800;color:var(--tinta-2)}
.gestao-data input{border:2px solid var(--borda);border-radius:10px;background:var(--campo);padding:.45rem .55rem;color:var(--caneta);font:700 .82rem "Nunito",sans-serif}
.gestao-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:.7rem}
.gestao-cartao{min-width:0;background:var(--papel);border:2px solid var(--borda);border-radius:14px;padding:.85rem;display:flex;flex-direction:column;gap:.55rem}
.gestao-cartao.inativo{background:var(--papel-2)}
.gestao-cartao-topo{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.7rem;color:var(--tinta-2)}
.gestao-cartao h3{font-size:.98rem;line-height:1.35;font-weight:900;color:var(--caneta);overflow-wrap:anywhere;margin:0}
.gestao-cartao p{font-size:.82rem;line-height:1.45;overflow-wrap:anywhere;margin:0;color:var(--tinta-2)}
.gestao-cartao .carimbo{font-size:.66rem}
.gestao-dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .8rem;border-top:2px solid var(--borda);padding-top:.55rem;margin:0}
.gestao-dados dt{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2)}
.gestao-dados dd{font-size:.76rem;font-weight:700;color:var(--tinta);margin:.1rem 0 0;overflow-wrap:anywhere}
.gestao-acoes{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}
.gestao-vazio{border:2px dashed var(--borda);border-radius:14px;padding:1.2rem;text-align:center;font-size:.82rem;color:var(--tinta-2);background:var(--papel-2)}
.gestao-dia{min-width:0}
.gestao-dia h2{font-size:.86rem;font-weight:900;margin:.5rem 0;color:var(--caneta)}
.gestao-dia h2 small{font-size:.7rem;color:var(--tinta-2);font-weight:700}
.gestao-checklist{margin:.1rem 0 0;padding-left:1.25rem;font-size:.76rem;color:var(--tinta-2)}
.gestao-form{display:grid;gap:.75rem;max-width:52rem}
.gestao-form .form-linha{margin:0}
.gestao-fieldset{border:2px solid var(--borda);border-radius:12px;padding:.6rem .75rem}
.gestao-fieldset legend{font-size:.72rem;font-weight:800;color:var(--tinta-2);padding:0 .25rem}
.gestao-dias{display:flex;gap:.65rem;flex-wrap:wrap}
.gestao-dias label{font-size:.76rem;font-weight:800;white-space:nowrap}
.gestao-aviso{padding:.65rem .75rem;border-radius:10px;background:var(--dourado-suave);color:var(--dourado-texto);font-size:.74rem;line-height:1.45;font-weight:700}
.gestao-cartao .gestao-aviso{margin-top:auto}
.vf-cartao{gap:.7rem}
.vf-cartao h2{font-size:1.08rem;font-weight:900;color:var(--caneta);margin:0}
.vf-texto{border-top:2px solid var(--borda);padding-top:.55rem}
.vf-texto h3,.vf-evidencias h3,.procedimento-texto h3,.procedimento-detalhe h3{font-size:.74rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2);margin:0 0 .35rem}
.vf-texto p,.procedimento-texto p{white-space:pre-wrap;font-size:.86rem;line-height:1.55;color:var(--tinta);margin:0}
.vf-evidencias{border-top:2px solid var(--borda);padding-top:.55rem}
.vf-galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:.6rem;margin:.45rem 0}
.vf-imagem{min-width:0;display:flex;flex-direction:column;gap:.25rem;border:2px solid var(--borda);border-radius:12px;padding:.35rem;background:var(--papel-2);font-size:.66rem;color:var(--tinta-2);overflow-wrap:anywhere}
.vf-imagem img{width:100%;height:10rem;object-fit:cover;border-radius:8px;background:var(--papel);color:var(--tinta-2)}
.vf-historico{border-top:2px solid var(--borda);padding-top:.55rem;font-size:.78rem}
.vf-historico summary,.procedimento-versoes summary{font-weight:900;color:var(--caneta);cursor:pointer}
.vf-historico ol{padding-left:1.25rem}
.vf-historico li{margin:.45rem 0;font-size:.74rem;color:var(--tinta-2)}
.vf-historico li p{margin:.25rem 0 0;color:var(--tinta)}
.vf-decisao{display:grid;gap:.65rem;padding:.75rem;background:var(--papel-2);border-radius:12px;border:2px solid var(--borda)}
.vf-decisao>p{font-size:.8rem;font-weight:700}
.escala-controles{align-items:flex-end}
.escala-controles>.gestao-acoes{margin-left:auto}
.escala-grade{width:100%;overflow:hidden}
.escala-grade-scroll{width:100%;overflow:auto;border:2px solid var(--borda);border-radius:12px}
.escala-tabela{width:100%;min-width:58rem;border-collapse:collapse;background:var(--papel)}
.escala-tabela th,.escala-tabela td{vertical-align:top;text-align:left;border-bottom:2px solid var(--borda);border-right:1px solid var(--borda);padding:.45rem;min-width:6rem}
.escala-tabela thead th{font-size:.7rem;background:var(--papel-2);color:var(--tinta-2)}
.escala-tabela th:first-child{min-width:9rem}
.escala-tabela th small{display:block;font-size:.66rem;font-weight:600;margin-top:.18rem}
.escala-tabela tbody th b{font-size:.74rem;color:var(--caneta)}
.escala-tabela tbody th small{font-size:.66rem;font-weight:600;color:var(--tinta-2)}
.escala-janelas{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}
.escala-janelas li{border-radius:8px;padding:.3rem;background:var(--marca-suave);color:var(--marca-texto);font-size:.66rem;line-height:1.35}
.escala-janelas li small{display:block;font-size:.66rem;color:var(--tinta-2)}
.escala-livre{font-size:.72rem;color:var(--tinta-2)}
.escala-excecao{display:block;margin-top:.2rem;border-radius:6px;padding:.2rem;background:var(--dourado-suave);color:var(--dourado-texto);font-size:.66rem;font-weight:800}
.gestao-procedimento-snapshot{border-top:2px solid var(--borda);padding-top:.55rem;font-size:.76rem;color:var(--tinta-2)}
.gestao-procedimento-snapshot summary{font-weight:900;color:var(--caneta);cursor:pointer}
.gestao-procedimento-snapshot p{white-space:pre-wrap;font-size:.82rem;line-height:1.5;color:var(--tinta);margin:.5rem 0}
.gestao-procedimento-snapshot ol{padding-left:1.35rem;font-size:.78rem;line-height:1.5;color:var(--tinta);margin:.45rem 0}
.procedimento-card{gap:.35rem}
.procedimento-titulo{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:0;text-align:left;background:transparent;color:var(--caneta);font:inherit}
.procedimento-titulo span{font-size:1rem;font-weight:900;overflow-wrap:anywhere}
.procedimento-titulo small{font-size:.66rem;font-weight:700;color:var(--tinta-2)}
.procedimento-resumo{font-size:.76rem;color:var(--tinta-2);line-height:1.4;max-height:4.3em;overflow:hidden}
.procedimento-detalhe{gap:.8rem}
.procedimento-detalhe .gestao-controles h2{margin:0}
.procedimento-detalhe .gestao-controles h2 small{font-size:.72rem;color:var(--tinta-2)}
.procedimento-texto{border-top:2px solid var(--borda);padding-top:.55rem}
.procedimento-passos{padding-left:1.35rem;font-size:.84rem;line-height:1.5;color:var(--tinta)}
.procedimento-upload{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.55rem;align-items:end;margin-top:.6rem}
.procedimento-upload .form-linha{margin:0}
.procedimento-upload button{justify-self:start}
.procedimento-versoes{border-top:2px solid var(--borda);padding-top:.6rem}
.procedimento-versoes>.gestao-lista{margin-top:.6rem}
@media(max-width:760px){
  .gestao-bloco{padding:.75rem}
  .gestao-controles{align-items:flex-start}
  .gestao-data{flex-wrap:wrap}
  .escala-controles>.gestao-acoes{margin-left:0;width:100%}
  .escala-controles>.gestao-acoes button{flex:1 1 9rem}
  .vf-imagem img{height:8rem}
}

/* ============ EQUIPE REAL ============ */
.equipe-cab{align-items:center;flex-wrap:wrap}
.equipe-cab h1{align-self:baseline}
.equipe-cab .btn-kraft{margin-left:auto}
.equipe-resumo{margin-bottom:1rem}
.equipe-busca{margin-bottom:1rem}
.equipe-lista{align-items:stretch}
.eq-cartao{
  min-width:0;background:var(--papel);border:2px solid var(--borda);border-radius:16px;
  padding:.95rem 1rem;display:flex;flex-direction:column;gap:.55rem;
}
.eq-cartao.inativo{background:var(--papel-2)}
.eq-cartao-topo{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.eq-estado{display:inline-flex;align-items:center;border-radius:8px;padding:.25rem .55rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.eq-estado.ativo{background:var(--dourado-suave);color:var(--dourado-texto);border:2px solid var(--dourado-borda)}
.eq-estado.inativo{background:var(--cinza-suave);color:var(--cinza-texto);border:2px solid var(--borda)}
.eq-id{font-size:.7rem;color:var(--tinta-2)}
.eq-cartao h2{font-size:1.05rem;line-height:1.3;font-weight:900;color:var(--caneta);overflow-wrap:anywhere}
.eq-funcao{color:var(--tinta-2);font-size:.84rem;font-weight:700;margin-top:-.45rem}
.eq-dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem .8rem;border-top:2px solid var(--borda);padding-top:.65rem}
.eq-dados dt{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2)}
.eq-dados dd{font-size:.8rem;font-weight:700;color:var(--tinta);overflow-wrap:anywhere;margin-top:.12rem}
.eq-dados dd.mono{font-size:.76rem}
.eq-login{display:flex;align-items:flex-start;gap:.4rem;border-top:2px solid var(--borda);padding-top:.6rem;font-size:.76rem;color:var(--tinta-2);overflow-wrap:anywhere}
.eq-login svg{width:1rem;height:1rem;flex:none;color:var(--caneta)}
.eq-acoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:.25rem}
.eq-acoes .btn-mini{display:inline-flex;align-items:center;gap:.35rem;min-height:2.25rem}
.eq-acoes svg{width:.9rem;height:.9rem}
.equipe-nota{margin-top:1rem}
.eq-form{max-width:40rem}
.eq-form .modal-acoes{margin-top:1.2rem}
.eq-form .modal-acoes .btn-principal{min-width:11rem}
@media(max-width:760px){
  .equipe-cab .btn-kraft{margin-left:0}
  .eq-dados{gap:.6rem}
}

.btn-auto{width:auto;padding:.7rem 1.1rem;font-size:.82rem}
.btn-perigo{
  background:var(--vermelho-vivo);color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;
  padding:.75rem 1.1rem;border-radius:14px;box-shadow:0 4px 0 #c42f2f;display:inline-flex;align-items:center;gap:.5rem;justify-content:center;
}
.btn-perigo:active{transform:translateY(4px);box-shadow:none}
.btn-mini{
  font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  padding:.38rem .65rem;border-radius:10px;background:var(--papel);color:var(--tinta);
  border:2px solid var(--borda-forte);box-shadow:0 2px 0 var(--borda-forte);white-space:nowrap;
  transition:transform .1s, box-shadow .1s;
}
.btn-mini:active{transform:translateY(2px);box-shadow:none}
.btn-mini.verde{background:var(--verde);border-color:var(--verde);color:#fff;box-shadow:0 2px 0 var(--verde-sombra)}
.btn-mini.vermelho{color:var(--vermelho-texto);border-color:var(--vermelho-borda);box-shadow:0 2px 0 var(--vermelho-borda)}
.btn-link{font-size:.75rem;font-weight:800;color:var(--caneta);text-decoration:underline;text-underline-offset:3px}
a{color:var(--caneta)}
a.btn-kraft,label.btn-kraft{text-decoration:none;cursor:pointer}
.linha-botoes{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.carimbo.dourado{background:var(--dourado-suave);color:var(--dourado-texto)}
.carimbo.amarelo{background:var(--dourado-suave);color:var(--dourado-texto)}
.chip-mini{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:var(--vermelho-suave);color:var(--vermelho-texto);padding:.1em .45em;border-radius:6px}

/* formulários: todos os campos com caixa de verdade */
.form-linha input:not([type=checkbox]):not([type=file]), .form-linha select, .form-linha textarea{
  width:100%;border:2px solid var(--borda);border-radius:12px;background:var(--campo);
  font-family:"Nunito",sans-serif;font-weight:700;font-size:.95rem;color:var(--caneta);padding:.5rem .65rem;
}
.form-linha input:focus, .form-linha select:focus, .form-linha textarea:focus{border-color:var(--caneta-viva);outline:none}
.form-linha .dica{display:block;margin-top:.3rem;font-size:.72rem;color:var(--tinta-2)}
.folha-modal.larga{width:46rem}
.folha-modal h2 .sub-modal{font-size:.76rem;font-weight:400;color:var(--tinta-2);margin-left:.4rem}
.folha-modal h2 .carimbo{font-size:.68rem;vertical-align:middle;margin-left:.3rem}
.modal-texto{font-size:.88rem;color:var(--tinta-2);margin:-.3rem 0 .9rem;line-height:1.5}
.modal-texto b{color:var(--tinta)}
.modal-acoes{display:flex;gap:.7rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1.1rem}
.modal-acoes .btn-principal{width:auto;padding:.75rem 1.2rem}
.sub-secao{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-2);margin:1.1rem 0 .5rem}
.sugestoes{display:flex;flex-wrap:wrap;gap:.4rem;margin:-.3rem 0 .8rem}
.lista-acoes{display:flex;flex-direction:column;gap:.5rem}
.acao-linha{
  display:flex;align-items:center;gap:.6rem;text-align:left;width:100%;padding:.8rem .9rem;
  border:2px solid var(--borda);border-radius:14px;background:var(--papel);font-weight:800;font-size:.92rem;
  box-shadow:0 3px 0 var(--borda);
}
.acao-linha small{margin-left:auto;font-weight:600;font-size:.72rem;color:var(--tinta-2)}
.acao-linha svg{width:1.15rem;height:1.15rem;color:var(--marca-texto)}
.acao-linha:active{transform:translateY(3px);box-shadow:none}
.itens-cancelar{list-style:none}
.itens-cancelar li{display:flex;align-items:center;gap:.6rem;justify-content:space-between;padding:.5rem 0;border-bottom:2px solid var(--borda);font-weight:700}

.toast.erro{background:var(--vermelho-suave);color:var(--vermelho-texto);box-shadow:0 4px 0 var(--vermelho-borda), var(--sombra-leve)}
.aviso-conexao{
  position:fixed;top:.8rem;left:50%;transform:translateX(-50%);z-index:120;
  background:var(--vermelho-vivo);color:#fff;font-weight:800;font-size:.9rem;padding:.6rem 1rem;border-radius:12px;
  box-shadow:0 4px 0 #c42f2f;display:flex;align-items:center;gap:.5rem;
}
.aviso-conexao .ponto{width:.6rem;height:.6rem;border-radius:50%;background:#fff;animation:pulso 1s infinite}

/* ============ entrar ============ */
.tela-entrar{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:1.5rem}
.cartao-entrar{
  width:24rem;max-width:100%;background:var(--papel);border:2px solid var(--borda);border-radius:24px;padding:1.8rem 1.7rem 1.5rem;
}
.cartao-entrar .marca{margin-bottom:1.2rem}
.cartao-entrar .marca-selo{width:3.6rem;height:3.6rem}
.cartao-entrar h1{font-size:1.3rem;font-weight:900;margin-bottom:1rem}
.erro-entrar{color:var(--vermelho);font-weight:700;font-size:.85rem;min-height:1.2rem;margin:-.2rem 0 .6rem}
.nota-entrar{margin-top:1rem;font-size:.72rem;color:var(--tinta-2);text-align:center}

/* ============ AO VIVO ============ */
.cab-aovivo{flex-wrap:wrap}
.ponto-vivo{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--marca);margin-right:.45rem;animation:pulso 1.6s infinite;vertical-align:middle}
.sem-conexao .ponto-vivo{background:var(--vermelho-vivo);animation:none}
.controles-aovivo{display:flex;gap:.5rem;align-items:center}
.pilula-lotacao{
  display:inline-flex;align-items:baseline;gap:.4rem;padding:.55rem .9rem;border-radius:99px;
  border:2px solid var(--borda-forte);background:var(--papel);box-shadow:0 3px 0 var(--borda-forte);
  font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2);
}
.pilula-lotacao b{font-size:.95rem;color:var(--tinta);text-transform:none;letter-spacing:0}
.pilula-lotacao b.nivel-medio{color:var(--marca-texto)}
.pilula-lotacao b.nivel-cheio{color:var(--vermelho)}
.pilula-lotacao small{font-size:.66rem;font-weight:700;text-transform:none;letter-spacing:0}
.pilula-lotacao:active{transform:translateY(3px);box-shadow:none}
.opcoes-lotacao, .opcoes-estilo{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem;margin-bottom:.8rem}
.opcao{
  text-align:left;padding:.8rem .9rem;border:2px solid var(--borda);border-radius:14px;background:var(--papel);
  font-weight:900;font-size:.95rem;box-shadow:0 3px 0 var(--borda);display:flex;flex-direction:column;gap:.2rem;
}
.opcao small{font-weight:600;font-size:.72rem;color:var(--tinta-2)}
.opcao.ativa{background:var(--marca-suave);border-color:var(--marca-clara);color:var(--marca-texto-forte);box-shadow:inset 0 0 0 2px var(--marca-clara)}
.opcao:active{transform:translateY(3px);box-shadow:none}

.barra-aovivo{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:-.2rem 0 1rem}
.barra-aovivo .setores{margin-right:auto;flex-wrap:wrap}
.chip-filtro.grande{font-size:.82rem;padding:.5rem 1rem}
.aviso-som{
  width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.9rem;
  padding:.7rem;border-radius:14px;background:var(--dourado-suave);border:2px solid var(--dourado-borda);color:var(--dourado-texto);font-weight:800;
}
.aviso-som svg{width:1.1rem;height:1.1rem}
.aviso-som[hidden]{display:none}

.alertas{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:.6rem;margin-bottom:1rem}
.alertas:empty{display:none}
.alertas.compacto{grid-template-columns:1fr;margin-bottom:.4rem}
.alertas.compacto .alerta-cartao p::first-letter{text-transform:uppercase}
.alerta-cartao{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;padding:.7rem .8rem;border-radius:14px;border:2px solid var(--borda);background:var(--papel-2);
  animation:chegar .28s ease-out;
}
.alerta-cartao > svg{width:1.3rem;height:1.3rem;flex:none}
.alerta-cartao p{flex:1 1 11rem;font-size:.95rem;line-height:1.35}
.alerta-cartao .quando{display:block;font-size:.7rem;color:var(--tinta-2);margin-top:.1rem}
.alerta-cartao.dourado{background:var(--dourado-suave);border-color:var(--dourado-borda);color:var(--dourado-forte)}
.alerta-cartao.dourado > svg{color:var(--carbono-escuro)}
.alerta-cartao.vermelho{background:var(--vermelho-suave);border-color:var(--vermelho-borda);color:var(--vermelho-texto)}
.alerta-cartao.neutro{color:var(--tinta)}
.alerta-cartao .quando{color:inherit;opacity:.8}
.alerta-acoes{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.destaque-desc{font-weight:900}

.quadro{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;align-items:start}
.raia-em_preparo .coluna-tit{background:var(--marca-suave);border-color:var(--marca-clara);color:var(--marca-texto-forte)}
.raia-saiu .coluna-tit{background:var(--verde-suave);border-color:var(--verde-borda);color:var(--verde-texto)}
.raia .coluna-tit{font-size:.82rem}
.raia-recebido .ticket:not(.atrasado){border-top:4px solid var(--borda-forte)}
.raia-em_preparo .ticket:not(.atrasado){border-top:4px solid var(--marca)}
.raia-saiu .ticket:not(.atrasado){border-top:4px solid var(--verde-faixa)}

.ticket{
  background:var(--papel);border:2px solid var(--borda);border-radius:16px;padding:.85rem .95rem .9rem;
  display:flex;flex-direction:column;gap:.45rem;animation:chegar .25s ease-out;
}
.ticket.atrasado{border-color:var(--vermelho-vivo);box-shadow:0 0 0 1px var(--vermelho-vivo) inset}
.ticket.saindo{opacity:.45;transform:translateX(8px);transition:opacity .2s, transform .2s}
.ticket header{display:flex;align-items:baseline;gap:.5rem}
.t-mesa{font-size:1.45rem;font-weight:900;letter-spacing:-.01em;line-height:1}
.t-num{margin-left:auto;font-size:.76rem;font-weight:700;color:var(--marca-texto)}
.t-quem{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.t-nome{font-size:1.02rem;font-weight:800;color:var(--caneta)}
.t-garcom{font-size:.95rem;font-weight:800;color:var(--dourado-texto)}
.chip-origem{
  display:inline-flex;align-items:center;gap:.25rem;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;
  padding:.18em .5em;border-radius:8px;border:2px solid transparent;
}
.chip-origem svg{width:.85rem;height:.85rem}
.chip-origem.chat{background:var(--ia-fundo);border-color:var(--ia-borda);color:var(--ia-texto)}
.chip-origem.garcom{background:var(--dourado-suave);border-color:var(--dourado-borda);color:var(--dourado-texto)}
.t-destaque{font-size:.8rem;font-weight:800;color:var(--vermelho)}
.t-itens{list-style:none;display:flex;flex-direction:column;gap:.3rem;border-top:2px solid var(--borda);padding-top:.5rem}
.t-itens li{font-size:1.06rem;font-weight:700;line-height:1.3}
.t-itens li b{font-size:.98rem;color:var(--marca-texto);margin-right:.15rem}
.t-itens li.cancelado span{text-decoration:line-through;color:var(--tinta-2)}
.t-obs{display:block;font-style:normal;font-weight:800;font-size:.9rem;color:var(--caneta);padding-left:1.6rem}
.t-para{font-style:normal;font-weight:800;color:var(--caneta);white-space:nowrap}
.t-para::before{content:"→ "}
.cp-bloco .t-para{font-size:.8rem}
.t-obs::before{content:"» "}
.t-motivo{display:block;font-style:normal;font-size:.76rem;color:var(--vermelho);padding-left:1.6rem}
.t-rodape{display:flex;align-items:center}
.t-tempo{display:inline-flex;align-items:center;gap:.35rem;font-size:.84rem;color:var(--tinta-2)}
.t-tempo svg{width:1rem;height:1rem}
.t-tempo.atrasado{color:var(--vermelho);font-weight:700}
.t-acoes{display:flex;gap:.5rem;margin-top:.2rem}
.btn-avancar{
  flex:1;min-height:3.1rem;border-radius:14px;font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.07em;
  display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff;
  background:var(--marca);box-shadow:0 4px 0 var(--marca-sombra);transition:transform .12s, box-shadow .12s, filter .12s;
}
.btn-avancar svg{width:1.1rem;height:1.1rem}
.btn-avancar.saiu{background:var(--verde);box-shadow:0 4px 0 var(--verde-sombra)}
.btn-avancar:hover{filter:brightness(1.05)}
.btn-avancar:active{transform:translateY(4px);box-shadow:none}
.btn-avancar:disabled{opacity:.6}
.t-menu{width:3.1rem;height:3.1rem;border-radius:14px}
.sair-tela-cheia{display:none}

/* tela cheia: só o quadro, letras maiores, sem apagar */
.tela-cheia .topo, .tela-cheia .fichario{display:none}
.tela-cheia .mesa{padding:.8rem}
.tela-cheia .prancheta{border:0;border-radius:0;padding:.6rem .8rem;min-height:100vh;background:var(--mesa)}
.tela-cheia #v-aovivo .cab{border-bottom:0;margin-bottom:.4rem;padding-bottom:0}
.tela-cheia #btnTelaCheia{display:none}
.tela-cheia .sair-tela-cheia{
  display:inline-flex;position:fixed;right:1rem;bottom:1rem;z-index:40;align-items:center;gap:.4rem;
  background:var(--papel);border:2px solid var(--borda-forte);border-radius:12px;padding:.5rem .8rem;font-weight:800;font-size:.78rem;
  box-shadow:0 3px 0 var(--borda-forte);color:var(--tinta-2);
}
.tela-cheia .t-mesa{font-size:1.75rem}
.tela-cheia .t-itens li{font-size:1.22rem}
.tela-cheia .btn-avancar{min-height:3.6rem;font-size:1.1rem}
.tela-cheia .rodape-papel{display:none}

/* ============ MESAS ============ */
.fita .v small{font-size:.8rem;color:var(--tinta-2);font-weight:700}
.legenda-mesas{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.76rem;font-weight:700;color:var(--tinta-2);margin:-.4rem 0 1rem}
.legenda-mesas span{display:inline-flex;align-items:center;gap:.35rem}
.sw{width:.9rem;height:.9rem;border-radius:5px;border:2px solid var(--borda-forte);display:inline-block}
.sw.livre{border-style:dashed}
.sw.ocupada{background:var(--marca-suave);border-color:var(--marca-clara)}
.sw.conta{background:var(--dourado-suave);border-color:var(--carbono)}
.sw.alerta{border-color:var(--vermelho-vivo)}
.grade-mesas{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.8rem,1fr));gap:.8rem}
.mesa-tile{
  min-height:7.4rem;border-radius:16px;border:2px dashed var(--borda-forte);background:transparent;
  display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.7rem .8rem;text-align:left;color:var(--tinta-2);
  transition:transform .14s, box-shadow .12s;
}
.mesa-tile:hover{transform:translateY(-2px)}
.mesa-tile:active{transform:translateY(3px)}
.mt-num{font-size:2rem;font-weight:900;line-height:1;color:var(--tinta)}
.mt-estado{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.mt-info{font-size:.78rem;font-weight:700}
.mesa-tile .mt-info.mono{margin-top:auto;font-size:.9rem;color:var(--tinta)}
.mesa-tile.ocupada{border-style:solid;border-color:var(--marca-clara);background:var(--marca-suave);color:var(--marca-texto-forte);box-shadow:0 3px 0 var(--marca-clara)}
.mesa-tile.conta{border-style:solid;border-color:var(--carbono);background:var(--dourado-suave);color:var(--dourado-texto);box-shadow:0 3px 0 var(--dourado-sombra)}
.mesa-tile.alerta{border-style:solid;border-color:var(--vermelho-vivo);background:var(--papel);color:var(--vermelho);box-shadow:0 3px 0 var(--vermelho-borda)}
.mesas-vinculadas{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.65rem .8rem;border:2px solid var(--borda);border-radius:14px;background:var(--papel-2)}
.mesas-vinculadas>div{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.mesa-vinculo{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .45rem;border:1px solid var(--borda-forte);border-radius:9px;font-size:.78rem;font-weight:800}

.pessoas{list-style:none}
.pessoas li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.5rem 0;border-bottom:2px solid var(--borda)}
.pessoas li.aguardando{background:var(--dourado-suave);border-radius:10px;padding:.5rem .6rem}
.pessoas li.recusado, .pessoas li.saiu{opacity:.6}
.p-nome{font-weight:800;color:var(--caneta)}
.p-tel{font-size:.76rem;color:var(--tinta-2)}
.p-acoes{margin-left:auto;display:flex;gap:.4rem}
.pessoas .carimbo{font-size:.66rem}
.comanda-pedidos{display:flex;flex-direction:column;gap:.6rem}
.cp-bloco{border:2px solid var(--borda);border-radius:14px;padding:.6rem .7rem}
.cp-cab{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.76rem;margin-bottom:.35rem}
.cp-cab .carimbo{margin-left:auto;font-size:.66rem}
.cp-bloco ul{list-style:none}
.cp-bloco li{display:flex;align-items:center;gap:.6rem;padding:.25rem 0;font-weight:700;font-size:.9rem}
.cp-bloco li > span:first-child{flex:1}
.cp-bloco li.cancelado > span:first-child{text-decoration:line-through;color:var(--tinta-2)}
.cp-bloco .t-obs, .cp-bloco .t-motivo{display:inline;padding-left:.3rem;font-size:.8rem}
.cp-bloco .t-obs::before{content:""}
.tabela-conta{width:100%;border-collapse:collapse;font-size:.88rem}
.tabela-conta th{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);text-align:left;padding:.4rem .4rem;border-bottom:2px solid var(--borda)}
.tabela-conta td{padding:.55rem .4rem;border-bottom:2px solid var(--borda);vertical-align:middle}
.tabela-conta td.mono{white-space:nowrap}
.tabela-conta td small{display:block;font-size:.72rem;color:var(--tinta-2);font-weight:600}
.tabela-conta td b{color:var(--caneta)}
.tabela-conta td.mono b{color:var(--tinta)}
.tabela-conta .desc{color:var(--verde-texto);font-weight:700}
.tabela-conta tr.pendente{opacity:.75}
.tabela-conta tfoot td{font-weight:800;border-bottom:0}
.tabela-conta td:last-child{text-align:right;white-space:nowrap}
.tabela-conta .btn-mini{margin-left:.3rem}

/* ============ LANÇAMENTO DO GARÇOM ============ */
.grade-mesas-mini{display:flex;flex-wrap:wrap;gap:.4rem}
.mesa-mini{
  width:2.8rem;height:2.8rem;border-radius:12px;border:2px solid var(--borda-forte);background:var(--papel);font-weight:900;font-size:1rem;
  box-shadow:0 2px 0 var(--borda-forte);
}
.mesa-mini[aria-pressed="true"]{background:var(--marca);border-color:var(--marca);color:#fff;box-shadow:0 2px 0 var(--marca-sombra)}
.lanc-busca{max-width:none;margin:.2rem 0 .6rem}
.lanc-cats{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem}
.lanc-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.5rem;max-height:17rem;overflow:auto;padding:.1rem .1rem .4rem}
.item-lanc{
  position:relative;display:flex;flex-direction:column;gap:.2rem;text-align:left;padding:.6rem .7rem;border-radius:12px;
  border:2px solid var(--borda);background:var(--papel);font-weight:800;font-size:.86rem;box-shadow:0 3px 0 var(--borda);
}
.item-lanc .mono{font-weight:400;font-size:.76rem;color:var(--tinta-2)}
.item-lanc:active{transform:translateY(3px);box-shadow:none}
.qtd-badge{position:absolute;top:-.45rem;right:-.45rem;min-width:1.5rem;height:1.5rem;border-radius:99px;background:var(--marca);color:#fff;display:grid;place-items:center;font-size:.78rem}
.lanc-carrinho{margin:.8rem 0 1rem}
.lanc-carrinho ul{list-style:none}
.lanc-carrinho li{display:grid;grid-template-columns:auto 1fr minmax(7rem,12rem) auto;gap:.6rem;align-items:center;padding:.4rem 0;border-bottom:2px solid var(--borda)}
.lc-nome{font-weight:800}
.lc-obs{border:2px solid var(--borda);border-radius:10px;padding:.35rem .5rem;font:inherit;font-weight:700;color:var(--caneta);background:var(--campo);width:100%}
.lc-total{text-align:right;margin-top:.5rem;font-weight:800}
.stepper{display:inline-flex;align-items:center;border:2px solid var(--borda-forte);border-radius:12px;overflow:hidden}
.stepper button{width:2.2rem;height:2.2rem;font-size:1.1rem;font-weight:900;color:var(--marca-texto)}
.stepper b{min-width:1.8rem;text-align:center}

/* ============ EM FALTA ============ */
.lista-falta{max-height:60vh;overflow:auto}
.lista-falta.larga{max-height:none}
.linha-falta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:2px solid var(--borda);font-weight:700}
.chave.falta[aria-checked="true"]{background:var(--vermelho-vivo)}

/* ============ CARDÁPIO ============ */
.abas-internas{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.1rem}
.bloco-dia{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.8rem 1rem;border:2px solid var(--borda);border-radius:16px;margin-bottom:1.3rem;background:var(--papel-2)}
.bloco-dia label{display:flex;align-items:center;gap:.4rem;font-weight:800;font-size:.85rem}
.bloco-dia label svg{width:1.1rem;height:1.1rem;color:var(--marca)}
.bloco-dia select{border:2px solid var(--borda);border-radius:12px;padding:.45rem .6rem;font:inherit;font-weight:700;background:var(--campo);color:var(--caneta);min-width:15rem}
.cat-bloco{margin-bottom:1.4rem}
.cat-cab{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}
.cat-cab h2{font-size:1rem;font-weight:900}
.chip-setor{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.15em .5em;border-radius:8px;background:var(--cinza-suave);color:var(--cinza-texto)}
.tabela-itens{border:2px solid var(--borda);border-radius:16px;overflow:hidden}
.ti-linha{display:grid;grid-template-columns:minmax(12rem,1fr) 6.5rem 6.5rem 4.2rem 5rem 2.6rem;gap:.6rem;align-items:center;padding:.55rem .8rem;border-bottom:2px solid var(--borda)}
.ti-linha:last-of-type{border-bottom:0}
.ti-cab{background:var(--papel-2);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2)}
.ti-nome b{font-weight:800}
.ti-nome small{display:block;font-size:.74rem;color:var(--tinta-2);font-weight:600}
.ti-nome small.alerg{color:var(--marca-texto)}
.ti-nome .estrela{width:1rem;height:1rem;color:var(--marca);vertical-align:-2px;margin-right:.25rem}
.ti-linha.inativo{opacity:.5}
.ti-linha.em-falta .ti-nome b{color:var(--vermelho)}
.novo-slip.compacto{border-radius:0;border-width:2px 0 0;padding:.6rem;font-size:.74rem}
.resultado-import{margin-top:.6rem;font-size:.85rem;padding:.6rem .8rem;border-radius:12px;background:var(--papel-2);border:2px solid var(--borda)}

/* ============ TEMPOS ============ */
.tempos-regra{margin:-.4rem 0 1rem}
.tabela-tempos{border:2px solid var(--borda);border-radius:16px;overflow:hidden}
.tt-linha{display:grid;grid-template-columns:minmax(12rem,1.5fr) repeat(3,5.4rem) minmax(11rem,1.4fr) minmax(8rem,.9fr);gap:.6rem;align-items:center;padding:.5rem .8rem;border-bottom:2px solid var(--borda)}
.tt-cab{background:var(--papel-2);font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2)}
.tt-linha.item{background:var(--papel-2);padding-left:1.8rem}
.tt-nome small{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);font-weight:800}
.tt-nome b{font-weight:800}
.tt-nome .btn-link{display:block;margin-top:.1rem}
.tt-linha input{width:100%;border:2px solid var(--borda);border-radius:10px;padding:.4rem .45rem;background:var(--campo);color:var(--caneta);font-weight:700;font-size:.9rem}
.tt-linha input::placeholder{color:var(--tinta-2);opacity:.7}
.tt-linha.herdado.item input{background:transparent}
.tt-real{font-size:.84rem}
.tt-real small{display:block;font-size:.7rem;color:var(--tinta-2);font-family:"Nunito",sans-serif;font-weight:600}
.tt-real b{font-size:.78rem}
.tt-real b.pior{color:var(--vermelho)}
.tt-real b.melhor{color:var(--verde-texto)}
.tt-expandir{width:100%;text-align:left;padding:.45rem .8rem .45rem 1.8rem;border-bottom:2px solid var(--borda);font-size:.74rem;font-weight:800;color:var(--caneta)}

/* ============ DADOS ============ */
.periodos{margin:-.3rem 0 1.1rem}
.dados-conteudo.carregando{opacity:.55;transition:opacity .2s}
.bloco-dados{border:2px solid var(--borda);border-radius:16px;padding:1rem 1.1rem 1.1rem;margin-bottom:1.1rem;background:var(--papel)}
.bloco-dados h2{font-size:.95rem;font-weight:900;margin-bottom:.6rem}
.bloco-dados h2 small{font-weight:600;font-size:.76rem;color:var(--tinta-2);margin-left:.3rem}
.dados-duas{display:grid;grid-template-columns:1.3fr 1fr;gap:1.1rem}
.dados-duas > *{min-width:0}
.tiles-setor{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.6rem}
.tile-setor{border:2px solid var(--borda);border-radius:14px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.2rem}
.tile-setor .r{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--tinta-2)}
.tile-setor .v{font-size:1.5rem;font-weight:900}
.tile-setor .v small{font-size:.8rem;font-weight:700;color:var(--tinta-2)}
.tile-setor .ruim{font-size:.74rem;font-weight:700;color:var(--vermelho)}
.tile-setor .bom{font-size:.74rem;font-weight:700;color:var(--verde-texto)}
.cartoes-piloto{display:grid;grid-template-columns:repeat(auto-fill,minmax(14.5rem,1fr));gap:.7rem;margin-top:.6rem}
.cartao-piloto{border:2px solid var(--borda);border-radius:14px;padding:.8rem .9rem;display:flex;flex-direction:column;gap:.25rem}
.cp-pergunta{font-size:.82rem;font-weight:800;line-height:1.3}
.cp-pergunta small{display:block;font-weight:600;font-size:.7rem;color:var(--tinta-2)}
.cp-valor{font-size:1.7rem;font-weight:900;line-height:1.1}
.cp-valor small{font-size:.9rem;color:var(--tinta-2)}
.cp-valor.bom{color:var(--verde-texto)}
.cp-desc{font-size:.74rem;color:var(--tinta-2)}
.medidor{height:.55rem;border-radius:99px;background:var(--marca-suave);overflow:hidden;margin-top:.35rem;display:flex}
.medidor i{display:block;height:100%;background:var(--marca);border-radius:99px}
.medidor.menor-melhor{background:var(--vermelho-suave)}
.medidor.menor-melhor i{background:var(--vermelho-vivo)}
.medidor.duplo{background:var(--dado-garcom);gap:2px}
.medidor.duplo i.serie-chat{background:var(--dado-chat);border-radius:99px 0 0 99px}
.medidor.duplo i.serie-garcom{flex:1;background:var(--dado-garcom);border-radius:0 99px 99px 0}

/* gráficos (skill de dataviz): hairlines, barras finas, tooltip com valor em destaque */
.figura-grafico{overflow-x:auto}
.grafico{width:100%;height:auto;min-width:560px;max-width:100%;display:block}
.grafico .grade{stroke:var(--borda);stroke-width:1}
.grafico .eixo{stroke:var(--borda-forte);stroke-width:1}
.grafico .rotulo-eixo{fill:var(--tinta-2);font-family:"Chivo Mono",monospace;font-size:11px}
.grafico .rotulo-categoria{fill:var(--tinta);font-family:"Nunito",sans-serif;font-weight:700;font-size:12.5px}
.grafico .rotulo-valor{fill:var(--tinta-2);font-family:"Chivo Mono",monospace;font-size:11px}
.grafico .serie-chat{fill:var(--dado-chat)}
.grafico .serie-garcom{fill:var(--dado-garcom)}
.grafico .serie-casa{fill:var(--dado-casa)}
.grafico .coluna .alvo{fill:transparent}
.grafico .coluna:hover path, .grafico .coluna:hover rect:not(.alvo), .grafico .coluna:focus path, .grafico .coluna:focus rect:not(.alvo){filter:brightness(1.15)}
.grafico .coluna:focus{outline:none}
.grafico .coluna:focus-visible .alvo{stroke:var(--caneta-viva);stroke-width:2;fill:var(--hover);fill-opacity:.4}
.legenda-grafico{display:flex;gap:1rem;font-size:.78rem;font-weight:700;color:var(--tinta-2);margin-bottom:.4rem}
.legenda-grafico span{display:inline-flex;align-items:center;gap:.35rem}
.lg-chave{width:.75rem;height:.75rem;border-radius:3px;display:inline-block}
.lg-chave.serie-chat, .dg-chave.serie-chat{background:var(--dado-chat)}
.lg-chave.serie-garcom, .dg-chave.serie-garcom{background:var(--dado-garcom)}
.grafico-barra{display:flex;justify-content:flex-end;margin:-2rem 0 .4rem}
.dica-grafico{
  position:fixed;z-index:130;display:none;pointer-events:none;min-width:9rem;
  background:var(--papel);color:var(--tinta);border:2px solid var(--borda-forte);border-radius:12px;padding:.5rem .65rem;box-shadow:var(--sombra-leve);
}
.dg-titulo{font-size:.72rem;font-weight:800;color:var(--tinta-2);margin-bottom:.25rem}
.dg-linha{display:flex;align-items:center;gap:.45rem;font-size:.8rem}
.dg-linha b{font-family:"Chivo Mono",monospace;font-size:.9rem;color:var(--tinta);min-width:2rem}
.dg-linha span{color:var(--tinta-2)}
.dg-chave{width:.8rem;height:3px;border-radius:2px;display:inline-block}
.tabela-dados{width:100%;border-collapse:collapse;font-size:.84rem}
.tabela-dados th{text-align:left;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);padding:.35rem .4rem;border-bottom:2px solid var(--borda)}
.tabela-dados td{padding:.35rem .4rem;border-bottom:1px solid var(--borda);font-variant-numeric:tabular-nums}

/* ============ CLIENTES DA CASA ============ */
.ficha.bloqueada{opacity:.65}
.ficha .acao-ficha{color:var(--tinta-2)}

/* ============ GARÇOM PINGUIM ============ */
.grade-campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr));gap:.8rem 1.1rem}
.campo-num{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:.35rem .5rem}
.campo-num > span{width:100%;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--tinta-2)}
.campo-num input{width:6rem;border:2px solid var(--borda);border-radius:12px;padding:.45rem .55rem;background:var(--campo);color:var(--caneta);font-weight:700;font-size:.95rem}
.campo-num input:focus{border-color:var(--caneta-viva);outline:none}
.campo-num em{font-style:normal;font-size:.8rem;color:var(--tinta-2);font-weight:700}
.campo-num small{width:100%;font-size:.72rem;color:var(--tinta-2)}
.campo-num.largo{grid-column:span 2;margin-top:.4rem}
.campo-num.largo input{width:16rem;max-width:100%}
.ajuste-bloco code{font-size:.76rem;background:var(--papel-2);border:2px solid var(--borda);border-radius:8px;padding:.1rem .4rem;word-break:break-all}
.niveis{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.6rem}
.nivel{border:2px solid var(--borda);border-radius:14px;padding:.7rem .8rem;display:flex;flex-direction:column;gap:.2rem;font-size:.8rem;color:var(--tinta-2)}
.nivel b{color:var(--tinta);font-size:.9rem}
.nivel.ativo{border-color:var(--marca-clara);background:var(--marca-suave)}
.nivel.em-breve{border-style:dashed}
.lista-mesas, .lista-usuarios{margin-top:.8rem;border:2px solid var(--borda);border-radius:16px;overflow:hidden}
.linha-mesa, .linha-usuario{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;padding:.5rem .8rem;border-bottom:2px solid var(--borda)}
.linha-mesa:last-child, .linha-usuario:last-child{border-bottom:0}
.linha-mesa.inativa, .linha-usuario.inativo{opacity:.55}
.lm-num{min-width:4.5rem}
.lm-acoes{margin-left:auto;display:flex;align-items:center;gap:.4rem}
.lm-acoes .chave{margin-left:.3rem}
.linha-usuario .carimbo{font-size:.66rem}
.qr-grande{display:grid;place-items:center;padding:.5rem 0}
.qr-garcom{display:flex;align-items:center;gap:1rem;margin:.6rem 0 .2rem;padding:.8rem;border:2px solid var(--dourado-borda);border-radius:16px;background:var(--dourado-suave)}
.qr-garcom img{width:7.5rem;height:7.5rem;flex:none;background:#fff;border-radius:10px;padding:.3rem}
.qr-garcom p{font-size:.84rem;line-height:1.5;color:var(--tinta)}
.qr-garcom a{word-break:break-all}
.qr-grande img{width:15rem;height:15rem;background:#fff;border-radius:12px;padding:.4rem}
.lista-setores{display:grid;gap:.8rem;margin:.8rem 0 1.2rem}
.setor-config{border:2px solid var(--borda);border-radius:16px;padding:.8rem}
.setor-config.inativo{opacity:.72}
.setor-config-topo{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.7rem}
.setor-config-topo > div{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}
.setor-config .campo-num input,.novo-setor .campo-num input{width:100%;max-width:28rem}
.setor-config .linha-botoes{margin-top:.7rem}
.novo-setor{border-top:2px solid var(--borda);padding-top:.8rem}
.novo-setor h3{font-size:.9rem;margin-bottom:.7rem}

/* ============ RESPONSIVO ============ */
@media (max-width:1120px){
  .quadro{grid-template-columns:repeat(2,1fr)}
  .dados-duas{grid-template-columns:1fr}
  .tt-linha{grid-template-columns:minmax(10rem,1.4fr) repeat(3,4.6rem) minmax(9rem,1.2fr)}
  .tt-linha > span:last-child{grid-column:1 / -1}
  .tt-cab > span:last-child{display:none}
}
@media (max-width:760px){
  .mesa{align-items:stretch}
  .usuario > span{display:none}
  .prancheta{width:100%;max-width:100%}
  .topo-controles{width:100%;justify-content:flex-end;order:5}
  .quadro{grid-template-columns:1fr}
  .ti-linha{grid-template-columns:1fr auto auto;grid-auto-flow:row}
  .ti-linha > span:nth-child(2), .ti-cab > span:nth-child(2){display:none}
  .ti-cab{display:none}
  .ti-linha .ti-nome{grid-column:1 / -1}
  .tt-linha{grid-template-columns:1fr repeat(3,3.8rem);padding-left:.6rem}
  .tt-linha.item{padding-left:.9rem}
  .tt-linha > span:nth-child(5){grid-column:1 / -1}
  .tt-cab > span:nth-child(5){display:none}
  .lanc-carrinho li{grid-template-columns:auto 1fr auto}
  .lc-obs{grid-column:1 / -1}
  .campo-num.largo{grid-column:auto}
  .tabela-conta{font-size:.8rem}
  .tabela-conta th:nth-child(3), .tabela-conta td:nth-child(3){display:none}
  .grafico-barra{margin-top:0}
  .folha-modal{padding:1.2rem 1rem}
  .alertas{grid-template-columns:1fr}
  .barra-aovivo .setores{width:100%}
  .qr-garcom{flex-direction:column;align-items:flex-start}
}

/* Garçom Pinguim: o ícone do Pinguim fala a primeira mensagem de verdade (vem de /api/config) */
.pinguim-diz{display:flex;align-items:flex-start;gap:1.1rem;padding-top:.3rem}
.pinguim-diz-rosto{width:6rem;height:6rem;flex:none;transform-origin:50% 92%;animation:aceno .8s ease-out .15s both}
.pinguim-diz-fala{min-width:0;max-width:38rem}
.bolha-pinguim{
  position:relative;margin:.35rem 0 0;padding:.85rem 1.05rem;
  background:var(--ia-fundo);border:2px solid var(--ia-borda);border-radius:.7rem;
  font-size:.95rem;font-weight:600;line-height:1.5;color:var(--tinta);
}
.bolha-pinguim::before{
  content:'';position:absolute;left:-.5rem;top:1.25rem;width:.85rem;height:.85rem;
  background:var(--ia-fundo);border-left:2px solid var(--ia-borda);border-bottom:2px solid var(--ia-borda);
  transform:rotate(45deg);
}
.bolha-botoes{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.5rem}
.bolha-botoes span{
  font-size:.78rem;font-weight:800;color:var(--ia-texto);
  background:var(--papel);border:2px solid var(--ia-borda);border-radius:10px;padding:.35rem .75rem;
}
.pinguim-diz-fala small{display:block;margin-top:.55rem;font-size:.72rem;color:var(--tinta-2)}
@keyframes aceno{0%{transform:rotate(0)}25%{transform:rotate(-9deg)}55%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}100%{transform:rotate(0)}}

/* Itens preparados em mais de um setor: a instrução do preparo fica separada da observação do cliente. */
.chips-setor-item{display:flex;flex-wrap:wrap;gap:.25rem}
.chip-setor.apoio,.chip-apoio{background:var(--papel-2);border:1px dashed var(--borda);color:var(--tinta-2)}
.apoios-item{border:1px solid var(--borda);border-radius:12px;padding:.55rem .7rem;margin:.3rem 0 .8rem}
.apoios-item legend{font-size:.82rem;font-weight:800;padding:0 .3rem}
.apoio-setor-linha{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(10rem,1.5fr);align-items:center;gap:.55rem;padding:.25rem 0}
.apoio-setor-linha input[type=checkbox]{width:auto}
.apoio-setor-linha input[type=text]{min-width:0}
.t-instrucao-setor{display:block;margin-top:.15rem;font-style:normal;font-size:.78rem;font-weight:700;color:var(--tinta-2)}
.t-apoios{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;margin-top:.55rem;padding-top:.45rem;border-top:1px dashed var(--borda)}
.t-apoios > small{font-size:.7rem;font-weight:800;color:var(--tinta-2);text-transform:uppercase;letter-spacing:.04em}
.chip-apoio-status{display:inline-block;border-radius:999px;padding:.15rem .45rem;font-size:.68rem;font-weight:800;background:var(--papel-2);color:var(--tinta-2)}
.chip-apoio-status.em_preparo,.chip-apoio-status.saiu{background:var(--verde-suave);color:var(--verde-texto)}
.chip-apoio-status.cancelado{background:var(--vermelho-suave);color:var(--vermelho-texto)}
.tile-apoio{font-size:.58rem;color:var(--tinta-2);background:var(--papel-2);border-radius:999px;padding:.08rem .3rem}
@media (max-width:760px){
  .pinguim-diz{gap:.8rem}
  .pinguim-diz-rosto{width:4.2rem;height:4.2rem}
  .bolha-pinguim{font-size:.88rem}
  .apoio-setor-linha{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.pinguim-diz-rosto{animation:none}}

/* ============ COMANDAS DE CANAIS EXTERNOS ============ */
.externas-grade{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(19rem,.9fr);gap:1rem;align-items:start}
.externas-grade > *{min-width:0}
.externas-lancamento h2,.externas-abertas h2{font-size:1rem;font-weight:900;margin-bottom:.35rem}
.externas-form{display:grid;gap:.7rem}
.externas-form .form-2col{margin:0}
.externas-busca{margin:.1rem 0}
.externas-categorias{display:flex;flex-wrap:wrap;gap:.4rem}
.externas-itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.45rem;max-height:17rem;overflow:auto;padding:.1rem .15rem .25rem}
.externa-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:3rem;padding:.55rem .65rem;border:2px solid var(--borda);border-radius:12px;background:var(--papel-2);text-align:left;font-size:.82rem;font-weight:800}
.externa-item .mono{white-space:nowrap;font-size:.74rem}
.externa-item:active{transform:translateY(2px)}
.externas-carrinho ul,.externa-itens-detalhe{list-style:none;display:grid;gap:.4rem;margin:.45rem 0;padding:0}
.externas-carrinho li,.externa-itens-detalhe li{display:grid;grid-template-columns:auto minmax(5rem,1fr) minmax(6rem,1fr) auto;align-items:center;gap:.5rem;border-bottom:1px solid var(--borda);padding:.4rem 0;font-size:.82rem}
.externas-carrinho .stepper{display:flex;align-items:center;gap:.35rem}
.externas-carrinho .stepper button{width:2rem;height:2rem;border:2px solid var(--borda);border-radius:9px;background:var(--papel);font-weight:900}
.externas-carrinho input{min-width:0;width:100%;border:1px solid var(--borda);border-radius:8px;padding:.35rem .45rem;background:var(--campo);color:var(--caneta);font-size:.78rem}
.externas-carrinho .lc-total{display:flex;justify-content:flex-end;gap:.5rem;padding:.45rem 0;font-weight:800}
.externas-form > .btn-principal{justify-self:start}
.externas-titulo{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.externas-lista{display:grid;gap:.4rem;margin:.6rem 0}
.externa-resumo{display:grid;grid-template-columns:auto minmax(4rem,auto) minmax(0,1fr) auto;align-items:center;gap:.45rem;width:100%;padding:.55rem .6rem;border:2px solid var(--borda);border-radius:12px;background:var(--papel-2);text-align:left;font-size:.78rem}
.externa-resumo > span:nth-child(3){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--tinta-2)}
.externa-resumo.ativa{border-color:var(--marca);background:var(--marca-suave)}
.canal-chip{display:inline-flex;align-items:center;border:1px solid var(--borda);border-radius:999px;padding:.13rem .45rem;background:var(--papel-2);color:var(--tinta-2);font-size:.66rem;font-weight:900;line-height:1.3;white-space:nowrap}
.canal-chip.delivery{background:var(--dourado-suave);border-color:var(--dourado-borda);color:var(--dourado-texto)}
.canal-chip.retirada{background:var(--verde-suave);border-color:var(--verde-borda);color:var(--verde-texto)}
.canal-chip.app{background:var(--marca-suave);border-color:var(--marca-clara);color:var(--marca-texto-forte)}
.externa-detalhe{border:2px solid var(--borda);border-radius:14px;padding:.75rem .8rem;margin-top:.75rem}
.externa-detalhe h3{font-size:.95rem;margin:.3rem 0 0}
.externa-detalhe h4{font-size:.8rem;margin:.8rem 0 .25rem}
.externa-contato{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem .8rem;margin:.7rem 0}
.externa-contato div{min-width:0}
.externa-contato dt{font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2)}
.externa-contato dd{overflow-wrap:anywhere;font-size:.8rem}
.externa-itens-detalhe li{grid-template-columns:minmax(0,1fr) auto}
.externa-itens-detalhe li.cancelado{opacity:.6;text-decoration:line-through}
.externa-itens-detalhe small{display:block;color:var(--tinta-2);text-decoration:none}
.externas-acoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}
.externas-acoes a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}
.externas-acoes svg{width:1rem;height:1rem}
.canais-aovivo{flex-wrap:wrap}
.tabela-rolagem{max-width:100%;overflow-x:auto}
.tabela-canais{min-width:30rem}
@media (max-width:950px){.externas-grade{grid-template-columns:1fr}}
@media (max-width:760px){
  .externas-carrinho li{grid-template-columns:auto minmax(0,1fr) auto}
  .externas-carrinho li input{grid-column:2 / -1}
  .externa-resumo{grid-template-columns:auto minmax(0,1fr) auto}
  .externa-resumo > span:nth-child(3){grid-column:2 / -1;grid-row:2}
  .externa-resumo .mono{grid-column:3;grid-row:1}
  .externa-contato{grid-template-columns:1fr}
  .canais-aovivo{width:100%}
}

/* ============ acesso do colaborador (Equipe) ============ */
.eq-acesso-acoes{display:flex;flex-wrap:wrap;gap:.6rem;margin:.8rem 0}
.eq-acesso-acoes .btn-principal{max-width:18rem}
.eq-link{border:2px dashed var(--borda-forte);border-radius:12px;padding:.7rem .8rem;margin-bottom:.8rem;display:flex;flex-direction:column;gap:.35rem}
.eq-link label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--tinta-2)}
.eq-link small{font-size:.74rem;color:var(--tinta-2)}
.eq-link-linha{display:flex;gap:.4rem}
.eq-link-linha input{flex:1;min-width:0;font-family:"Chivo Mono",monospace;font-size:.78rem}
.eq-sub{font-size:.9rem;font-weight:900;margin:1rem 0 .45rem}
.eq-sessoes{list-style:none;display:flex;flex-direction:column;gap:.45rem;margin-bottom:.6rem}
.eq-sessoes li{display:flex;align-items:center;gap:.6rem;border:2px solid var(--borda);border-radius:12px;padding:.5rem .65rem}
.eq-sessoes li > span{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}
.eq-sessoes small{font-size:.72rem;color:var(--tinta-2);overflow-wrap:anywhere}

/* ============ verificação: pré-avaliação da IA, GPS e guarda ============ */
.vf-ia{border:2px solid var(--ia-borda);background:var(--ia-fundo);border-radius:12px;padding:.6rem .75rem;margin:.6rem 0;display:flex;flex-direction:column;gap:.3rem}
.vf-ia > p:first-child{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.vf-ia b{display:inline-flex;align-items:center;gap:.35rem;color:var(--ia-texto);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}
.vf-ia b svg{width:1rem;height:1rem}
.vf-ia .etq-ia{margin-top:0}
.vf-ia-texto{font-size:.86rem;white-space:pre-line}
.vf-ia small{font-size:.7rem;color:var(--tinta-2)}
.vf-ia.apagada{background:var(--papel-2);border-style:dashed;border-color:var(--borda-forte)}
.vf-ia.apagada b{color:var(--tinta-2)}
.vf-midia{display:flex;flex-direction:column;gap:.3rem}
.vf-video{width:100%;max-width:22rem;border-radius:12px;border:2px solid var(--borda);background:var(--papel-2)}
.vf-guarda{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.72rem;color:var(--tinta-2)}

/* ============ tabelas e linhas dos módulos novos (canais, ponto, caixa, reservas) ============ */
.tabela-simples{width:100%;border-collapse:collapse;font-size:.84rem}
.tabela-simples th{text-align:left;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2);padding:.4rem .45rem;border-bottom:2px solid var(--borda);white-space:nowrap}
.tabela-simples td{padding:.4rem .45rem;border-bottom:1px solid var(--borda);vertical-align:top;font-variant-numeric:tabular-nums}
.tabela-simples td.num, .tabela-simples th.num{text-align:right}
.tabela-simples tfoot td{font-weight:900;border-top:2px solid var(--borda);border-bottom:0}
.tabela-simples small{font-size:.72rem;color:var(--tinta-2)}
.texto-modelo{font-size:.78rem;color:var(--tinta-2);max-width:26rem}
.lista-canais{display:flex;flex-direction:column;gap:.45rem;margin:.6rem 0 1rem}
.linha-canal{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;border:2px solid var(--borda);border-radius:12px;padding:.5rem .7rem}
.linha-canal.inativo{opacity:.6}
.linha-canal .mono{font-size:.76rem;color:var(--tinta-2)}
.linha-canal .btn-mini{margin-left:auto}

/* ============ ponto (controle interno de jornada) ============ */
.pt-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.8rem}
.pt-grade h2{font-size:.9rem;font-weight:900;margin-bottom:.5rem}
.pt-lista{list-style:none;display:flex;flex-direction:column;gap:.45rem}
.pt-lista li{display:flex;flex-direction:column;gap:.2rem;border:2px solid var(--borda);border-radius:12px;padding:.5rem .65rem;font-size:.84rem}
.pt-lista small{font-size:.74rem;color:var(--tinta-2)}
.pt-dia{margin-bottom:.7rem}
.pt-riscada td{color:var(--tinta-2);text-decoration:line-through}
.pt-riscada td:last-child{text-decoration:none}
.pt-jornadas, .pt-escala{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem;font-size:.8rem}
.pt-jornadas .carimbo{font-size:.68rem;text-transform:none;letter-spacing:0}
.pt-alerta{color:var(--vermelho-texto);font-weight:900}
@media (max-width:1120px){.pt-grade{grid-template-columns:1fr}}

/* ============ procedimentos: vídeos, links e visto ============ */
.procedimento-links, .procedimento-vistos{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin:.4rem 0 .6rem}
.procedimento-links li, .procedimento-vistos li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;border:2px solid var(--borda);border-radius:12px;padding:.45rem .65rem}
.procedimento-links a{flex:1;overflow-wrap:anywhere}
.procedimento-vistos small{color:var(--tinta-2);font-size:.74rem;flex:1}
.procedimento-vistos .carimbo{font-size:.66rem}

/* D8: montagem do apoio no editor do item */
.apoio-setor-linha{grid-template-columns:minmax(7rem,1fr) minmax(9rem,1.4fr) minmax(10rem,1.2fr)}
.apoio-setor-linha select{min-width:0;font-size:.82rem}
@media (max-width:640px){.apoio-setor-linha{grid-template-columns:1fr 1fr}.apoio-setor-linha > span{grid-column:1 / -1}}

/* Relacionamento (D1): situação do aceite na ficha e o termo no modal */
.carimbo.azul{background:color-mix(in srgb, var(--caneta) 14%, var(--papel));color:var(--caneta)}
.rel-linha{margin-top:.5rem;font-size:.76rem;color:var(--tinta-2);display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.termo-rel{max-height:14rem;overflow:auto;border:2px solid var(--borda);border-radius:12px;padding:.6rem .8rem;margin:.6rem 0;font-size:.84rem;line-height:1.5;background:var(--papel-2)}
.termo-rel p + p{margin-top:.45rem}
.aviso-minuta{margin:0 0 .5rem;padding:.45rem .6rem;border-radius:10px;border:2px dashed var(--borda-forte);font-size:.76rem;font-weight:800;color:var(--marca-texto)}

/* Reservas (D12) */
.carimbo.laranja{background:var(--marca-suave);color:var(--marca-texto-forte)}
.res-topo{flex-wrap:wrap;margin-bottom:1rem}
.res-topo .res-espaco{flex:1}
.res-cartao{margin-top:.7rem}
.res-cartao .gestao-cartao-topo{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .8rem}
.res-hora{font-weight:800;color:var(--marca-texto)}
.res-pessoas{font-size:.8rem;color:var(--tinta-2);font-weight:700}
.res-linha{font-size:.8rem;color:var(--tinta-2);margin-top:.35rem}
.res-cartao.cancelada, .res-cartao.nao_veio{opacity:.72}
.res-cartao .gestao-acoes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;align-items:center}
.res-cartao .gestao-acoes .btn-mini{min-height:2.4rem}
.res-pendentes{border-top:3px solid var(--marca)}
.res-pendentes h2 .cont{margin-left:.4rem}
.res-mesas{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.6rem,1fr));gap:.45rem}
.res-mesa{display:flex;flex-direction:column;align-items:center;gap:.1rem;padding:.45rem .3rem;border:2px solid var(--borda-forte);border-radius:12px;cursor:pointer;min-height:3.2rem}
.res-mesa input{width:auto}
.res-mesa b{font-size:1rem}
.res-mesa small{font-size:.66rem;color:var(--tinta-2)}
.res-mesa:has(input:checked){border-color:var(--marca);background:var(--marca-suave)}
.res-mesa:focus-within{outline:3px solid var(--caneta-viva);outline-offset:2px}
.rel-produtos{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.2rem .8rem;max-height:12rem;overflow:auto}

/* Cupom na conta (D9) */
.cupom-conta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin-top:.8rem;padding:.6rem .75rem;border:2px dashed var(--borda-forte);border-radius:12px}
.cupom-conta label{font-size:.78rem;font-weight:800;color:var(--tinta-2)}
.cupom-conta input{flex:1;min-width:8rem;max-width:14rem;text-transform:uppercase;font-family:"Chivo Mono",monospace}
.cupom-conta > div{flex:1;min-width:12rem}
.cupom-conta p{font-size:.78rem;color:var(--tinta-2);margin-top:.2rem}
.cupom-conta.vale{border-style:solid;border-color:var(--marca);background:var(--marca-suave)}
.cupom-conta.vale b{color:var(--marca-texto-forte)}
.mt-reserva{display:flex;align-items:center;gap:.25rem;font-size:.68rem;font-weight:800;color:var(--marca-texto);margin-top:.2rem}
.mt-reserva svg{width:.8rem;height:.8rem}
.lm-extras{display:block;font-size:.7rem;color:var(--caneta);font-weight:700}
.res-cartao .gestao-cartao-topo{justify-content:flex-start}
.res-cartao .gestao-cartao-topo b{font-size:1rem;font-weight:800;color:var(--tinta)}
.res-cartao .gestao-cartao-topo .carimbo{margin-left:auto}

/* Caixa gerencial (D4) */
.cx-numeros{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.6rem;margin:.6rem 0 1rem}
.cx-numeros div{border:2px solid var(--borda);border-radius:12px;padding:.55rem .7rem;background:var(--papel)}
.cx-numeros dt{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--tinta-2)}
.cx-numeros dd{font-size:1.05rem;font-weight:800;margin-top:.15rem}
.cx-resultado.ok{border-top:3px solid var(--verde)}
.cx-resultado.diferenca{border-top:3px solid var(--vermelho-vivo)}
.cx-alerta{color:var(--vermelho-texto);font-weight:800}
.cx-saldo{color:var(--vermelho-texto)}
.cx-liquidacao{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .7rem;font-size:.82rem;color:var(--tinta-2);margin:.4rem 0 .8rem}
.md-liquidacao{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.6rem}
.md-liquidacao .cx-liquidacao{margin:0}
.cx-formas{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.2rem,1fr));gap:.45rem;margin:.4rem 0 .8rem}
.cx-forma{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.8rem;border:2px solid var(--borda-forte);border-radius:12px;font-weight:800;font-size:.86rem;cursor:pointer}
.cx-forma input{width:auto}
.cx-forma:has(input:checked){border-color:var(--marca);background:var(--marca-suave);color:var(--marca-texto-forte)}
.cx-forma:focus-within{outline:3px solid var(--caneta-viva);outline-offset:2px}
.cx-previa{margin-top:1rem;border-top:2px solid var(--borda);padding-top:.8rem}
.cx-anexo{cursor:pointer;display:inline-flex}

/* Pergunte (IA de dados, só leitura): roxo é a voz da IA */
.ia-pergunte{border:2px solid var(--ia-borda);background:var(--ia-fundo);border-radius:16px;padding:.9rem 1rem;margin-bottom:1rem}
.ia-pergunte h2{display:flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:900;color:var(--ia-texto)}
.ia-pergunte h2 svg{width:1.1rem;height:1.1rem}
.ia-pergunte-form{display:flex;gap:.5rem;margin-top:.6rem;flex-wrap:wrap}
.ia-pergunte-form input{flex:1;min-width:12rem;min-height:2.8rem}
.ia-resposta{margin-top:.7rem;background:var(--papel);border:2px solid var(--ia-borda);border-radius:12px;padding:.6rem .75rem}
.ia-resposta.indisponivel{border-style:dashed}
.ia-pergunta{font-size:.78rem;font-weight:800;color:var(--tinta-2)}
.ia-texto{white-space:pre-wrap;line-height:1.5;margin-top:.3rem;font-size:.9rem}
.ia-resposta small{display:block;margin-top:.4rem;font-size:.7rem;color:var(--ia-texto)}
.ia-pensando{font-size:.82rem;color:var(--ia-texto);margin-top:.5rem}
.ia-nota{font-size:.7rem;color:var(--tinta-2);margin-top:.5rem}

.visualmente-oculto{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cx-sinais li.revisado{opacity:.7}
.cx-sinais li b{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}

/* Estoque de carnes (D6) */
.es-cortes{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.9rem}
.es-corte.inativo{opacity:.65}
.es-numeros{grid-template-columns:repeat(2,1fr);margin:.5rem 0}
.es-acoes{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem;align-items:center}
.es-acoes .btn-mini{min-height:2.4rem}
.es-aviso{margin-bottom:.8rem}
.res-link-feed{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;font-size:.76rem;color:var(--tinta-2);margin:.4rem 0}
.res-link-feed input{flex:1;min-width:14rem;font-family:"Chivo Mono",monospace;font-size:.72rem}

/* campos soltos fora de .form-linha (mesmo desenho dos formulários) */
.gestao-data select, .ia-pergunte-form input, .cupom-conta input, .res-link-feed input{
  border:2px solid var(--borda);border-radius:10px;background:var(--campo);padding:.45rem .55rem;color:var(--caneta);font:700 .86rem "Nunito",sans-serif;
}
.ia-pergunte-form input{font-size:.95rem;padding:.55rem .7rem}
.gestao-data select:focus, .ia-pergunte-form input:focus, .cupom-conta input:focus{border-color:var(--caneta-viva);outline:none}

/* WhatsApp não oficial (szap): QR para parear o número do Pinguim em Pinguim → WhatsApp */
.szap-parear{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin:.6rem 0}
.szap-parear p{flex:1 1 16rem;margin:0;font-size:.82rem;color:var(--tinta-2)}
.szap-qr{width:220px;height:220px;border-radius:12px;border:2px solid var(--borda-forte)}

/* Sistema (só o dono): novidades de cada versão liberada */
.sistema-versao{margin:.4rem 0 .9rem}
.sistema-versao h3{margin:0 0 .3rem;font-size:.95rem}
.sistema-versao h3 small{font-weight:600;color:var(--tinta-2);font-size:.76rem;margin-left:.3rem}
.sistema-versao ul{margin:0;padding-left:1.2rem;font-size:.86rem;line-height:1.45}