/* Shared responsive safeguards for admin, operator and staff panels. */
.panel-clock{display:flex;align-items:center;min-height:38px;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,#fff 92%,var(--primary) 8%);font-size:12px;font-weight:800;white-space:nowrap;color:var(--ink)}
.panel-clock-compact{display:none}.sidebar-backdrop{display:none;border:0;padding:0;background:transparent}.data-table-wrap{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.data-table{min-width:680px}.form-control{max-width:100%}.panel-content{min-width:0}.panel-main{min-width:0}
@media(max-width:960px){
 .sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:105;transform:translateX(110%);transition:transform var(--transition-fast);width:min(310px,88vw);box-shadow:0 18px 60px rgba(0,0,0,.24)}
 [dir="rtl"] .sidebar{transform:translateX(110%)}.sidebar.open{transform:translateX(0)}
 .sidebar-backdrop{position:fixed;inset:0;z-index:104;background:rgba(20,24,21,.46)}.sidebar.open + .sidebar-backdrop{display:block}
 .panel-main{margin-inline-start:0!important;width:100%}.mobile-menu{display:inline-grid!important}.panel-topbar{gap:10px}.panel-topbar>div:nth-child(2){min-width:0}.panel-topbar h1{overflow-wrap:anywhere}
 .topbar-actions{margin-inline-start:auto}.panel-clock-full{display:none}.panel-clock-compact{display:inline}
}
@media(max-width:720px){
 .panel-topbar{align-items:flex-start;flex-wrap:wrap}.topbar-actions{width:100%;justify-content:space-between}.panel-clock{flex:1;justify-content:center}
 .page-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr!important}.form-group.full{grid-column:auto!important}
 .operator-toolbar{display:grid!important;grid-template-columns:1fr 1fr;position:static!important}.operator-toolbar>*{min-width:0}.operator-toolbar input,.operator-toolbar .live-indicator{grid-column:1/-1}.operator-toolbar .btn{width:100%}
 .actions>.btn,.actions>button{min-width:44px}.card-head{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){.operator-toolbar{grid-template-columns:1fr}.operator-toolbar>*{grid-column:1!important}.panel-content{padding-inline:10px!important}.panel-topbar{padding-inline:10px!important}.panel-clock{font-size:11px}.data-table{min-width:620px}}

.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.capability-grid label{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:12px;background:#fbfaf8}.permission-chips{display:flex;flex-wrap:wrap;gap:5px}.permission-chips .badge{font-size:10px}@media(max-width:520px){.capability-grid{grid-template-columns:1fr}}

.operations-controls{margin-bottom:14px}.operations-controls .card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.station-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.station-control{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#fbfaf8}.station-control span{display:flex;flex-direction:column}.station-control small{color:var(--muted)}.station-control.is-busy{border-color:#d39a39;background:#fff8e7}.station-delay-note,.cart-station-warning{padding:10px 12px;border:1px solid #dfbd74;border-radius:13px;background:#fff9e9;color:#70500f;font-size:12px;margin-bottom:10px}.station-delay-badge{display:inline-flex;margin-top:4px;padding:3px 7px;border-radius:999px;background:#fff1c9;color:#75510d;font-size:10px;font-weight:850}.menu-item-v12.has-station-delay{border-color:#e1c27e}@media(max-width:850px){.station-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.station-control-grid{grid-template-columns:1fr}.operations-controls .card-head{align-items:stretch}.operations-controls .card-head .btn{width:100%}}

/* Unified staff order view */
.staff-role-state{display:flex;gap:6px;flex-wrap:wrap}.staff-role-state span{padding:6px 9px;border-radius:999px;background:#eee9e2;color:var(--muted);font-size:11px;font-weight:800}.staff-role-state span.is-active{background:color-mix(in srgb,var(--success) 14%,#fff);color:var(--success)}.staff-shift-warning{padding:12px 14px;margin-bottom:16px;border-radius:14px;border:1px solid #dfbd74;background:#fff9e9;color:#70500f}.staff-orders-head{align-items:end}.staff-table-search{min-width:min(300px,100%);display:grid;gap:5px;font-size:11px;color:var(--muted)}.waiter-table-card.has-attention{border-color:#d39a39;box-shadow:0 9px 28px rgba(171,112,16,.12)}.waiter-order.needs-ack{border:1px solid #d7a54a;background:#fffdf6}.waiter-order-head>div{display:flex;flex-direction:column}.order-item-count{font-size:11px;color:var(--muted);white-space:nowrap}.staff-change-banner{padding:7px 9px;margin-bottom:9px;border-radius:9px;background:#fff0c7;color:#73500f;font-size:11px;font-weight:750}.staff-station-groups{display:grid;gap:9px}.staff-station-group{border-inline-start:4px solid var(--line);padding-inline-start:9px}.staff-station-group.station-kitchen{border-color:#b96842}.staff-station-group.station-hot_bar{border-color:#a16a2c}.staff-station-group.station-cold_bar{border-color:#34889a}.staff-station-group.station-other{border-color:#7a7f84}.staff-station-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.staff-station-title strong{font-size:12px}.staff-station-title span{font-size:10px;color:var(--muted)}.staff-station-lines{display:grid;gap:2px}.staff-order-actions{display:flex;justify-content:flex-end;margin-top:9px}.staff-acknowledged{font-size:11px;color:var(--success);font-weight:750}.waiter-note strong{color:var(--ink)}
@media(max-width:800px){.staff-orders-head{align-items:stretch}.staff-table-search{width:100%}.staff-role-state{order:3;width:100%}}
@media(max-width:520px){.waiter-order-head{align-items:flex-start}.order-item-count{display:none}.staff-order-actions .btn{width:100%}}
.badge-success{background:#e5f8ee;color:#11704a}.badge-muted{background:#eee;color:#666}
.report-filter-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:end}.report-filter-actions{display:flex;gap:8px}.report-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card small{color:var(--muted);font-size:11px}@media(max-width:900px){.report-filter-grid{grid-template-columns:1fr 1fr}.report-filter-actions{grid-column:1/-1}.report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.report-filter-grid,.report-metrics{grid-template-columns:1fr}.report-filter-actions{flex-direction:column}.report-filter-actions .btn{width:100%}}

/* Mobile-first operational navigation and card tables for critical tasks. */
.mobile-operator-nav{display:none}.mobile-action-grid{align-items:stretch}
@media(max-width:720px){
 .mobile-operator-nav{display:flex;gap:8px;overflow-x:auto;padding:0 0 10px;margin:-2px 0 12px;scrollbar-width:thin;position:sticky;top:94px;z-index:20;background:var(--app-bg);overscroll-behavior-inline:contain}
 .mobile-operator-nav a{flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);text-decoration:none;font-size:12px;font-weight:850;box-shadow:0 4px 12px rgba(55,38,28,.05)}
 .operator-section,.operations-controls{scroll-margin-top:150px}
 .panel-section-operator .panel-content{padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}
 .mobile-card-table{min-width:0!important;display:block;background:transparent}.mobile-card-table thead{display:none}.mobile-card-table tbody{display:grid;gap:12px;padding:12px}.mobile-card-table tr{display:grid;border:1px solid var(--line);border-radius:15px;background:#fff;padding:8px 12px;box-shadow:0 5px 16px rgba(55,38,28,.04)}
 .mobile-card-table tr:hover td{background:transparent}.mobile-card-table td{display:grid;grid-template-columns:minmax(92px,34%) 1fr;gap:10px;align-items:start;padding:9px 0;border-bottom:1px dashed var(--line);text-align:start;overflow-wrap:anywhere}.mobile-card-table td:last-child{border-bottom:0}.mobile-card-table td::before{content:attr(data-label);color:var(--muted);font-size:11px;font-weight:850}.mobile-card-table td[colspan]{display:block;text-align:center}.mobile-card-table td[colspan]::before{display:none}
 .mobile-card-table .actions,.mobile-action-grid{display:grid;grid-template-columns:1fr 1fr;width:100%}.mobile-card-table .actions form,.mobile-card-table .actions .btn,.mobile-action-grid form,.mobile-action-grid .btn{width:100%}.mobile-card-table .actions button,.mobile-action-grid button{width:100%;min-height:44px}
 .table-card>.data-table-wrap{overflow:visible}
}
@media(max-width:420px){.mobile-card-table td{grid-template-columns:1fr}.mobile-card-table td::before{margin-bottom:-4px}.mobile-card-table .actions,.mobile-action-grid{grid-template-columns:1fr}.mobile-operator-nav{top:88px}}

.maintenance-grid{align-items:start}.backup-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.backup-choice-grid form{display:flex}.backup-choice{width:100%;min-height:112px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;text-align:start;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfaf8;color:var(--ink);cursor:pointer}.backup-choice:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}.backup-choice strong{font-size:15px}.backup-choice span{font-size:11px;color:var(--muted)}.restore-dialog{max-width:min(520px,calc(100vw - 24px));border:0;border-radius:18px;padding:22px;color:var(--ink)}.restore-dialog::backdrop{background:rgba(20,24,21,.55)}.restore-dialog form{display:grid;gap:15px}.restore-dialog h3,.restore-dialog p{margin:0}.restore-dialog .actions{justify-content:flex-end}.confirm-check{display:flex;align-items:flex-start;gap:9px;line-height:1.8}
@media(max-width:640px){.backup-choice-grid{grid-template-columns:1fr}.backup-choice{min-height:88px}.restore-dialog .actions{display:grid;grid-template-columns:1fr}.restore-dialog .actions .btn{width:100%}}

.update-upload-card,.update-review-card{max-width:980px}.update-upload-form{display:grid;gap:14px}.update-dropzone{min-height:150px;border:2px dashed var(--line);border-radius:18px;background:#fbfaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:20px;text-align:center;cursor:pointer}.update-dropzone:hover{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 5%,#fff)}.update-dropzone input{max-width:100%}.update-dropzone span{font-size:11px;color:var(--muted)}.update-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.update-summary-grid article{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fbfaf8}.update-summary-grid span,.update-summary-grid strong{display:block}.update-summary-grid span{font-size:11px;color:var(--muted);margin-bottom:3px}.update-summary-grid strong{font-size:16px}.update-notes{margin-top:14px;padding:14px;border-radius:14px;background:#f7f4ef}.update-notes p{margin:8px 0 0;line-height:1.9}.update-checklist{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.update-checklist span{padding:9px 11px;border-radius:11px;background:#edf8f2;color:#176747;font-size:12px}.update-confirm-form{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:16px}.update-confirm-form .actions{justify-content:flex-end}
@media(max-width:720px){.update-summary-grid,.update-checklist{grid-template-columns:1fr 1fr}.update-upload-form>.btn,.update-confirm-form .btn{width:100%}.update-confirm-form .actions{display:grid;grid-template-columns:1fr}}
@media(max-width:460px){.update-summary-grid,.update-checklist{grid-template-columns:1fr}.update-dropzone{min-height:120px}}