/*
 * Painel · estilos de Bares e mesas (bar, mesa, módulos, adesivo) — pacote A3.
 * Mesmas regras do painel.css: só layout, tudo com var(--token); nada de cor escrita à mão, de @font-face ou de @import.
 * Este arquivo é só do pacote: o painel.css fica para o que é de todos.
 */

/* região de mensagem vazia não ocupa espaço entre os blocos (o anúncio para leitor de tela vai pela região #anuncio) */
.some-vazia:empty { display: none; }

/* P6: busca acima da tabela */
.busca-linha { max-width: 420px; }

/* P7: mesas do bar como cartões */
.cartoes-mesas { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--espaco-4); }
.cartao-mesa { color: inherit; text-decoration: none; min-width: 0; }
.cartao-mesa:hover { border-color: var(--acao); }
.cartao-mesa:focus-visible { outline: 2px solid transparent; box-shadow: var(--anel-foco); }
.cartao-mesa__topo { display: flex; flex-wrap: wrap; gap: var(--espaco-2); align-items: center; justify-content: space-between; }
.cartao-mesa__topo strong { font: 700 24px/28px var(--font-titulo); }

/* P11: o que imprimir e a grade de adesivos */
.opcoes-impressao { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: var(--espaco-2); }
.opcoes-impressao legend { padding: 0; margin-bottom: var(--espaco-2); font-weight: 600; }
.adesivos-grade { display: flex; flex-wrap: wrap; gap: var(--espaco-4); }
.adesivos-grade .ui-adesivo { zoom: .66; }   /* vários adesivos lado a lado: o desenho encolhe junto */
.adesivo-tela > .ui-pilha { min-width: 0; max-width: 420px; }