.tables-layout{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:start}.table-editor,.add-item{position:sticky;top:92px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.table-editor form,.add-item form{display:grid;gap:12px}.table-editor label,.add-item label{font-weight:700;font-size:14px}.table-editor label input,.add-item label input,.add-item label select{margin-top:4px}.table-editor input[type=checkbox]{width:auto}.tables-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.table-card{position:relative;background:#fff;border:2px solid var(--line);border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:12px;min-height:300px}.table-card.free{border-color:#b7dfce}.table-card.occupied{border-color:#f0ba67}.table-card.closing{border-color:#ed8991}.table-number{text-align:center}.table-number span{font-size:40px}.table-number h2{margin:5px 0;font-family:Georgia,serif}.table-number small{color:var(--muted)}.table-status{position:absolute;right:12px;top:12px;border-radius:14px;background:#e9f8f0;color:#067647;padding:4px 9px;font-size:12px;font-weight:800}.occupied .table-status{background:#fff3d6;color:#92400e}.closing .table-status{background:#fee2e2;color:#991b1b}.table-card>strong{font-size:23px}.open-table{display:grid;grid-template-columns:1fr 72px;gap:8px;margin-top:auto}.open-table .primary{grid-column:1/-1}.table-actions{display:flex;gap:12px;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:10px}.table-actions a{color:var(--red);font-weight:800}.table-actions button{border:0;background:none;color:#991b1b}.tab-layout{display:grid;grid-template-columns:300px 1fr;gap:24px;align-items:start}.tab-items{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.tab-items>article{display:grid;grid-template-columns:1fr 70px 110px auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.tab-items article div{display:grid}.tab-items article small{color:var(--red)}.tab-items article span{color:var(--muted);font-size:13px}.tab-items article input{padding:8px}.tab-items article button{border:0;background:#fee2e2;color:#991b1b;border-radius:8px;padding:8px}.tab-total{display:flex;justify-content:space-between;padding:22px 0;font-size:24px}.close-tab{display:flex;align-items:end;gap:12px;padding:18px;background:#f5f1ec;border-radius:14px}.close-tab label{flex:1;font-weight:700}.close-tab button:disabled{opacity:.5}.cancel-tab{text-align:right;margin-top:12px}.cancel-tab button{border:0;background:none;color:#991b1b}.admin .heading p{margin:4px 0;color:var(--muted)}@media(max-width:1050px){.tables-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.tables-layout,.tab-layout{grid-template-columns:1fr}.table-editor,.add-item{position:static}.tables-grid{grid-template-columns:1fr}.tab-items>article{grid-template-columns:1fr 60px}.tab-items article strong{grid-column:1}.close-tab{display:grid}}
.table-unread-badge{position:absolute;z-index:2;left:-9px;top:-9px;display:flex;align-items:center;justify-content:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#25d366;color:#fff;border:3px solid #fff;box-shadow:0 3px 10px rgba(0,0,0,.28);font-size:12px;font-weight:900;line-height:1;animation:table-unread-pop .28s ease-out}@keyframes table-unread-pop{from{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}