/* Espaço Sow, TEMA PREMIUM v1 (Tiago, 28/10/2026). Só visual: carrega por último e sobrepõe
   tokens.css, cardapio.css, painel.css e extras.css. Nenhum id ou classe foi renomeado.
   Tons medidos nas fotos do espaço (parede, letreiro, couro, piso) e na direção do Tiago.
   Fonte de display PROVISÓRIA: Cormorant Garamond (OFL 1.1). A fonte oficial da marca é desconhecida.

   PALETA DECLARADA (toda cor usada neste arquivo sai daqui, direto ou com opacidade):
   @paleta #1A1714 tinta
   @paleta #1F1D1A grafite-fundo
   @paleta #2A2724 grafite
   @paleta #34302C superficie
   @paleta #3E332B nogueira
   @paleta #7A4E33 conhaque
   @paleta #A27C4A bronze
   @paleta #D6A35A ouro
   @paleta #E8C489 ouro-claro
   @paleta #B9B6B0 prata
   @paleta #D9D1C4 areia
   @paleta #F3EEE6 marfim
   @paleta #E8D9BF creme (frase do logo)
   @paleta #F0CF8F ouro-luz (topo do gradiente do logo, só no PNG)
   @paleta #C99248 ouro-base (base do gradiente do logo, só no PNG)
*/

@font-face{font-family:"Cormorant Sow";src:url("../fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Sow";src:url("../fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cormorant Sow";src:url("../fonts/cormorant-garamond-latin-500-italic.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}

:root{
  --p-tinta:#1A1714;
  --p-grafite-fundo:#1F1D1A;
  --p-grafite:#2A2724;
  --p-superficie:#34302C;
  --p-nogueira:#3E332B;
  --p-conhaque:#7A4E33;
  --p-bronze:#A27C4A;
  --p-ouro:#D6A35A;
  --p-ouro-claro:#E8C489;
  --p-prata:#B9B6B0;
  --p-areia:#D9D1C4;
  --p-marfim:#F3EEE6;
  --p-creme:#E8D9BF;
  /* halo do logo: brilho ATRÁS da letra (drop-shadow largo e fraco), letra nítida por cima */
  --halo-logo:drop-shadow(0 1px 1px rgb(26 23 20 / .7)) drop-shadow(0 0 20px rgb(214 163 90 / .32));

  /* tokens antigos remapeados: o que não foi sobreposto abaixo continua legível no escuro */
  --sow-preto:var(--p-marfim);
  --sow-branco:var(--p-grafite);
  --sow-neutro:var(--p-prata);
  --linha:rgb(214 163 90 / .16);
  --linha-forte:rgb(214 163 90 / .45);
  --superficie:rgb(243 238 230 / .04);
  --superficie-2:rgb(243 238 230 / .08);
  --linha-invertida:rgb(214 163 90 / .28);
  --texto-invertido-2:var(--p-prata);
  --borda:1px solid var(--linha);
  --borda-forte:1px solid var(--linha-forte);

  --font-display:"Cormorant Sow","Cormorant Garamond",Georgia,"Times New Roman",serif;
  --fs-micro:.75rem;               /* 12 px, rótulos em caixa alta, sempre prata ou mais claro */
  --fs-small:.875rem;              /* 14 px */
  --tracking-caps:.2em;
  --r-1:3px;
  --r-2:6px;
  --filete:linear-gradient(90deg,rgb(214 163 90 / 0),rgb(214 163 90 / .7) 18%,rgb(232 196 137 / .9) 50%,rgb(214 163 90 / .7) 82%,rgb(214 163 90 / 0));
  --filete-suave:linear-gradient(90deg,rgb(214 163 90 / 0),rgb(214 163 90 / .28) 20%,rgb(214 163 90 / .28) 80%,rgb(214 163 90 / 0));
  --sombra-quente:0 10px 30px -12px rgb(26 23 20 / .9),0 2px 6px -2px rgb(26 23 20 / .6);
  --dur:.22s;
}

/* ---------- base ---------- */
html{background:var(--p-grafite) url("../img/textura.svg")}
:where(*){font-variant-numeric:lining-nums}
body{background:var(--p-grafite) url("../img/textura.svg");color:var(--p-marfim);font-size:.9375rem}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--p-ouro-claro);outline-offset:3px}
.rot{font-size:var(--fs-micro);letter-spacing:var(--tracking-caps);color:var(--p-prata)}
::selection{background:rgb(214 163 90 / .35);color:var(--p-marfim)}

/* ---------- topo (cardápio) ---------- */
.topo{position:relative;background:
    radial-gradient(120% 140% at 18% 0%,rgb(214 163 90 / .16),rgb(214 163 90 / 0) 55%),
    var(--p-grafite-fundo) url("../img/textura.svg");
  color:var(--p-marfim)}
body:has(> .abas) .topo{align-items:center;padding-top:calc(var(--sp-6) + env(safe-area-inset-top,0px));padding-bottom:var(--sp-5)}
.topo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--filete)}
/* logo: dourado sólido e nítido, sem halo; a frase vira texto vivo legível (o brilho fica só nas molduras e filetes) */
body:has(> .abas) .topo{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:var(--sp-4);row-gap:var(--sp-2);align-items:end}
.topo > img{height:66px;width:auto;grid-column:1;grid-row:1;filter:var(--halo-logo)}
.topo > .logo-frase{grid-column:1;grid-row:2;max-width:13.5em;font-family:var(--font-ui,inherit);font-size:.8125rem;font-weight:500;line-height:1.35;letter-spacing:.14em;text-transform:uppercase;color:var(--p-creme)}
.topo > .comanda{grid-column:2;grid-row:1 / span 2;align-self:end}
.comanda .rot{color:var(--p-prata)}
.comanda .num{font-family:var(--font-display);font-weight:600;font-size:3rem;line-height:.9;letter-spacing:.01em;color:var(--p-ouro-claro);margin-top:var(--sp-2);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1}

/* ---------- abas ---------- */
.abas{background:rgb(31 29 26 / .94);border-bottom:0;box-shadow:inset 0 -1px 0 rgb(214 163 90 / .16);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.aba{position:relative;border-bottom:0;height:54px;font-size:.8125rem;letter-spacing:.24em;color:var(--p-prata);transition:color var(--dur) var(--ease)}
.aba::after{content:"";position:absolute;left:50%;bottom:7px;width:0;height:1.5px;background:linear-gradient(90deg,rgb(214 163 90 / 0),var(--p-ouro-claro),rgb(214 163 90 / 0));transform:translateX(-50%);transition:width var(--dur) var(--ease)}
.aba[aria-selected="true"]{color:var(--p-marfim)}
.aba[aria-selected="true"]::after{width:46%}

/* ---------- índice de categorias (chips) ---------- */
.indice{background:rgb(31 29 26 / .94);border-bottom:0;box-shadow:inset 0 -1px 0 rgb(214 163 90 / .12);gap:var(--sp-2);padding:var(--sp-2) var(--gutter);align-items:center;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 28px),transparent 100%)}
.indice a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 var(--sp-4);margin:0;border:1px solid rgb(214 163 90 / .3);border-radius:999px;font-size:.875rem;font-weight:500;color:var(--p-areia);white-space:nowrap;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}
.indice a.on{background:var(--p-conhaque);border-color:rgb(232 196 137 / .55);color:var(--p-marfim);font-weight:600;box-shadow:inset 0 1px 0 rgb(232 196 137 / .25)}

/* ---------- avisos (modo demonstração e outros) ---------- */
.aviso-bar{position:relative;margin:var(--sp-5) 0 0;padding:var(--sp-3) var(--sp-4) var(--sp-3) calc(var(--sp-4) + 6px);background:rgb(62 51 43 / .55);border:1px solid var(--p-bronze);border-radius:var(--r-2);font-size:.875rem;line-height:1.5;color:var(--p-areia)}
.aviso-bar::before{content:"";position:absolute;left:var(--sp-3);top:var(--sp-3);bottom:var(--sp-3);width:2px;border-radius:2px;background:linear-gradient(180deg,var(--p-ouro-claro),rgb(214 163 90 / .2))}
.aviso-bar .btn-texto{color:var(--p-ouro-claro)}

/* ---------- categorias ---------- */
.cat{padding-top:var(--sp-7);scroll-margin-top:120px}
.cat-cab{position:relative;border-top:0;padding-top:var(--sp-5);align-items:baseline}
.cat-cab::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete)}
.cat-cab h2{font-family:var(--font-display);font-weight:600;font-size:2rem;line-height:1.05;letter-spacing:.005em;color:var(--p-marfim)}
.cat-cab .rot{color:var(--p-prata)}

/* ---------- item ---------- */
.item{position:relative;grid-template-columns:1fr 88px;gap:var(--sp-4);padding:var(--sp-5) 0;border-bottom:0;align-items:start}
.item + .item::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete-suave)}
.item h3{font-family:var(--font-display);font-weight:600;font-size:1.375rem;line-height:1.15;letter-spacing:.005em;color:var(--p-marfim)}
.item p{margin-top:var(--sp-2);font-size:.875rem;line-height:1.5;color:var(--p-areia)}
.item .rodape{margin-top:var(--sp-4)}
.preco{font-size:.9375rem;font-weight:600;letter-spacing:.04em;color:var(--p-ouro)}
.preco.breve{font-size:var(--fs-micro);color:var(--p-prata);border:1px solid var(--p-bronze);padding:6px 10px}
.item.apagado{opacity:.55}

/* assinatura: espaço da foto com topo em arco, como os espelhos do salão */
.foto{width:88px;height:112px;margin-top:2px;padding:0;border:1px solid rgb(214 163 90 / .6);border-radius:44px 44px var(--r-2) var(--r-2);
  background:radial-gradient(90% 70% at 50% 30%,var(--p-nogueira),var(--p-grafite-fundo));
  box-shadow:inset 0 0 0 3px var(--p-grafite-fundo),inset 0 0 0 4px rgb(214 163 90 / .22),inset 0 0 18px 2px rgb(232 196 137 / .16),0 0 22px -6px rgb(214 163 90 / .35);
  font-size:0;color:transparent;letter-spacing:0;overflow:hidden;text-align:left}
.foto::before{content:"S";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding-bottom:6px;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:46px;line-height:1;color:rgb(214 163 90 / .4)}
.foto img{z-index:1}
.foto.tem{border-color:rgb(214 163 90 / .6);background:var(--p-grafite-fundo)}
.foto.tem::before{display:none}

/* botões do item */
.add{height:44px;padding:0 var(--sp-4);background:transparent;border:1px solid var(--p-ouro);border-radius:var(--r-1);color:var(--p-ouro-claro);font-size:.8125rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.add:hover{box-shadow:0 0 16px -4px rgb(214 163 90 / .55)}
.add:active{background:var(--p-conhaque);color:var(--p-marfim)}
.step{height:46px;background:var(--p-nogueira);color:var(--p-marfim);border:1px solid var(--p-ouro);border-radius:var(--r-1)}
.step button{width:44px;height:44px;color:var(--p-ouro-claro)}
.step button:active{background:var(--p-conhaque);color:var(--p-marfim)}
.step output{color:var(--p-marfim)}

/* vazio e erro de QR */
.vazio{position:relative;border-top:0;padding-top:var(--sp-6)}
.vazio::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete)}
.vazio h2{font-family:var(--font-display);font-weight:600;font-size:2.25rem;line-height:1.08;letter-spacing:0;color:var(--p-marfim)}
.vazio p{color:var(--p-areia)}

/* rodapé: alinhado à esquerda, logo dourada discreta */
.rodape-pg{position:relative;text-align:left;border-top:0;padding-top:var(--sp-6);display:grid;justify-items:start;gap:var(--sp-2)}
.rodape-pg::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete-suave)}
.rodape-pg img{margin:0;height:40px;filter:var(--halo-logo)}
.rodape-pg .logo-frase{margin-bottom:var(--sp-2);font-size:.8125rem;color:var(--p-creme)}
.rodape-pg .rot{display:block;margin-top:0;color:var(--p-prata)}

/* ---------- barra inferior ---------- */
.barra{background:rgb(31 29 26 / .96);color:var(--p-marfim);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -12px 30px -10px rgb(26 23 20 / .9)}
.barra::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete)}
.barra .rot{color:var(--p-prata)}
.barra .tot{color:var(--p-ouro-claro);font-weight:600;letter-spacing:.02em}
.btn-claro{background:linear-gradient(180deg,var(--p-ouro-claro),var(--p-ouro));color:var(--p-tinta);border:0;font-weight:700;letter-spacing:.16em;box-shadow:0 6px 18px -8px rgb(214 163 90 / .7);transition:filter var(--dur) var(--ease)}
.btn-claro:active{filter:brightness(.92)}

/* ---------- folhas (revisão do pedido e minha comanda) ---------- */
.folha{background:var(--p-grafite) url("../img/textura.svg")}
.folha-cab{position:relative;border-bottom:0;background:radial-gradient(120% 160% at 0% 0%,rgb(214 163 90 / .12),rgb(214 163 90 / 0) 60%),var(--p-grafite-fundo)}
.folha-cab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--filete)}
.folha-cab h2{font-family:var(--font-display);font-weight:600;font-size:2rem;letter-spacing:0;color:var(--p-marfim)}
.folha-cab .rot{color:var(--p-prata)}
.btn-texto{color:var(--p-ouro-claro);text-decoration-color:rgb(232 196 137 / .5);min-height:44px}
.folha-cab .btn-texto{white-space:nowrap;flex:none}
.linha{position:relative;border-bottom:0}
.linha + .linha::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete-suave)}
.linha-topo .preco{white-space:nowrap}
.linha h3{font-family:var(--font-display);font-weight:600;font-size:1.3125rem;line-height:1.15;color:var(--p-marfim)}
.linha .sub{color:var(--p-areia)}
.opcoes{border:1px solid var(--p-ouro);border-radius:var(--r-1)}
.opcoes button{height:44px;background:transparent;color:var(--p-areia)}
.opcoes button[aria-pressed="true"]{background:var(--p-conhaque);color:var(--p-marfim)}
.obs{height:44px;background:rgb(26 23 20 / .45);border:1px solid rgb(214 163 90 / .3);color:var(--p-marfim);font-size:.9375rem}
.obs:focus{border-color:var(--p-ouro)}
.obs::placeholder{color:var(--p-prata)}
.folha-pe{position:relative;border-top:0;background:var(--p-grafite-fundo)}
.folha-pe::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--filete)}
.folha-total .rot{color:var(--p-prata)}
.folha-total .v{color:var(--p-ouro-claro);font-weight:600;letter-spacing:.01em}
.folha-pe .nota{color:var(--p-areia)}
.btn-escuro{background:linear-gradient(180deg,var(--p-ouro-claro),var(--p-ouro));color:var(--p-tinta);letter-spacing:.18em;box-shadow:0 8px 22px -10px rgb(214 163 90 / .75)}
.btn-escuro:active{filter:brightness(.92)}
.btn-escuro:disabled{opacity:.6}

/* ---------- pedido enviado ---------- */
.enviado{background:radial-gradient(90% 60% at 20% 10%,rgb(214 163 90 / .16),rgb(214 163 90 / 0) 60%),var(--p-grafite-fundo) url("../img/textura.svg");color:var(--p-marfim)}
.enviado svg{color:var(--p-ouro-claro);filter:drop-shadow(0 0 10px rgb(214 163 90 / .45))}
.enviado h2{font-family:var(--font-display);font-weight:600;font-size:2.75rem;line-height:1.02;letter-spacing:0}
.enviado p{color:var(--p-areia)}
.enviado dl{border-top:1px solid rgb(214 163 90 / .28)}
.enviado dl div{border-bottom:1px solid rgb(214 163 90 / .16);font-size:.9375rem}
.enviado dt{color:var(--p-prata)}
.enviado dd{color:var(--p-ouro-claro)}
.btn-contorno{background:transparent;border:1px solid var(--p-ouro);color:var(--p-ouro-claro)}

/* ---------- mensagens, faixas, status ---------- */
.msg{background:rgb(122 78 51 / .35);border:1px solid var(--p-ouro);color:var(--p-marfim);border-radius:var(--r-2)}
.vazio-txt{color:var(--p-areia)}
.faixa{background:var(--p-conhaque);color:var(--p-marfim)}
.etiqueta{border-color:var(--p-bronze);color:var(--p-prata)}
.status{border-color:rgb(214 163 90 / .45);color:var(--p-areia)}
.status.st-novo{border-color:var(--p-bronze);color:var(--p-prata)}
.status.st-pronto{background:var(--p-ouro);border-color:var(--p-ouro);color:var(--p-tinta)}
.status.st-entregue{background:var(--p-superficie);color:var(--p-areia)}

/* ---------- telas de equipe (painel, setor, balcão) ---------- */
.topo .topo-in{position:relative}
.marca img{height:46px;filter:var(--halo-logo)}
.marca .sep{background:rgb(214 163 90 / .35)}
.marca .tit{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:0;color:var(--p-marfim)}
.acoes-topo .vivo{color:var(--p-prata)}
.btn-topo{height:44px;border:1px solid rgb(214 163 90 / .55);color:var(--p-ouro-claro);background:transparent}
.exemplo{background:rgb(62 51 43 / .7);border-bottom:1px solid var(--p-bronze)}
.exemplo p{color:var(--p-areia)}
.exemplo b{color:var(--p-marfim)}
.link-demo{color:var(--p-ouro-claro);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.exemplo p{padding-top:var(--sp-1);padding-bottom:var(--sp-1);line-height:1.4}
.numeros{border-top:1px solid var(--linha-forte)}
.numero .v{font-family:var(--font-display);font-weight:600;color:var(--p-ouro-claro);letter-spacing:0}
.numero .v small{font-family:var(--font-ui);font-size:1rem;color:var(--p-ouro)}
.numero .sub{color:var(--p-areia)}
.btn-extrato{background:transparent;border:1px solid var(--p-bronze);color:var(--p-areia)}
.bloco-cab h2,.cartao-bal h2,.barra-tela h1,.pin-wrap h1,.dialogo h2{font-family:var(--font-display);font-weight:600;letter-spacing:0;color:var(--p-marfim)}
.bloco-cab h2,.cartao-bal h2,.dialogo h2{font-size:1.625rem}
.barra-tela h1,.pin-wrap h1{font-size:2.125rem}
th{color:var(--p-prata)}
td{color:var(--p-marfim)}
td.cm,.tick-cab .cm,.numero .v,.setor .grande{font-variant-numeric:lining-nums tabular-nums}
td.cm,.tick-cab .cm{font-family:var(--font-display);font-weight:600;color:var(--p-ouro-claro);letter-spacing:0}
td .hora{font-family:var(--font-ui);font-weight:400;font-size:.8125rem;color:var(--p-areia)}
td.tot{color:var(--p-ouro-claro)}
.chip{border-color:rgb(214 163 90 / .45);color:var(--p-areia)}
.chip.prod{background:var(--p-conhaque);border-color:var(--p-conhaque);color:var(--p-marfim)}
.chip.ent{background:var(--p-superficie);color:var(--p-areia)}
.chip.ok{border-color:var(--p-bronze);color:var(--p-prata)}
.btn-fechar{height:44px;background:transparent;border:1px solid var(--p-ouro);color:var(--p-ouro-claro)}
.setor .grande{font-family:var(--font-display);font-weight:600;color:var(--p-ouro-claro);letter-spacing:0}
.setor-cab h3{font-family:var(--font-display);font-weight:600;font-size:1.375rem}
.etapas{border-color:var(--linha)}
.etapas b{color:var(--p-marfim)}
.etapas .rot{letter-spacing:.12em}
.setor .em-breve,.nota,.pin-wrap p,.campo > span,.sem-nada,.tick-item .det,.item-esg .det{color:var(--p-areia)}
.btn-pri{background:linear-gradient(180deg,var(--p-ouro-claro),var(--p-ouro));border:0;color:var(--p-tinta)}
.btn-sec{background:transparent;border:1px solid var(--p-ouro);color:var(--p-ouro-claro)}
.btn-acao{height:44px;background:var(--p-ouro);border:1px solid var(--p-ouro);color:var(--p-tinta)}
.btn-acao.sec{background:transparent;color:var(--p-ouro-claro)}
.campo input{background:rgb(26 23 20 / .45);border:1px solid rgb(214 163 90 / .45);color:var(--p-marfim)}
.campo input:focus{border-color:var(--p-ouro-claro)}
.dica-demo{background:rgb(62 51 43 / .55);border:1px solid var(--p-bronze);color:var(--p-areia);border-radius:var(--r-2)}
.dica-demo b{color:var(--p-marfim)}
.pin-wrap .dica-demo{margin-top:var(--sp-4)}
.fundo{background:rgb(26 23 20 / .72)}
.dialogo{background:var(--p-superficie);border-top:1px solid var(--p-ouro);box-shadow:var(--sombra-quente)}
.dialogo li{color:var(--p-areia)}
.tick{background:rgb(62 51 43 / .35);border:1px solid var(--linha-forte);border-radius:var(--r-2);box-shadow:var(--sombra-quente)}
.tick-item .nome,.item-esg .nome{color:var(--p-marfim)}
.erro-linha{color:var(--p-ouro-claro)}
.resumo-linha b{color:var(--p-ouro-claro)}

@media (min-width:640px){
  html:has(> body > .abas){background-color:var(--p-grafite-fundo)}
  body:has(> .abas){border-left:1px solid rgb(214 163 90 / .14);border-right:1px solid rgb(214 163 90 / .14);box-shadow:0 0 80px -20px rgb(26 23 20 / .95)}
  .item{grid-template-columns:1fr 104px}
  .foto{width:104px;height:132px;border-radius:52px 52px var(--r-2) var(--r-2)}
  .foto::before{font-size:54px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}