.page-header { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-bottom:24px; }
.page-subtitle { color:var(--text-secondary); font-size:0.9rem; margin-top:4px; }
.mesa-detalhe-modal { max-width:720px; padding:0; overflow:hidden; }
.mesa-detalhe-header { margin:0; padding:22px 26px 18px; border-bottom:1px solid var(--border-color); background:var(--bg-primary); }
#modalMesaConteudo { padding:22px 26px 26px; }
.comanda-info { display:flex; align-items:center; gap:12px; padding:14px; border:1px solid var(--border-color); border-radius:var(--radius-sm); background:var(--bg-primary); }
.comanda-info-icon { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#fff0d4; color:#bd7019; }
.comanda-info > div { min-width:0; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:2px 10px; }
.comanda-info > div > span { grid-column:1/-1; color:var(--text-secondary); font-size:.66rem; }
.comanda-info strong { font-size:.87rem; }.comanda-info small { color:var(--text-secondary); font-size:.7rem; }
.comanda-itens-tabela { margin:16px 0 0; border-radius:var(--radius-sm) var(--radius-sm) 0 0; border-bottom:0; }
.comanda-itens-tabela table { margin:0; }.comanda-itens-tabela th { font-size:.66rem; }.comanda-itens-tabela td { padding-top:13px; padding-bottom:13px; }
.comanda-itens-tabela th:last-child, .comanda-itens-tabela td:last-child { width:54px; text-align:center; }
.comanda-total { display:flex; align-items:center; justify-content:flex-end; gap:18px; padding:14px 17px; border:1px solid var(--border-color); border-top:0; border-radius:0 0 var(--radius-sm) var(--radius-sm); background:var(--bg-primary); }
.comanda-total span { color:var(--text-secondary); font-size:.72rem; }.comanda-total strong { font-size:1.18rem; letter-spacing:-.03em; }
.comanda-acoes { display:grid; grid-template-columns:auto minmax(145px, 1fr) auto; align-items:end; gap:10px; margin-top:18px; padding-top:18px; border-top:1px solid var(--border-color); }
.comanda-acoes .btn { min-height:42px; justify-content:center; white-space:nowrap; }.comanda-pagamento span { display:block; margin:0 0 6px 2px; color:var(--text-secondary); font-size:.67rem; }.comanda-pagamento .form-control { height:42px; }
[data-theme="escuro"] .comanda-info-icon { background:#3b2b10; color:#fbbf24; }
.mesas-resumo { width:min(650px, 68%); display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:22px; margin-left:auto; }
.mesa-resumo-item { min-width:0; display:flex; align-items:center; gap:10px; }
.mesa-resumo-icon { width:42px; height:42px; flex:0 0 42px; display:flex; align-items:center; justify-content:center; border-radius:50%; }
.mesa-resumo-item strong, .mesa-resumo-item span { display:block; }
.mesa-resumo-item strong { font-size:1rem; font-weight:800; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mesa-resumo-item span { margin-top:3px; color:var(--text-secondary); font-size:.72rem; }
.resumo-livres .mesa-resumo-icon { background:#d1fae5; color:#059669; }
.resumo-ocupadas .mesa-resumo-icon { background:#ffedd5; color:#f59e0b; }
.resumo-comandas .mesa-resumo-icon { background:#ede9fe; color:#7c3aed; }
.resumo-faturamento .mesa-resumo-icon { background:#dbeafe; color:#2563eb; }
.mesas-grid { align-items:stretch; gap:12px; }
.mesas-grid .mesa-card { min-height:238px; padding:17px; display:flex; flex-direction:column; align-items:center; text-align:left; border-width:1px; animation:none; overflow:hidden; }
.mesas-grid .mesa-card::after { display:none; }
.mesas-grid .mesa-card:hover { transform:translateY(-3px); box-shadow:0 10px 24px rgba(15,23,42,.09); }
.mesa-card-topo { width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.mesa-label { display:block; margin-bottom:1px; color:var(--text-secondary); font-size:.63rem; font-weight:650; text-transform:uppercase; letter-spacing:.08em; }
.mesas-grid .mesa-numero { margin:0; font-size:1.75rem; line-height:1; letter-spacing:-.04em; }
.mesas-grid .mesas-status { display:inline-flex; align-items:center; gap:5px; padding:5px 8px; border-radius:999px; font-size:.61rem; font-weight:800; letter-spacing:.04em; white-space:nowrap; }
.mesa-status-livre { background:#dff8eb; color:#168655; }.mesa-status-ocupada { background:#fff0d4; color:#bd7019; }.mesa-status-reservada { background:#e8f1ff; color:#2563eb; }
.mesas-grid .mesa-icon { width:64px; height:62px; flex:0 0 62px; margin:16px auto 14px; }
.mesas-grid .mesa-icon svg { width:48px; height:48px; flex-basis:48px; }
.mesa-card-rodape { width:100%; margin-top:auto; padding-top:11px; border-top:1px solid var(--border-color); }
.mesas-grid .mesa-abertodes { justify-content:flex-start; margin:0; color:var(--text-secondary); font-size:.68rem; }
.mesas-grid .mesa-clock-icon { color:var(--warning); opacity:1; }
.mesas-grid .mesa-tempo-alerta { display:flex; align-items:center; gap:5px; margin-top:5px; font-size:.63rem; }
.mesas-grid .mesa-tempo-alerta span { width:5px; height:5px; flex:0 0 5px; border-radius:50%; background:var(--danger); }
.mesas-grid .mesa-total { display:flex; align-items:flex-end; justify-content:space-between; gap:8px; margin-top:9px; }
.mesas-grid .mesa-total span { color:var(--text-secondary); font-size:.64rem; }.mesas-grid .mesa-total strong { font-size:.91rem; white-space:nowrap; }
.mesa-card-hint { width:100%; margin-top:auto; padding-top:11px; border-top:1px solid var(--border-color); color:var(--text-secondary); font-size:.65rem; text-align:center; }
.mesas-grid .mesa-card:focus-visible { outline:3px solid color-mix(in srgb, var(--accent) 35%, transparent); outline-offset:2px; }
[data-theme="escuro"] .mesa-status-livre { background:#153728; color:#6ee7b7; }[data-theme="escuro"] .mesa-status-ocupada { background:#3c2b12; color:#fbbf24; }[data-theme="escuro"] .mesa-status-reservada { background:#172e50; color:#93c5fd; }
@media (max-width:1000px) { .page-header { align-items:flex-start; flex-wrap:wrap; } .mesas-resumo { width:100%; margin-left:0; } }
@media (max-width:600px) { .mesas-resumo { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px 18px; } .mesas-grid .mesa-card { min-height:224px; padding:14px 12px; }.mesas-grid .mesas-status { padding:4px 6px; font-size:.56rem; }.mesas-grid .mesa-icon { margin-top:14px; }.mesa-detalhe-header { padding:19px 18px 16px; }#modalMesaConteudo { padding:18px; }.comanda-info > div { display:block; }.comanda-info strong, .comanda-info small { display:block; }.comanda-info small { margin-top:3px; }.comanda-itens-tabela { overflow-x:auto; }.comanda-itens-tabela table { min-width:520px; }.comanda-total { justify-content:space-between; }.comanda-acoes { grid-template-columns:1fr 1fr; }.comanda-pagamento { grid-column:1/-1; grid-row:1; }.comanda-acoes .btn { width:100%; } }
@media (max-width:480px) { .mesa-resumo-item { gap:9px; } .mesa-resumo-icon { width:36px; height:36px; flex-basis:36px; } .mesa-resumo-item strong { font-size:.88rem; } .mesa-card-topo { gap:5px; }.mesas-grid .mesa-numero { font-size:1.55rem; }.mesa-label { font-size:.58rem; } }