/* Larger service controls on phones; tablet production layouts keep their sizes. */
.screen-mode .topbar.mobile-menu-open .screen-settings { display:grid !important; gap:8px; }
.mobile-fullscreen-toggle { display:none; }
.mobile-service-actions { display:contents; }
@media (min-width:761px) {
  html body.state-account.state-staff[data-active-view=service] .mobile-seat-row { grid-column:1; grid-template-columns:minmax(0,1fr); }
  html body.state-account.state-staff[data-active-view=service] .mobile-service-actions > .seat-sort-toggle { grid-column:2; grid-row:2; }
}
@media (max-width:760px) {
  html body.state-account.state-staff[data-active-view=service] { --service-table-row-height:64px; --service-header-height:calc(var(--service-table-row-height) + 68px); --service-section-height:52px; }
  html body.state-account.state-staff[data-active-view=service]:has(#serviceTableStrip .service-table-pickup) { --service-table-row-height:82px; }
  html body.state-account.state-staff[data-active-view=service] .topbar { grid-template-columns:minmax(0,1fr) 112px !important; grid-template-rows:var(--service-table-row-height) 64px !important; gap:0 6px; height:var(--service-header-height) !important; min-height:var(--service-header-height) !important; padding:2px 6px !important; }
  html body.state-account.state-staff[data-active-view=service] .mobile-service-actions { display:grid; grid-column:2; grid-row:1 / 3; grid-template-columns:48px 48px; grid-template-rows:var(--service-table-row-height) 64px; align-items:center; gap:0 6px; width:112px; min-width:0; height:100%; padding-inline-start:7px; border-inline-start:3px solid #adc5dd; border-radius:10px; background:#c7d4e3; box-shadow:inset 0 0 0 1px #adc5dd; box-sizing:border-box; isolation:isolate; }
  html[data-display-mode=dark] body.state-account.state-staff[data-active-view=service] .mobile-service-actions { background:#3d536e; }
  html body.state-account.state-staff[data-active-view=service] .mobile-service-actions > :is(.mobile-fullscreen-toggle,.seat-sort-toggle,.mobile-menu-toggle):not(.active):not([aria-expanded=true]) { background:#22384f; border-color:#8eacc9; color:#fff; }
  html body.state-account.state-staff[data-active-view=service] .mobile-service-actions > .seat-sort-toggle { grid-column:1; grid-row:2; }
  html body.state-account.state-staff[data-active-view=service] .mobile-service-controls { display:contents !important; }
  html body.state-account.state-staff[data-active-view=service] #serviceTableStrip { grid-column:1; grid-row:1; height:var(--service-table-row-height) !important; gap:6px; padding:4px !important; overflow-x:auto; overflow-y:hidden; }
  html body.state-account.state-staff[data-active-view=service] #serviceTableStrip:has(.service-table-pickup) { padding:20px 24px 3px 4px !important; }
  html body.state-account.state-staff[data-active-view=service] .service-table-switch { flex:0 0 58px; width:58px; min-width:58px; height:52px; }
  html body.state-account.state-staff[data-active-view=service] .service-table-select { width:100%; min-width:58px; height:52px; padding:8px 4px 3px; border-radius:9px; }
  html body.state-account.state-staff[data-active-view=service] .service-table-select > strong { font-size:18px !important; line-height:1.15; }
  html body.state-account.state-staff[data-active-view=service] .service-table-channel { font-size:11px; }
  html body.state-account.state-staff[data-active-view=service] .table-owner { font-size:11px; }
  html body.state-account.state-staff[data-active-view=service] .service-table-group { gap:6px; padding:0 3px 4px; }
  html body.state-account.state-staff[data-active-view=service] .group-member .service-table-select { height:48px; }
  html body.state-account.state-staff[data-active-view=service] .service-table-switch:has(.service-table-pickup) { margin-right:18px; }
  html body.state-account.state-staff[data-active-view=service] .service-table-switch:has(.service-table-pickup) .service-table-select > strong { transform:translate(-5px,4px); }
  html body.state-account.state-staff[data-active-view=service] .service-table-pickup { z-index:2; top:-20px; right:-20px; width:44px; min-width:44px; height:44px; padding:2px; border:3px solid #fff; border-radius:9px; font-size:18px; line-height:1; touch-action:manipulation; }
  html body.state-account.state-staff[data-active-view=service] .mobile-seat-row { grid-column:1; grid-row:2; display:flex; align-items:center; gap:6px; height:64px; width:100%; min-width:0; }
  html body.state-account.state-staff[data-active-view=service] #mobileSeatStrip { flex:1 1 auto; height:60px !important; padding:4px !important; gap:6px; min-width:0; }
  html body.state-account.state-staff[data-active-view=service] #mobileSeatStrip .mobile-seat-button:not(.takeaway-seat) { flex:0 0 52px !important; width:52px !important; min-width:52px !important; height:52px !important; padding:4px 2px !important; font-size:20px !important; border-radius:9px; }
  html body.state-account.state-staff[data-active-view=service] #mobileSeatStrip .mobile-seat-button > small:not(.seat-origin) { font-size:10px; }
  html body.state-account.state-staff[data-active-view=service] #mobileSeatStrip .extra-seat-badge { width:17px; height:17px; line-height:17px; font-size:14px !important; }
  html body.state-account.state-staff[data-active-view=service] :is(.seat-sort-toggle,.mobile-menu-toggle) { width:48px; min-width:48px; height:52px; min-height:52px; font-size:21px; }
  html body.state-account.state-staff[data-active-view=service] .mobile-menu-toggle { position:relative !important; inset:auto !important; transform:none !important; grid-column:2 !important; grid-row:2 !important; justify-self:center; }
  html body.state-account.state-staff[data-active-view=service] .mobile-menu-toggle span { font-size:16px !important; }
  html body.state-account.state-staff.screen-mode[data-active-view=service] .mobile-fullscreen-toggle { display:grid; place-items:center; grid-column:2; grid-row:1; align-self:center; width:48px; height:48px; border:1px solid #719c88; border-radius:9px; background:#173d32; color:#fff; }
  .mobile-fullscreen-toggle svg { display:block; width:24px; height:24px; pointer-events:none; }
  html body.state-account.state-staff[data-active-view=service] .mobile-fullscreen-toggle[hidden] { display:none !important; }
  html body.state-account.state-staff[data-active-view=service] .topbar.mobile-menu-open .header-actions { top:var(--service-header-height) !important; max-height:calc(100dvh - var(--service-header-height) - 8px); }
  html body.state-account.state-staff[data-active-view=service] .app-shell,
  html body.state-account.state-staff[data-active-view=service].single-view .app-shell { inset:var(--service-header-height) 0 0 !important; height:calc(100dvh - var(--service-header-height)) !important; }
  html body.state-account.state-staff[data-active-view=service] #serviceView .order-panel { padding-top:var(--service-section-height) !important; padding-bottom:max(6px,env(safe-area-inset-bottom)); }
  html body.state-account.state-staff[data-active-view=service] .service-mobile-section-tabs { top:var(--service-header-height) !important; height:var(--service-section-height) !important; }
  html body.state-account.state-staff[data-active-view=service] .service-mobile-section-tabs > button { min-height:44px; font-size:16px; }
  html body.state-account.state-staff[data-active-view=service] .service-mobile-section-tabs b { font-size:13px; min-width:25px; min-height:25px; }
  html body.state-account.state-staff[data-active-view=service] #productGrid .service-product-tools { grid-template-columns:96px minmax(0,1fr) 52px !important; top:var(--service-section-height) !important; gap:6px; padding:6px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-kind { gap:4px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-kind button { height:48px !important; min-height:48px !important; font-size:23px; }
  html body.state-account.state-staff[data-active-view=service] #serviceProductSearch { height:52px; min-height:52px; padding:0 8px; font-size:17px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-send { width:52px; height:52px; min-height:52px; font-size:28px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-list > .service-product-row,
  html body.state-account.state-staff[data-active-view=service] .service-product-list > .service-product-row:not(:has(.service-product-modifier-dot)) { grid-template-columns:24px minmax(0,1fr) 70px 44px 48px !important; min-height:68px; padding:7px 5px; gap:5px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-customize strong { font-size:18px !important; line-height:1.25; white-space:normal; overflow-wrap:anywhere; }
  html body.state-account.state-staff[data-active-view=service] .service-product-number { font-size:15px; }
  html body.state-account.state-staff[data-active-view=service] .product-card-meta { font-size:15px !important; }
  html body.state-account.state-staff[data-active-view=service] :is(.service-product-expand,.service-product-expand-spacer) { width:44px !important; height:48px !important; min-height:48px !important; font-size:22px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-add { width:48px !important; height:52px !important; min-height:52px !important; font-size:30px; }
  html body.state-account.state-staff[data-active-view=service] .service-product-list > .service-quick-modifiers { padding:10px !important; gap:10px; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-modifier-group { grid-template-columns:minmax(0,1fr) !important; gap:6px; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-modifier-group > span { font-size:14px !important; line-height:1.3; padding:0; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-modifier-group > div { display:flex; flex-wrap:wrap; gap:6px; min-width:0; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-chip { min-height:44px; max-width:100%; padding:8px 11px; font-size:16px !important; line-height:1.3; white-space:normal; overflow-wrap:anywhere; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-course-note { grid-template-columns:minmax(0,1fr); gap:8px; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-course-note label > span { font-size:14px !important; }
  html body.state-account.state-staff[data-active-view=service] .service-quick-course-note :is(input,select) { width:100%; min-height:46px; height:46px; font-size:16px !important; }
  html body.state-account.state-staff[data-active-view=service] .seat-target-hint { font-size:18px !important; }
  html body.state-account.state-staff[data-active-view=service] :is(.draft-submit-toolbar,.service-person-heading,.mobile-cart-line,.guest-order-item) { font-size:16px; }
  html body.state-account.state-staff[data-active-view=service] .mobile-cart-line > strong,
  html body.state-account.state-staff[data-active-view=service] .guest-order-item-name { font-size:17px; }
  html body.state-account.state-staff[data-active-view=service] .service-ready-toast { top:calc(var(--service-header-height) + 8px); }
  html body.state-account.state-staff.service-search-open[data-active-view=service] .topbar { display:grid !important; }
  html body.state-account.state-staff.service-search-open[data-active-view=service] #serviceSearchKeyboard { top:var(--service-header-height); bottom:auto; }
  html body.state-account.state-staff.service-search-open[data-active-view=service] .service-search-keyboard { max-height:calc(100dvh - var(--service-header-height) - 180px); }
  html body.state-account.state-staff.service-search-open[data-active-view=service] .app-shell,
  html body.state-account.state-staff.service-search-open[data-active-view=service].single-view .app-shell { inset:calc(var(--service-header-height) + var(--service-keyboard-height,250px)) 0 0 !important; height:calc(100dvh - var(--service-header-height) - var(--service-keyboard-height,250px)) !important; }
  html body.state-account.state-staff.service-search-open[data-active-view=service] .service-mobile-section-tabs { display:grid !important; top:calc(var(--service-header-height) + var(--service-keyboard-height,250px)) !important; }
  html body.state-account.state-staff.service-search-open[data-active-view=service] #serviceView .order-panel { padding-top:var(--service-section-height) !important; min-height:0 !important; }
  html body.state-account.state-staff.service-search-open[data-active-view=service] #serviceView #productGrid .service-product-tools { top:var(--service-section-height) !important; }
  html body.state-account.state-staff[data-active-view=service] .service-search-keyboard header > button { width:44px; height:44px; font-size:22px; }
  html body.state-account.state-staff[data-active-view=service] .service-search-keyboard header strong { font-size:18px; }
  html body.state-account.state-staff[data-active-view=service] .service-search-keyboard [data-service-search-key] { min-height:40px; font-size:16px; }
  html body.state-account.state-staff[data-active-view=service] .service-search-keyboard footer button { min-height:44px; font-size:14px; }
  .screen-mode .screen-settings button { min-height:48px; font-size:16px; }
}