/* Espaço Sow, complementos do layout para as telas que o layout aprovado não desenhou
   (comanda do cliente, setor, balcão, PIN, diálogos). Usa SOMENTE os tokens de tokens.css:
   nenhuma cor, fonte ou raio novo. */

[hidden]{display:none!important}

/* ---- cardápio: ajustes sobre o layout ---- */
button.comanda{appearance:none;background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;min-height:var(--tap);border-radius:0}
.foto{position:relative;overflow:hidden}
.foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.foto.tem{padding:0;border-color:transparent}
.item.apagado{opacity:.5}
.msg{margin:0 0 var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--sow-preto);border-radius:var(--r-1);font-size:var(--fs-small);font-weight:var(--w-medium)}
.vazio-txt{margin:var(--sp-5) 0;color:var(--sow-neutro)}
.faixa{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);background:var(--sow-preto);color:var(--sow-branco);border-radius:var(--r-1);font-size:var(--fs-micro);font-weight:var(--w-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.etiqueta{display:inline-block;margin:var(--sp-3) 0 0;padding:3px 8px;border:1px solid var(--linha-forte);border-radius:var(--r-1);font-size:var(--fs-micro);font-weight:var(--w-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--sow-neutro)}
.status{display:inline-block;margin-top:var(--sp-2);padding:3px 8px;border:1px solid var(--sow-preto);border-radius:var(--r-1);font-size:var(--fs-micro);font-weight:var(--w-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}
.status.st-novo{border-color:var(--linha-forte);color:var(--sow-neutro)}
.status.st-pronto{background:var(--sow-preto);color:var(--sow-branco)}
.status.st-entregue{background:var(--superficie-2);border-color:transparent}

/* ---- botões (telas de equipe) ---- */
.btn-pri,.btn-sec{appearance:none;width:100%;height:54px;font-size:var(--fs-small);font-weight:var(--w-bold);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--r-1);border:1.5px solid var(--sow-preto)}
.btn-pri{background:var(--sow-preto);color:var(--sow-branco)}
.btn-sec{background:var(--sow-branco);color:var(--sow-preto)}
.btn-pri:disabled,.btn-sec:disabled{opacity:.5;cursor:default}
.btn-acao{appearance:none;height:44px;padding:0 var(--sp-4);background:var(--sow-preto);color:var(--sow-branco);border:1.5px solid var(--sow-preto);font-size:var(--fs-small);font-weight:var(--w-semibold);white-space:nowrap}
.btn-acao.sec{background:var(--sow-branco);color:var(--sow-preto)}
.btn-acao:disabled{opacity:.5;cursor:default}

/* ---- PIN e formulários ---- */
.pin-wrap{max-width:440px;margin:var(--sp-7) auto var(--sp-8);padding:0 var(--gutter)}
.pin-wrap h1{margin:var(--sp-2) 0 var(--sp-3);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:var(--w-bold)}
.pin-wrap p{margin:0 0 var(--sp-4);color:var(--sow-neutro)}
.campo{display:block;margin:0 0 var(--sp-4)}
.campo > span{display:block;margin-bottom:var(--sp-2);color:var(--sow-neutro)}
.campo input{width:100%;height:54px;padding:0 var(--sp-4);border:var(--borda-forte);border-radius:var(--r-1);background:var(--sow-branco);color:var(--sow-preto);font:inherit;font-size:var(--fs-lead);font-variant-numeric:tabular-nums}
.campo input.pin{letter-spacing:.3em;font-size:var(--fs-h3)}
.dica-demo{margin:var(--sp-4) 0 0;padding:var(--sp-3) var(--sp-4);border:1px solid var(--linha-forte);border-radius:var(--r-1);font-size:var(--fs-small);color:var(--sow-neutro)}
.dica-demo b{color:var(--sow-preto);font-weight:var(--w-semibold)}

/* ---- diálogo ---- */
.fundo{position:fixed;inset:0;z-index:60;background:rgb(10 10 10 / .5);display:flex;align-items:flex-end;justify-content:center}
.dialogo{background:var(--sow-branco);width:100%;max-width:520px;max-height:90vh;overflow:auto;padding:var(--sp-5) var(--gutter) calc(var(--sp-5) + env(safe-area-inset-bottom,0px));border-top:var(--borda-forte)}
.dialogo h2{margin:var(--sp-1) 0 var(--sp-3);font-size:var(--fs-h3);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:var(--w-bold)}
.dialogo p{margin:0 0 var(--sp-3)}
.dialogo ul{margin:0 0 var(--sp-4);padding:0;list-style:none;border-top:var(--borda)}
.dialogo li{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:var(--borda);font-size:var(--fs-small)}
.dialogo .botoes{display:grid;gap:var(--sp-3);margin-top:var(--sp-4)}
@media (min-width:640px){
  .fundo{align-items:center}
  .dialogo{border:var(--borda-forte)}
}

/* ---- telas de setor e balcão ---- */
.barra-tela{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3);margin:0 0 var(--sp-5)}
.barra-tela h1{margin:0;font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);font-weight:var(--w-bold)}
.barra-tela .rot{color:var(--sow-neutro)}
.fila{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.tick{border:var(--borda-forte);padding:var(--sp-4)}
.tick-cab{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-2)}
.tick-cab .cm{font-size:var(--fs-h2);line-height:1;font-weight:var(--w-bold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}
.tick-cab .rot{color:var(--sow-neutro)}
.tick-item{padding:var(--sp-3) 0;border-top:var(--borda)}
.tick-item .nome{font-weight:var(--w-semibold);font-size:var(--fs-lead);line-height:1.25}
.tick-item .det{margin:var(--sp-1) 0 0;font-size:var(--fs-small);color:var(--sow-neutro)}
.tick-item .linha-acao{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-3)}
.sec-lista{margin-top:var(--sp-7)}
.item-esg{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:var(--borda)}
.item-esg .nome{font-weight:var(--w-medium)}
.sem-nada{margin:var(--sp-6) 0;padding:var(--sp-5) 0;border-top:var(--borda-forte);color:var(--sow-neutro)}
.resumo-linha{display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:var(--borda)}
.bloco-bal{margin-top:var(--sp-7)}
.cartao-bal{border-top:var(--borda-forte);padding-top:var(--sp-4)}
.cartao-bal h2{margin:0 0 var(--sp-3);font-size:var(--fs-h3);letter-spacing:var(--tracking-tight);font-weight:var(--w-bold)}
.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--sp-4)}
.erro-linha{margin:var(--sp-3) 0 0;font-size:var(--fs-small);font-weight:var(--w-medium)}
.link-demo{display:inline-block;margin:var(--sp-1) var(--sp-3) var(--sp-1) 0;font-size:var(--fs-small);font-weight:var(--w-semibold);color:var(--sow-preto)}
.item-esg .det{margin:var(--sp-1) 0 0;font-size:var(--fs-small);color:var(--sow-neutro)}

.btn-extrato:disabled{opacity:.45;cursor:not-allowed}