/* Compact staff tickets; keep customer checkout and the current order workflow. */
.staff-page .site-header,
.staff-page .staff-global-nav,
.staff-page .staff-header,
.staff-page .staff-stats,
.staff-page .orders-wrap,
.staff-page .kitchen-board,
.staff-page .staff-controls { width:calc(100% - 32px); max-width:1400px; margin-left:auto; margin-right:auto; }
.staff-page .site-header { margin-top:12px; padding:12px 18px; }
.staff-page .brand { padding-left:14px; }
.staff-page .brand b { font-size:28px; }
.staff-page .brand span { font-size:20px; }
.staff-page .staff-global-nav { margin-top:12px; padding:9px; gap:7px; }
.staff-page .staff-global-nav .staff-link { padding:8px 12px; }
.staff-page .staff-header { margin-top:16px; margin-bottom:14px; padding:0; }
.staff-page .staff-header h1 { font-size:26px; }
.staff-page .staff-stats { gap:8px; margin-bottom:14px; }
.staff-page .staff-stats article { padding:10px 14px; }
.staff-page .staff-stats b { font-size:25px; }
.staff-page .kitchen-board { padding:14px; }
.staff-page .staff-controls { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; align-items:end; }
.staff-page .staff-controls>div:first-child { grid-column:1/-1; }
.staff-page .staff-controls label { width:auto; }
.staff-page .staff-controls .holiday-setting { grid-column:1/-1; min-width:0; }
.staff-page .orders-wrap { margin-top:18px; }
.staff-page .reservation-date-list { gap:18px; }
.staff-page .reservation-day-heading { margin:0 0 10px; padding:10px 12px; }
.staff-page .reservation-day-heading h2 { font-size:18px; }
.staff-page .staff-orders,
.staff-page .orders-wrap .staff-orders,
.staff-page .kitchen-queue { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; gap:10px; margin-left:0; margin-right:0; }
.staff-page .order-card,
.staff-page .kitchen-ticket { min-width:0; padding:12px; overflow-wrap:anywhere; }
.staff-page .order-card>header { align-items:flex-start; flex-wrap:wrap; gap:6px; }
.staff-page .order-badges,
.staff-page .ticket-badges { gap:4px; }
.staff-page .order-primary,
.staff-page .order-primary.table-primary,
.staff-page .kitchen-ticket h3,
.staff-page .kitchen-ticket .table-primary { font-size:20px; line-height:1.3; }
.staff-page .order-card h3 { margin:7px 0 4px; font-size:14px; }
.staff-page .order-card p,
.staff-page .kitchen-ticket p { font-size:12px; line-height:1.5; }
.staff-page .order-reservation-date { padding:5px 7px; }
.staff-page .order-lines,
.staff-page .kitchen-items { margin:8px 0; padding:5px 0; }
.staff-page .spice-group,
.staff-page .kitchen-items .spice-group { margin:5px 0; }
.staff-page .spice-group>header { padding:5px 7px; }
.staff-page .spice-group .order-line,
.staff-page .spice-group .kitchen-item { padding:6px 7px; }
.staff-page .order-line>span>b,
.staff-page .kitchen-item>b { font-size:14px; }
.staff-page .table-number-control { margin-top:7px; padding:6px; }
.staff-page .table-number-control input { padding:6px; }
.staff-page .table-number-control label { min-width:0; }
.staff-page .order-payment { padding:7px 9px; margin:7px 0; }
.staff-page .status-actions,
.staff-page .kitchen-ticket-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.staff-page .status-actions button,
.staff-page .kitchen-ticket-actions button { min-height:36px; padding:7px 8px; font-size:13px; white-space:normal; }
.staff-page .status-actions .primary,
.staff-page .status-actions .finish,
.staff-page .status-actions .checkout-complete { grid-column:1/-1; }
.staff-page .order-delete-row { margin-top:7px; padding-top:7px; }
.staff-page .order-delete-row button { min-height:36px; }
.staff-page .staff-orders>.empty,
.staff-page .kitchen-queue>.empty { grid-column:1/-1; }
@media(min-width:1440px){
  .staff-page .staff-orders,.staff-page .orders-wrap .staff-orders,.staff-page .kitchen-queue { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media(max-width:1023px){
  .staff-page .staff-orders,.staff-page .orders-wrap .staff-orders,.staff-page .kitchen-queue { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:599px){
  .staff-page .staff-orders,.staff-page .orders-wrap .staff-orders,.staff-page .kitchen-queue { grid-template-columns:minmax(0,1fr); }
  .staff-page .staff-global-nav { flex-wrap:nowrap; overflow-x:auto; }
  .staff-page .staff-global-nav .staff-link { flex-shrink:0; }
  .staff-page .staff-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .staff-page .staff-stats article { padding:8px; }
  .staff-page .staff-stats span { font-size:11px; }
  .staff-page .staff-stats b { font-size:20px; }
}

/* iPad Air landscape: three readable tickets with touch-sized controls.
   Viewport-based rules also adapt when Safari chrome or Split View changes. */
@media(orientation:landscape) and (min-width:1024px) and (max-width:1366px){
  .staff-page .staff-orders,
  .staff-page .orders-wrap .staff-orders,
  .staff-page .kitchen-queue { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .staff-page .site-header { margin-top:8px; padding:10px 16px; }
  .staff-page .staff-global-nav { flex-wrap:nowrap; overflow-x:auto; margin-top:8px; padding:6px 8px; }
  .staff-page .staff-global-nav .staff-link { flex:0 0 auto; white-space:nowrap; }
  .staff-page .staff-header { margin-top:12px; margin-bottom:10px; }
  .staff-page .staff-stats { margin-bottom:10px; }
  .staff-page .staff-stats article { padding:8px 12px; }
  .staff-page .order-line>span>b,
  .staff-page .kitchen-item>b { font-size:15px; line-height:1.5; }
  .staff-page .order-primary.table-primary,
  .staff-page .kitchen-ticket .table-primary { font-size:22px; }
  .staff-page .table-number-control input { font-size:16px; }
}
@media(pointer:coarse){
  .staff-page .staff-global-nav .staff-link,
  .staff-page .new-onsite,
  .staff-page .status-actions button,
  .staff-page .kitchen-ticket-actions button,
  .staff-page .order-delete-row button,
  .staff-page .table-number-control button,
  .staff-page .table-number-control input,
  .staff-page .unavailable-control button,
  .staff-page .unavailable-edit button { min-height:44px; touch-action:manipulation; }
}
/* Operational feedback stays compact on the landscape iPad. */
.notification-panel { margin: 12px 0; padding: 12px 16px; }
.notification-panel summary { cursor: pointer; font-weight: 700; }
#notificationList { max-height: 320px; overflow: auto; }
.notification-row { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid #52635d; }
.notification-row span { flex: 1; min-width: 0; }
.notification-row small { display: block; overflow-wrap: anywhere; color: #d2cbbd; }
.notification-pending,.notification-unconfigured { color: #ffcc80; }
.notification-failed { color: #ffaaa0; }
.notification-accepted { color: #a0dec8; }
.notification-row button,#refreshCloud,[data-history-load] { min-height: 44px; padding: 8px 14px; cursor: pointer; color: #f5e9d5; background: #35473d; border: 1px solid #8b9e8d; border-radius: 8px; font: inherit; margin: 6px; }