.table-board-toolbar,.table-board-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0}.table-board-legend>span{display:flex;gap:7px;align-items:center;font-size:12px;color:#b9c7d7}.table-board-legend>button{margin-left:auto}.table-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.table-dot.free{background:#8fbf9b}.table-dot.reserved{background:#ef7a8b}.table-board-day{display:flex;align-items:end;gap:10px}.table-board-day label{flex:1;min-width:0;font-size:12px;color:#b9c7d7}.table-board-day input{margin-top:6px;width:100%;box-sizing:border-box}.table-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:9px;margin-top:18px}.table-tile{appearance:none;border:1px solid #47614f;border-radius:14px;min-width:0;min-height:92px;padding:10px 3px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#1f352b;color:#edf6ee;cursor:pointer}.table-tile.reserved{background:#5a2531;border-color:#bd5369;color:#fff2f5}.table-tile.selected{outline:3px solid #b0ceea;outline-offset:2px}.table-tile strong{font-size:25px;line-height:1.2}.table-tile span,.table-tile small{font-size:10px}.table-zone h2,.table-selection h2{margin:0;font-size:20px}.table-booking{appearance:none;display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-align:left;width:100%;box-sizing:border-box;padding:15px;margin:12px 0;background:#152237;color:#eef3fa;border:1px solid #38526e;border-radius:12px;cursor:pointer;overflow-wrap:anywhere}.table-booking span,.table-booking small{font-size:12px;color:#b9c7d7}.table-picker fieldset{border:1px solid #38526e;border-radius:12px;padding:12px;margin:14px 0;min-width:0}.table-picker legend{padding:0 6px;color:#cedaeb}.table-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(47px,1fr));gap:7px}.table-choice{position:relative;display:block;cursor:pointer}.table-choice input{position:absolute;opacity:0;width:1px;height:1px}.table-choice span{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #46617c;border-radius:9px;background:#142337;color:#dce8f5}.table-choice input:checked+span{background:#b0ceea;border-color:#dbefff;color:#142337;font-weight:700}.table-choice input:focus-visible+span{outline:3px solid #f2cf8b;outline-offset:2px}.table-choice input:disabled+span{opacity:.4}.table-picker{margin:20px 0}.table-selection{scroll-margin-top:16px}.reservation-table-meta{color:#b9d6ef!important}@media(max-width:480px){.table-board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.table-tile{min-height:78px}.table-tile strong{font-size:23px}.table-zone{padding:16px}.table-selection .row-between{gap:8px;align-items:flex-start}.table-selection h2{font-size:18px}}

.table-board-day>.field{flex:1;min-width:0;margin:0}.table-board-day .date-box{width:100%;box-sizing:border-box}

.table-zone-tabs{display:flex;gap:8px;margin:16px 0}.table-zone-tabs>[role="tab"]{flex:1;appearance:none;border:1px solid #3e5874;border-radius:12px;padding:12px 8px;background:#132238;color:#ceddef;font:inherit;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.table-zone-tabs>[aria-selected="true"]{background:#b0ceea;border-color:#c9e2f7;color:#102135}.table-zone-tabs small{font-size:11px;font-weight:400}.table-zone-tabs [role="tab"]:focus-visible{outline:3px solid #f2cf8b;outline-offset:2px}.table-board-tabs{position:sticky;top:0;z-index:5;background:#080c18;padding:9px 0;margin-top:8px;scroll-margin-top:0}.table-picker [role="tabpanel"][hidden]{display:none}.table-tile .table-guest-name{font-size:11px;font-weight:600;line-height:1.25;overflow-wrap:anywhere;max-width:100%;white-space:normal}.table-tile{padding:10px 5px}.table-picker .table-zone-tabs{position:static}.table-picker-selection-count:empty{display:none}@media(max-width:480px){.table-zone-tabs>[role="tab"]{flex-direction:column;gap:3px}.table-tile .table-guest-name{font-size:11px}}
.table-display-modes{display:flex;gap:8px;margin:16px 0}.table-display-modes .btn{flex:1;width:auto;min-height:44px}.table-tile .table-next{font-size:10px;font-weight:500;color:#d0e7d3;border-top:1px solid #6a98734d;padding-top:5px;line-height:1.3}.table-tile.reserved .table-next{color:#f5c7cf;border-color:#e6a0ae55}