:root{--staff-bg:#f7f1ec;--staff-card:#fff;--staff-border:#e8d7c8;--staff-accent:#7c2d12;--staff-muted:#6b7280;--staff-ok:#166534;--staff-warn:#92400e}
body.staff-app-body{margin:0;background:var(--staff-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1f2937}
.staff-app-shell{min-height:100vh;padding-bottom:78px}.staff-app-topbar{position:sticky;top:0;z-index:30;background:rgba(247,241,236,.95);backdrop-filter:blur(8px);display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--staff-border)}
.staff-app-brand{font-size:1.1rem;font-weight:800}.staff-app-subtitle{font-size:.9rem;color:var(--staff-muted)}.staff-app-user{display:flex;flex-direction:column;align-items:flex-end;font-size:.8rem;color:var(--staff-muted)}.staff-app-main{padding:14px;display:grid;gap:14px}
.staff-card{background:var(--staff-card);border:1px solid var(--staff-border);border-radius:18px;padding:14px;box-shadow:0 8px 24px rgba(17,24,39,.04)}
.staff-card h2,.staff-card h3{margin:0 0 8px}.staff-pill-grid,.staff-chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.staff-pill,.staff-chip,.staff-table-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--staff-border);border-radius:14px;padding:10px;background:#fff;color:#111827;text-decoration:none;min-height:60px}.staff-pill.active{background:#7c2d12;color:#fff;border-color:#7c2d12}.staff-pill.has-order{box-shadow:inset 0 0 0 2px #f59e0b}
.staff-search{display:flex;gap:8px}.staff-search input{flex:1;border:1px solid var(--staff-border);border-radius:14px;padding:12px 14px;font-size:1rem}.staff-action-row,.staff-filter-row{display:flex;gap:8px;flex-wrap:wrap}.staff-summary-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.staff-summary-kpis .kpi{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:10px}.staff-summary-kpis .kpi span{display:block;color:var(--staff-muted);font-size:.8rem}.staff-summary-kpis .kpi strong{display:block;font-size:1.05rem;margin-top:4px}
.staff-priority-list,.staff-history-list,.staff-existing-list,.staff-bill-items{display:grid;gap:10px}.staff-priority-card,.staff-history-item,.staff-existing-item{border:1px solid var(--staff-border);border-radius:16px;padding:12px;background:#fff}.staff-priority-card.critical{border-color:#dc2626;background:#fff1f2}.staff-priority-card.urgent{border-color:#f59e0b;background:#fffbeb}.staff-priority-card.attention{border-color:#fbbf24;background:#fffdf5}.staff-priority-head{display:flex;justify-content:space-between;gap:8px;align-items:start}.staff-priority-amount{font-size:1.4rem;font-weight:800;margin:8px 0}.staff-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:.8rem;font-weight:700}.staff-badge.confirmed{background:#dcfce7;color:#166534}.staff-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--staff-muted);font-size:.85rem}
.staff-bottom-primary{position:sticky;bottom:84px;display:grid;gap:10px;background:linear-gradient(180deg,rgba(247,241,236,0),rgba(247,241,236,1) 20%);padding-top:10px}
.staff-app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--staff-border)}
.staff-app-bottom-nav a{text-decoration:none;color:#6b7280;text-align:center;font-size:.86rem;padding:10px 8px;border-radius:12px}.staff-app-bottom-nav a.active{background:#7c2d12;color:#fff;font-weight:700}
.staff-pay-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.staff-pay-methods button{border:1px solid var(--staff-border);border-radius:14px;padding:12px;background:#fff;font-weight:700}.staff-pay-methods button.active{background:#7c2d12;color:#fff;border-color:#7c2d12}
.staff-cash-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.staff-cash-quick button,.staff-note-presets button,.staff-submit-btn,.staff-secondary-btn,.staff-table-actions a,.staff-table-actions button{border:none;border-radius:14px;padding:12px 14px;font-size:1rem;text-decoration:none;text-align:center;cursor:pointer}.staff-submit-btn{background:#166534;color:#fff;font-weight:800}.staff-secondary-btn{background:#fff;border:1px solid var(--staff-border);color:#111827}.staff-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.staff-menu-card{border:1px solid var(--staff-border);border-radius:16px;background:#fff;padding:12px;display:flex;flex-direction:column;gap:6px;cursor:pointer}.staff-menu-card .price{font-weight:700;color:#7c2d12}.staff-cart-item{border:1px solid var(--staff-border);border-radius:14px;padding:10px;background:#fff;display:grid;gap:8px}.staff-cart-actions{display:flex;gap:8px;flex-wrap:wrap}.staff-stepper{display:inline-flex;border:1px solid var(--staff-border);border-radius:12px;overflow:hidden}.staff-stepper button{border:none;background:#fff;padding:8px 12px}.staff-stepper span{padding:8px 12px;font-weight:700}.staff-note-presets{display:flex;gap:8px;flex-wrap:wrap}.staff-note-presets button{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;padding:8px 10px;font-size:.9rem}
.staff-modal{position:fixed;inset:0;background:rgba(17,24,39,.42);display:none;align-items:flex-end;justify-content:center;z-index:60}.staff-modal.open{display:flex}.staff-modal-dialog{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px 24px 0 0;padding:16px 16px 24px}.staff-modal-head{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.staff-form-grid{display:grid;gap:12px}.staff-form-grid label{display:grid;gap:6px;font-size:.92rem;font-weight:700}.staff-form-grid input,.staff-form-grid textarea{border:1px solid var(--staff-border);border-radius:14px;padding:12px;font:inherit}
.staff-install{display:flex;justify-content:flex-end}.staff-install button{border:1px solid var(--staff-border);background:#fff;border-radius:999px;padding:8px 12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:18px;background:var(--staff-bg)}.login-card-app{background:#fff;border:1px solid var(--staff-border);border-radius:22px;padding:20px;max-width:420px;width:100%;display:grid;gap:14px;box-shadow:0 20px 40px rgba(17,24,39,.06)}.login-card-app input{width:100%;border:1px solid var(--staff-border);border-radius:14px;padding:12px;font:inherit}.login-card-app .helper{color:var(--staff-muted);font-size:.9rem}.staff-table-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.staff-section-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.staff-table-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.staff-table-card{border:1px solid var(--staff-border);border-radius:16px;background:#fff;padding:12px}.staff-muted{color:var(--staff-muted)}
@media (min-width: 980px){.staff-app-main.two-col{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}.staff-table-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-pill-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.staff-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.staff-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.staff-modal{align-items:center}.staff-modal-dialog{border-radius:24px;max-height:90vh}}


.staff-app-shell{padding-bottom:92px;}
.staff-app-bottom-nav{z-index:90;}
.staff-bottom-primary{position:static; background:none; padding-top:10px;}
.staff-table-summary{grid-template-columns:repeat(4,minmax(0,1fr));}
.staff-table-summary .kpi.open{background:#2563eb;color:#fff;border-color:#2563eb;}
.staff-table-summary .kpi.requested{background:#f97316;color:#fff;border-color:#f97316;}
.staff-table-summary .kpi.confirmed{background:#16a34a;color:#fff;border-color:#16a34a;}
.staff-table-summary .kpi.empty{background:#cbd5e1;color:#111827;border-color:#cbd5e1;}
.staff-table-grid.backoffice-like{grid-template-columns:repeat(2,minmax(0,1fr));}
.staff-table-card{border:1px solid var(--staff-border);}
.staff-table-card.table-status-open{background:#2563eb;border-color:#2563eb;color:#fff;}
.staff-table-card.table-status-requested{background:#f97316;border-color:#f97316;color:#fff;}
.staff-table-card.table-status-confirmed{background:#16a34a;border-color:#16a34a;color:#fff;}
.staff-table-card.table-status-empty{background:#cbd5e1;border-color:#cbd5e1;color:#111827;}
.staff-table-card-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;}
.staff-table-card h3{margin:0;font-size:1.05rem;}
.staff-table-card.table-status-open h3,.staff-table-card.table-status-open .staff-muted,.staff-table-card.table-status-open .staff-table-amount,.staff-table-card.table-status-open .staff-table-meta,.staff-table-card.table-status-open .staff-kitchen-summary strong,.staff-table-card.table-status-open .staff-kitchen-summary span,.staff-table-card.table-status-requested h3,.staff-table-card.table-status-requested .staff-muted,.staff-table-card.table-status-requested .staff-table-amount,.staff-table-card.table-status-requested .staff-table-meta,.staff-table-card.table-status-requested .staff-kitchen-summary strong,.staff-table-card.table-status-requested .staff-kitchen-summary span,.staff-table-card.table-status-confirmed h3,.staff-table-card.table-status-confirmed .staff-muted,.staff-table-card.table-status-confirmed .staff-table-amount,.staff-table-card.table-status-confirmed .staff-table-meta,.staff-table-card.table-status-confirmed .staff-kitchen-summary strong,.staff-table-card.table-status-confirmed .staff-kitchen-summary span{color:#fff !important;}
.staff-table-card.table-status-empty h3,.staff-table-card.table-status-empty .staff-muted,.staff-table-card.table-status-empty .staff-table-amount,.staff-table-card.table-status-empty .staff-table-meta{color:#1f2937 !important;}
.staff-table-card.table-status-open .staff-kitchen-summary,.staff-table-card.table-status-requested .staff-kitchen-summary,.staff-table-card.table-status-confirmed .staff-kitchen-summary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);}
.staff-table-card.table-status-open .staff-submit-btn,.staff-table-card.table-status-requested .staff-submit-btn,.staff-table-card.table-status-confirmed .staff-submit-btn{background:#fff;color:#111827;border-color:#fff;}
.staff-table-card.table-status-open .staff-secondary-btn,.staff-table-card.table-status-requested .staff-secondary-btn,.staff-table-card.table-status-confirmed .staff-secondary-btn{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.26);}
.staff-table-amount{font-size:1.35rem;font-weight:800;margin-top:12px;}
.staff-table-meta{font-size:.9rem;color:#6b7280;margin-top:6px;}
.staff-table-pills .staff-pill.status-open{background:#eff6ff;border-color:#93c5fd;}
.staff-table-pills .staff-pill.status-requested{background:#fff7ed;border-color:#fdba74;}
.staff-table-pills .staff-pill.status-confirmed{background:#f5f3ff;border-color:#c4b5fd;}
.staff-table-pills .staff-pill.status-empty{background:#f8fafc;border-color:#d1d5db;}
.staff-table-pills .staff-pill.active{background:#7c2d12 !important;color:#fff !important;border-color:#7c2d12 !important;}
.staff-order-toolbar{display:grid;gap:10px;}
.staff-category-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:2px;}
.staff-category-tabs button{border:1px solid var(--staff-border);background:#fff;border-radius:999px;padding:10px 12px;white-space:nowrap;cursor:pointer;font-weight:700;}
.staff-category-tabs button.active{background:#7c2d12;color:#fff;border-color:#7c2d12;}
.staff-menu-grid.with-images{grid-template-columns:repeat(2,minmax(0,1fr));}
.staff-menu-card{display:grid;grid-template-columns:56px 1fr;align-items:center;text-align:left;}
.staff-menu-thumb{width:56px;height:56px;border-radius:14px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center;font-size:1.5rem;}
.staff-menu-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.staff-menu-text{display:grid;gap:3px;}
.current-open-order{border-style:dashed;}
@media (min-width:980px){.staff-bottom-primary{position:sticky;bottom:94px;}.staff-table-grid.backoffice-like{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (max-width:640px){.staff-table-summary{grid-template-columns:repeat(2,minmax(0,1fr));}.staff-menu-grid.with-images{grid-template-columns:1fr;}.staff-app-bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr));}.staff-table-grid.backoffice-like{grid-template-columns:1fr;}}

.staff-table-summary .kpi span,.staff-table-summary .kpi strong{color:inherit;}
.staff-table-summary .kpi.open span,.staff-table-summary .kpi.open strong,.staff-table-summary .kpi.requested span,.staff-table-summary .kpi.requested strong,.staff-table-summary .kpi.confirmed span,.staff-table-summary .kpi.confirmed strong{color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.12);}
.staff-table-summary .kpi.empty span,.staff-table-summary .kpi.empty strong{color:#1f2937 !important;}
.staff-table-summary .kpi span{font-weight:700;opacity:.96;}
.staff-current-order-summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-weight:800;}
.staff-current-order-summary::-webkit-details-marker{display:none;}
.current-open-order[open] .staff-current-order-summary{margin-bottom:10px;}
.current-open-order:not([open]) .staff-existing-list,.current-open-order:not([open]) .staff-muted{display:none;}
.staff-app-bottom-nav{box-shadow:0 -8px 20px rgba(15,23,42,.08);}
.staff-menu-grid.with-images .staff-menu-card{min-height:84px;}

.staff-app-body{padding-bottom:96px;}
.staff-app-shell{padding-bottom:24px;min-height:100dvh;}
.staff-app-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:9999;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px rgba(15,23,42,.08);}
.staff-menu-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.staff-menu-mode-tabs button{border:1px solid var(--staff-border);background:#fff;border-radius:999px;padding:10px 12px;font-weight:800;cursor:pointer;}
.staff-menu-mode-tabs button.active{background:#7c2d12;color:#fff;border-color:#7c2d12;}
.staff-cart-selected-table{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:14px;margin-bottom:10px;font-weight:800;color:#9a3412;}
.staff-cart-selected-table small{display:block;font-weight:700;color:#c2410c;}
.staff-quick-hint{font-size:.84rem;color:var(--staff-muted);margin:-4px 0 8px;}
.staff-menu-grid.with-images{grid-template-columns:repeat(2,minmax(0,1fr));}
.staff-menu-card{display:grid;grid-template-columns:56px 1fr;align-items:center;text-align:left;min-height:84px;}
.staff-menu-thumb{width:56px;height:56px;border-radius:14px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center;}
.staff-menu-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.staff-current-order-summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-weight:800;}
.staff-current-order-summary::-webkit-details-marker{display:none;}
.current-open-order[open] .staff-current-order-summary{margin-bottom:10px;}
.current-open-order:not([open]) .staff-existing-list,.current-open-order:not([open]) .staff-muted{display:none;}
@media (max-width:640px){.staff-menu-grid.with-images{grid-template-columns:1fr;}}


/* hard fix for orders bottom nav */
body.staff-app-page-orders .staff-app-bottom-nav{display:none !important;}
.staff-orders-fixed-nav{position:fixed !important;left:0;right:0;bottom:0;z-index:2147483647;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid var(--staff-border);box-shadow:0 -8px 20px rgba(15,23,42,.10);}
.staff-orders-fixed-nav a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;background:#f3f4f6;color:#6b7280;font-weight:800;text-decoration:none;}
.staff-orders-fixed-nav a.active{background:#7c2d12;color:#fff;}
.staff-orders-fixed-nav-spacer{height:86px;}
body.staff-app-page-orders{padding-bottom:96px !important;}
body.staff-app-page-orders .staff-app-shell{padding-bottom:16px !important;}
body.staff-app-page-orders .staff-app-main{padding-bottom:0 !important;}
@media (min-width:980px){.staff-orders-fixed-nav{max-width:100%;}}


/* completion pass: keep order nav fix, improve staff ux */
.staff-order-layout{display:grid;gap:14px;padding:0}
@media (min-width:980px){.staff-order-layout.two-col{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}}
.staff-order-toast{position:fixed;left:50%;bottom:102px;transform:translateX(-50%) translateY(12px);background:#111827;color:#fff;padding:10px 14px;border-radius:999px;font-weight:800;font-size:.92rem;box-shadow:0 10px 24px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:opacity .18s ease, transform .18s ease;z-index:2147483646;max-width:min(92vw,460px);text-align:center}.staff-order-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.staff-table-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:.9rem;color:#4b5563;margin-top:8px}.staff-table-meta strong{color:#111827}.staff-queue-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#fee2e2;color:#991b1b;font-weight:800;font-size:.8rem}.staff-table-actions .is-disabled{display:inline-flex;align-items:center;justify-content:center;opacity:.58;background:#e5e7eb !important;color:#6b7280 !important;border:1px solid #cbd5e1;cursor:not-allowed;pointer-events:none}.staff-cart-actions .staff-secondary-btn{padding:8px 10px;font-size:.92rem}.staff-price-adjust-row{display:flex;gap:6px;flex-wrap:wrap}.staff-price-adjust-row .staff-secondary-btn{min-width:58px}.staff-price-adjust-row .staff-secondary-btn.is-active{background:#dcfce7;border-color:#86efac;color:#166534;font-weight:800}.staff-menu-thumb img{background:#f3f4f6}

/* staff app polish 20260415d */
.staff-app-install-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px dashed #fdba74;background:#fff7ed;border-radius:14px;margin-bottom:10px;color:#9a3412}
.staff-app-install-hint[hidden]{display:none !important}
.staff-qr-card{padding:10px;background:#fff;border:1px solid var(--staff-border);border-radius:16px}
.staff-qr-image{max-width:220px;width:100%;display:block;margin:0 auto;border-radius:14px}
.staff-pay-methods button{min-height:48px}
.staff-cash-quick button{font-weight:800}
.staff-history-item,.staff-priority-card,.staff-existing-item{scroll-margin-top:88px}


/* staff polish for quick billing + payment history edit */
.staff-quick-grid .staff-menu-card{min-height:92px}
.staff-quick-card strong{font-size:1rem}
.staff-quick-card .staff-muted{min-height:2.2em;line-height:1.25}
.staff-history-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.staff-history-actions .staff-secondary-btn,.staff-history-actions .staff-submit-btn{padding:10px 12px;font-size:.92rem}
.staff-order-layout{display:grid;gap:14px;padding:0}
@media (min-width:980px){.staff-order-layout.two-col{grid-template-columns:minmax(0,1.35fr) minmax(320px,.9fr)}}
.staff-qr-card .staff-muted{line-height:1.35}

.staff-app-topbar-actions{display:flex;align-items:center;gap:10px}
.staff-install-pill{white-space:nowrap}
.staff-app-page-login .staff-app-install-hint{display:none}
@media (max-width:640px){.staff-app-topbar-actions{gap:6px}.staff-install-pill{padding:10px 12px;font-size:.9rem}}

/* staff app fixes 20260416 */
body.staff-app-body{min-height:100dvh;padding-bottom:104px;}
.staff-app-shell{min-height:100dvh;padding-bottom:18px;}
.staff-app-main{padding:12px 14px 18px;align-content:start;}
.staff-app-topbar{margin:0;}
.staff-app-topbar-actions{align-items:center;}
.staff-app-user{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.82rem;color:var(--staff-muted);line-height:1.2;}
.staff-app-bottom-nav{display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr));z-index:9999;}
body.staff-app-page-orders .staff-app-bottom-nav{display:grid !important;}
.staff-orders-fixed-nav,.staff-orders-fixed-nav-spacer{display:none !important;}
.login-card-app input[type="checkbox"]{width:auto;padding:0;flex:0 0 auto;margin:0;accent-color:var(--staff-accent);}
.login-card-app label.staff-login-remember{display:flex;align-items:center;gap:10px;font-weight:700;line-height:1.35;}
.login-card-app label.staff-login-remember span{flex:1 1 auto;min-width:0;}
.staff-mode-link-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.staff-mode-link-row a{text-decoration:none;}
.staff-mode-link-row .is-active{background:#7c2d12;color:#fff;border-color:#7c2d12;}
.staff-quick-grid-only{margin-top:12px;}
@media (max-width:640px){
  .staff-app-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-left:8px;padding-right:8px;}
  .staff-app-bottom-nav a{font-size:.78rem;padding:10px 4px;}
  .staff-app-main{padding-top:10px;}
}

.staff-table-card.is-selected{border-color:#7c2d12;box-shadow:0 0 0 2px rgba(124,45,18,.16),0 16px 32px rgba(124,45,18,.12);}
.staff-order-table-grid .staff-table-card{text-decoration:none;color:inherit;display:block;}
.staff-order-table-grid .staff-table-card:hover{transform:translateY(-1px);}
.staff-order-table-grid .staff-table-meta{min-height:24px;}
.staff-mode-link-row .is-disabled{display:inline-flex;align-items:center;justify-content:center;opacity:.58;background:#e5e7eb !important;color:#6b7280 !important;border:1px solid #cbd5e1;cursor:not-allowed;pointer-events:none;}


/* staff app staged order flow 20260416b */
.staff-stage-prompt{border-style:dashed;background:#fffaf5;}
.staff-mode-link-row-emphasis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.staff-mode-pill{min-height:54px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:900;border-radius:16px;}
.staff-mode-pill-quick{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;}
.staff-mode-pill-kitchen{background:#f0fdf4;border-color:#86efac;color:#15803d;}
.staff-mode-pill-quick.is-active{background:#2563eb !important;border-color:#2563eb !important;color:#fff !important;box-shadow:0 12px 24px rgba(37,99,235,.18);}
.staff-mode-pill-kitchen.is-active{background:#16a34a !important;border-color:#16a34a !important;color:#fff !important;box-shadow:0 12px 24px rgba(22,163,74,.18);}
.staff-cart-table-switcher{display:grid;gap:10px;padding:12px;border:1px solid #fed7aa;background:#fffaf5;border-radius:16px;margin-bottom:12px;}
.staff-cart-table-switcher strong{display:block;color:#9a3412;}
.staff-cart-table-switcher small{display:block;color:#b45309;line-height:1.35;}
.staff-cart-table-switcher-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}
.staff-select-input{width:100%;min-height:46px;border:1px solid var(--staff-border);border-radius:14px;padding:0 12px;background:#fff;color:#111827;font:inherit;}
.staff-cart-table-switcher-controls .staff-secondary-btn{min-height:46px;white-space:nowrap;}
@media (max-width:640px){
  .staff-mode-link-row-emphasis{grid-template-columns:1fr;}
  .staff-cart-table-switcher-controls{grid-template-columns:1fr;}
}

.staff-embedded-frame-card{padding:12px;display:grid;gap:12px}.staff-embedded-frame{width:100%;min-height:72vh;border:0;border-radius:18px;background:#fff}.staff-adjust-row{display:flex;gap:8px;flex-wrap:wrap}.staff-inline-form{display:inline-grid}.staff-app-topbar-actions{align-items:flex-start}.staff-app-topbar-actions .staff-bell,.staff-app-topbar-actions .jim-assistant{position:relative}.staff-app-topbar-actions .jim-assistant{position:relative;width:auto;right:auto;bottom:auto}.staff-app-topbar-actions .jim-assistant-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,88vw);max-height:min(62vh,520px);overflow:auto;z-index:1300}.staff-app-topbar-actions .staff-bell-panel{z-index:1300;max-width:min(340px,86vw)}.staff-price-adjust-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media (max-width: 820px){.staff-app-topbar-actions{flex-wrap:wrap;justify-content:flex-end}.staff-embedded-frame{min-height:78vh}.staff-app-topbar-actions .jim-assistant-panel,.staff-app-topbar-actions .staff-bell-panel{right:0;left:auto;width:min(94vw,420px)}}


.staff-app-topbar-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.staff-app-topbar-actions .staff-bell-button,.staff-app-topbar-actions .jim-assistant-button{min-height:46px}
@media (max-width: 1100px){
  .staff-app-topbar-actions .jim-assistant-copy{display:none}
  .staff-app-topbar-actions .jim-assistant-button{padding:8px 10px}
  .staff-app-topbar-actions .jim-assistant-avatar{width:38px;height:38px}
  .staff-app-topbar-actions .jim-assistant-badge{margin-left:0}
  .staff-app-user{min-width:0}
}
@media (max-width: 820px){
  .staff-app-topbar-actions{gap:8px}
  .staff-app-topbar-actions .jim-assistant-panel,.staff-app-topbar-actions .staff-bell-panel{max-width:min(92vw,360px)}
}

.staff-app-topbar-actions{gap:8px;align-items:flex-start}.staff-app-user{max-width:132px;overflow:hidden;text-overflow:ellipsis}.jim-assistant-button,.staff-bell-button{box-shadow:none}


/* v10 payment clarity + topbar panel clamp */
.staff-pay-methods button{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.staff-pay-methods button.active{box-shadow:0 10px 24px rgba(124,45,18,.18);transform:translateY(-1px)}
.staff-cash-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.staff-cash-focus-block{border:1px solid var(--staff-border);border-radius:16px;padding:12px;background:#fff}
.staff-cash-focus-block span{display:block;font-size:.82rem;color:var(--staff-muted);margin-bottom:4px}
.staff-cash-focus-block strong{font-size:1.15rem;line-height:1.2}
.staff-cash-focus-block.is-input{background:#fff7ed;border-color:#fed7aa}
.staff-cash-focus-block.is-change.is-idle{background:#f8fafc}
.staff-cash-focus-block.is-change.is-short{background:#fff1f2;border-color:#fda4af;color:#991b1b}
.staff-cash-focus-block.is-change.is-exact{background:#dcfce7;border-color:#86efac;color:#166534}
.staff-cash-focus-block.is-change.is-over{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}
.staff-cash-helper{font-size:.92rem;color:#4b5563;background:#fff;border:1px dashed var(--staff-border);border-radius:14px;padding:10px 12px}
.staff-cash-quick button{border:1px solid var(--staff-border);background:#fff;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.staff-cash-quick button.is-active{background:#7c2d12;color:#fff;border-color:#7c2d12;box-shadow:0 10px 24px rgba(124,45,18,.18);transform:translateY(-1px)}
.staff-cash-quick button.is-exact{background:#166534;border-color:#166534}
#staffTendered{font-size:1.2rem;font-weight:800;letter-spacing:.01em}
#staffTendered.is-short{border-color:#f43f5e;background:#fff1f2}
#staffTendered.is-ready{border-color:#16a34a;background:#f0fdf4}
.staff-app-topbar,.staff-app-topbar-actions{overflow:visible}
.staff-app-topbar-actions .jim-assistant-panel,.staff-app-topbar-actions .staff-bell-panel{max-width:min(380px,calc(100vw - 24px))}
@media (max-width: 820px){
  .staff-cash-focus{grid-template-columns:1fr}
  .staff-app-topbar-actions .jim-assistant-panel,.staff-app-topbar-actions .staff-bell-panel{position:fixed;top:72px;right:12px;left:12px;width:auto;max-width:none}
}


.staff-optional-note{border:1px dashed #d6c8bc;border-radius:16px;background:#fff;padding:0;overflow:hidden}.staff-optional-note summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer}.staff-optional-note summary::-webkit-details-marker{display:none}.staff-optional-note-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:54px;padding:6px 10px;border-radius:999px;background:#f5f5f4;color:#7c2d12;font-weight:800}.staff-optional-note[open] .staff-optional-note-toggle{background:#7c2d12;color:#fff}.staff-optional-note-body{display:grid;gap:10px;padding:0 14px 14px}

.staff-app-topbar-actions .jim-assistant-panel,.staff-app-topbar-actions .staff-bell-panel{right:0;left:auto;transform:none;max-width:min(380px,calc(100vw - 24px))}@media (max-width: 900px){.staff-app-topbar-actions .jim-assistant-panel,.staff-app-topbar-actions .staff-bell-panel{position:fixed;top:72px;left:12px;right:12px;width:auto;max-width:none}}

/* v18 collect history + table kitchen summary */
.staff-payment-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}.staff-payment-total-chip{border:1px solid var(--staff-border);border-radius:16px;padding:12px;background:#fff;display:grid;gap:4px}.staff-payment-total-chip span{font-size:.82rem;color:var(--staff-muted)}.staff-payment-total-chip strong{font-size:1.1rem;line-height:1.2}.staff-payment-total-chip.is-transfer{background:#eff6ff;border-color:#93c5fd}.staff-payment-total-chip.is-cash{background:#fff7ed;border-color:#fdba74}.staff-payment-total-chip.is-promptpay{background:#f5f3ff;border-color:#c4b5fd}.staff-payment-total-chip.is-all{background:#f0fdf4;border-color:#86efac}.staff-history-table td,.staff-history-table th{vertical-align:top}.staff-payment-method-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-weight:700;font-size:.82rem;border:1px solid #e5e7eb;background:#fff}.staff-payment-method-pill.method-transfer{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.staff-payment-method-pill.method-cash{background:#fff7ed;border-color:#fdba74;color:#9a3412}.staff-payment-method-pill.method-promptpay{background:#f5f3ff;border-color:#c4b5fd;color:#6d28d9}.staff-kitchen-summary{margin-top:10px;display:flex;justify-content:space-between;gap:8px;align-items:center;padding:10px 12px;border-radius:14px;background:#fffaf5;border:1px dashed #e7ddd2;font-size:.9rem}.staff-kitchen-summary strong{color:#7c2d12}.staff-kitchen-summary.is-clear{background:#f8fafc;border-color:#d6c8bc}.staff-kitchen-summary.is-clear strong{color:#475569}@media (max-width: 900px){.staff-payment-totals{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width: 640px){.staff-payment-totals{grid-template-columns:1fr;}}


/* 2026-04-17 reset cleanup */
.staff-app-topbar{align-items:flex-start;gap:16px}
.staff-app-topbar-brand{min-width:0;display:grid;gap:4px;align-content:start}
.staff-app-topbar-actions{margin-left:auto;align-items:flex-start;justify-content:flex-end}
.staff-app-user{padding-top:4px;min-width:110px;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.staff-app-install-hint{margin:0 14px 10px}
.staff-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (max-width:900px){
  .staff-app-topbar{flex-wrap:wrap}
  .staff-app-topbar-actions{width:100%;justify-content:flex-start}
  .staff-app-user{max-width:none}
}


/* 2026-04-17 move logout to top right */
.staff-topbar-logout{display:inline-flex;align-items:center;justify-content:center;min-height:46px;white-space:nowrap;font-weight:700}
@media (max-width:900px){
  .staff-topbar-logout{order:98}
}

/* 2026-04-18 app nav icons + compact order bill + collapsible payment history */
.staff-app-bottom-nav a{display:grid;justify-items:center;align-content:center;gap:6px;min-height:60px;padding:8px 6px;line-height:1.08;}
.staff-nav-icon-wrap{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f3f4f6;border:1px solid #e5e7eb;flex:0 0 auto;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.staff-nav-icon{width:18px;height:18px;display:block;opacity:.92;}
.staff-nav-label{font-size:.78rem;font-weight:700;white-space:nowrap;}
.staff-app-bottom-nav a.active .staff-nav-icon-wrap{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);}
.staff-app-bottom-nav a.active .staff-nav-icon{filter:brightness(0) invert(1);opacity:1;}
.staff-app-bottom-nav a.active .staff-nav-label{color:#fff;}
.staff-app-bottom-nav a:hover .staff-nav-icon-wrap{transform:translateY(-1px);}

.staff-orderbill-focus-card.is-compact{padding:12px 14px;}
.staff-orderbill-focus-layout{display:grid;grid-template-columns:minmax(0,1.25fr) auto;gap:14px;align-items:center;}
.staff-orderbill-focus-main{display:grid;gap:10px;min-width:0;}
.staff-orderbill-focus-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.staff-orderbill-focus-kicker{font-size:.8rem;font-weight:800;letter-spacing:.01em;color:#9a3412;text-transform:none;}
.staff-orderbill-focus-topline h2{margin:4px 0 0;font-size:2rem;line-height:1;}
.staff-orderbill-focus-metrics.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.staff-orderbill-focus-chip{border:1px solid var(--staff-border);background:#fffaf5;border-radius:14px;padding:10px 12px;display:grid;gap:4px;min-width:0;}
.staff-orderbill-focus-chip span{font-size:.78rem;color:var(--staff-muted);}
.staff-orderbill-focus-chip strong{font-size:1rem;line-height:1.2;overflow-wrap:anywhere;}
.staff-orderbill-focus-actions.compact{display:grid;gap:8px;min-width:220px;}
.staff-orderbill-focus-actions.compact .staff-submit-btn,.staff-orderbill-focus-actions.compact .staff-secondary-btn{min-height:46px;display:flex;align-items:center;justify-content:center;}

.staff-collapsible{display:grid;gap:0;}
.staff-collapsible-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;}
.staff-collapsible-summary::-webkit-details-marker{display:none;}
.staff-collapsible-summary h2{margin:0;}
.staff-collapsible-state{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:7px 12px;border-radius:999px;background:#f5f5f4;color:#7c2d12;font-weight:800;font-size:.84rem;}
.details[open] .staff-collapsible-state,.staff-collapsible[open] .staff-collapsible-state{background:#7c2d12;color:#fff;}
.staff-collapsible-body{display:grid;gap:0;padding-top:12px;}

@media (max-width:900px){
  .staff-orderbill-focus-layout{grid-template-columns:1fr;}
  .staff-orderbill-focus-actions.compact{min-width:0;grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .staff-nav-label{font-size:.72rem;}
  .staff-nav-icon-wrap{width:30px;height:30px;border-radius:9px;}
  .staff-orderbill-focus-topline{flex-direction:column;align-items:flex-start;}
  .staff-orderbill-focus-topline h2{font-size:1.75rem;}
  .staff-orderbill-focus-metrics.compact{grid-template-columns:1fr;}
  .staff-orderbill-focus-actions.compact{grid-template-columns:1fr;}
  .staff-collapsible-summary{align-items:flex-start;}
}

/* v42 rollback from v39 baseline + shrink helper only (do not enlarge bell or bottom nav) */
.staff-app-topbar-actions{gap:8px;align-items:flex-start;}
.staff-app-topbar-actions .jim-assistant-button{
  padding:6px 10px;
  gap:8px;
  min-height:46px;
  box-sizing:border-box;
  align-items:center;
}
.staff-app-topbar-actions .jim-assistant-avatar{
  width:32px;
  height:32px;
}
.staff-app-topbar-actions .jim-assistant-avatar img{
  width:20px;
  height:20px;
}
.staff-app-topbar-actions .jim-assistant-copy{
  display:grid;
  min-width:0;
  line-height:1.02;
}
.staff-app-topbar-actions .jim-assistant-copy strong{
  font-size:13px;
  line-height:1.06;
}
.staff-app-topbar-actions .jim-assistant-copy span{
  font-size:11px;
  line-height:1.02;
  max-width:150px;
}
.staff-app-topbar-actions .jim-assistant-badge{
  min-width:22px;
  height:22px;
  padding:0 6px;
  font-size:11px;
}
@media (max-width: 820px){
  .staff-app-topbar-actions .jim-assistant-button{padding:6px 10px;}
}

/* v47 app admin stock/reports bottom nav + embed cleanup */
.staff-app-bottom-nav{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
}
.staff-app-bottom-nav.is-admin-tools{
  grid-template-columns:repeat(7,minmax(0,1fr));
}
.staff-app-bottom-nav a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:58px;
  padding:8px 4px;
  line-height:1.1;
}
.staff-app-nav-icon{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.staff-app-nav-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.staff-app-nav-label{
  font-size:.74rem;
  font-weight:800;
  white-space:nowrap;
}
.staff-app-bottom-nav a.active .staff-app-nav-icon img{
  filter:brightness(0) invert(1);
}
.staff-embedded-frame-card.staff-app-admin-screen{
  padding:10px;
  gap:10px;
}
.staff-app-admin-head{
  margin-bottom:0;
}
.staff-embedded-frame-admin{
  min-height:78vh;
  border-radius:16px;
}
@media (max-width: 820px){
  .staff-app-bottom-nav.is-admin-tools{
    grid-template-columns:repeat(7,minmax(0,1fr));
    gap:4px;
    padding-left:6px;
    padding-right:6px;
  }
  .staff-app-bottom-nav.is-admin-tools a{
    min-height:54px;
    padding:7px 2px;
  }
  .staff-app-bottom-nav.is-admin-tools .staff-app-nav-icon{
    width:18px;
    height:18px;
  }
  .staff-app-bottom-nav.is-admin-tools .staff-app-nav-label{
    font-size:.66rem;
    letter-spacing:-.01em;
  }
}


/* v20-fix33 jim assistant reliability */
.jim-assistant-control-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 8px}
.jim-assistant-status-grid{display:grid;grid-template-columns:1fr;gap:6px;margin:0 0 10px}
.jim-assistant-status-pill{display:flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;background:#f8fafc;color:#334155;border:1px solid #e2e8f0}
.jim-assistant-status-pill[data-state="ready"],.jim-assistant-status-pill[data-state="ok"]{background:#dcfce7;border-color:#bbf7d0;color:#166534}
.jim-assistant-status-pill[data-state="warn"],.jim-assistant-status-pill[data-state="busy"]{background:#fef3c7;border-color:#fde68a;color:#92400e}
.jim-assistant-status-pill[data-state="error"]{background:#fee2e2;border-color:#fecaca;color:#991b1b}
.jim-assistant-error{margin:0 0 10px;padding:10px 12px;border-radius:14px;background:#7f1d1d;color:#fff;font-size:12px;font-weight:700}
.jim-assistant-toast-stack{position:fixed;right:14px;bottom:90px;display:grid;gap:10px;z-index:2147483646;max-width:min(92vw,360px)}
.jim-assistant-toast{opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease;border-radius:16px;padding:12px 14px;color:#fff;font-weight:800;box-shadow:0 14px 34px rgba(15,23,42,.18);background:#0f172a}
.jim-assistant-toast.show{opacity:1;transform:translateY(0)}
.jim-assistant-toast.is-success{background:#166534}
.jim-assistant-toast.is-error{background:#b91c1c}
.jim-assistant-toast.is-info{background:#1d4ed8}
@media (max-width: 820px){.jim-assistant-toast-stack{left:12px;right:12px;bottom:86px;max-width:none}}

/* v20_fix54: Jim Assistant sound settings */
.jim-assistant-settings{margin-top:8px;border:1px solid rgba(124,45,18,.14);border-radius:14px;background:#fffaf5;padding:8px 10px;}
.jim-assistant-settings summary{cursor:pointer;font-weight:800;color:#7c2d12;}
.jim-assistant-settings-body{display:grid;gap:8px;margin-top:8px;}
.jim-assistant-setting-row{display:grid;grid-template-columns:1fr;gap:4px;font-size:12px;font-weight:700;color:#7c2d12;}
.jim-assistant-setting-row select{width:100%;border:1px solid #fed7aa;border-radius:10px;padding:8px;background:#fff;color:#111827;font-weight:700;}
.jim-assistant-device-status{font-size:11px;line-height:1.45;color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:8px;word-break:break-word;}

/* v55: restore Jim assistant compact pill layout + prevent badge from stretching */
.staff-app-topbar-actions .jim-assistant{flex:0 0 auto;width:auto;max-width:none;}
.staff-app-topbar-actions .jim-assistant-button{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:auto;max-width:260px;min-width:0;white-space:nowrap;overflow:hidden;border-radius:999px;}
.staff-app-topbar-actions .jim-assistant-avatar{flex:0 0 32px;}
.staff-app-topbar-actions .jim-assistant-copy{flex:0 1 auto;min-width:0;max-width:170px;overflow:hidden;}
.staff-app-topbar-actions .jim-assistant-copy strong,.staff-app-topbar-actions .jim-assistant-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.staff-app-topbar-actions .jim-assistant-badge{flex:0 0 auto;margin-left:4px;width:auto;min-width:22px;max-width:42px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;align-self:center;white-space:nowrap;}
@media (max-width: 760px){.staff-app-topbar-actions .jim-assistant-copy{max-width:118px;}.staff-app-topbar-actions .jim-assistant-button{max-width:205px;}}
@media (max-width: 520px){.staff-app-topbar-actions .jim-assistant-copy{display:none;}.staff-app-topbar-actions .jim-assistant-button{max-width:none;}}

/* v58: lock Jim assistant topbar pill height; keep it separate from call-bill button sizing */
.staff-app-topbar-actions .jim-assistant{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  align-self:center !important;
}
.staff-app-topbar-actions .jim-assistant-button{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  width:auto !important;
  max-width:238px !important;
  min-width:0 !important;
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:5px 9px !important;
  line-height:1 !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  border-radius:999px !important;
}
.staff-app-topbar-actions .jim-assistant-avatar{
  width:30px !important;
  height:30px !important;
  flex:0 0 30px !important;
  margin:0 !important;
}
.staff-app-topbar-actions .jim-assistant-avatar img{
  width:19px !important;
  height:19px !important;
}
.staff-app-topbar-actions .jim-assistant-copy{
  display:grid !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:145px !important;
  overflow:hidden !important;
  gap:0 !important;
  line-height:1 !important;
}
.staff-app-topbar-actions .jim-assistant-copy strong{
  font-size:12px !important;
  line-height:1.05 !important;
  margin:0 !important;
}
.staff-app-topbar-actions .jim-assistant-copy span{
  font-size:10px !important;
  line-height:1.05 !important;
  margin:0 !important;
}
.staff-app-topbar-actions .jim-assistant-badge{
  flex:0 0 auto !important;
  align-self:center !important;
  min-width:20px !important;
  max-width:34px !important;
  height:20px !important;
  padding:0 5px !important;
  margin-left:2px !important;
  font-size:10px !important;
  line-height:20px !important;
}
@media (max-width: 820px){
  .staff-app-topbar-actions .jim-assistant-button{max-width:198px !important;height:40px !important;min-height:40px !important;max-height:40px !important;padding:5px 8px !important;}
  .staff-app-topbar-actions .jim-assistant-avatar{width:28px !important;height:28px !important;flex-basis:28px !important;}
  .staff-app-topbar-actions .jim-assistant-copy{max-width:112px !important;}
}
@media (max-width: 520px){
  .staff-app-topbar-actions .jim-assistant-copy{display:none !important;}
  .staff-app-topbar-actions .jim-assistant-button{max-width:none !important;width:auto !important;}
}

/* v59: restore topbar logout size; keep Jim Assistant pill styling isolated */
.staff-app-topbar-actions > .staff-topbar-logout{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  align-self:center !important;
  height:auto !important;
  min-height:36px !important;
  max-height:38px !important;
  padding:8px 12px !important;
  border-radius:12px !important;
  line-height:1.1 !important;
  font-size:.92rem !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
}
.staff-app-topbar-actions > .staff-topbar-logout *{
  line-height:1.1 !important;
}

/* v60: stable app topbar for iPad/desktop; isolate bell, Jim Assistant, logout and refresh time */
.staff-app-body .staff-app-topbar{display:grid !important;grid-template-columns:minmax(150px,1fr) auto !important;align-items:center !important;gap:10px 14px !important;padding:10px 14px !important;overflow:visible !important;}
.staff-app-body .staff-app-topbar-brand{min-width:0 !important;display:grid !important;align-content:center !important;gap:2px !important;}
.staff-app-body .staff-app-brand{font-size:1.05rem !important;line-height:1.08 !important;font-weight:900 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.staff-app-body .staff-app-subtitle{font-size:.82rem !important;line-height:1.12 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.staff-app-body .staff-app-refresh-time{color:#8a7565 !important;font-size:.68rem !important;line-height:1.1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.staff-app-body .staff-app-topbar-actions{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;margin-left:0 !important;width:auto !important;min-width:0 !important;overflow:visible !important;}
.staff-app-body .staff-app-topbar-actions > details,.staff-app-body .staff-app-topbar-actions > a,.staff-app-body .staff-app-topbar-actions > .staff-app-user{flex:0 0 auto !important;align-self:center !important;}
.staff-app-body .staff-app-topbar-actions .staff-bell-button,.staff-app-body .staff-app-topbar-actions .jim-assistant-button,.staff-app-body .staff-app-topbar-actions > .staff-topbar-logout{height:42px !important;min-height:42px !important;max-height:42px !important;box-sizing:border-box !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:14px !important;line-height:1 !important;white-space:nowrap !important;}
.staff-app-body .staff-app-topbar-actions .staff-bell-button{flex-direction:row !important;gap:7px !important;padding:7px 10px !important;min-width:110px !important;width:auto !important;overflow:hidden !important;}
.staff-app-body .staff-bell-icon{font-size:18px !important;line-height:1 !important;}
.staff-app-body .staff-bell-text{font-size:.88rem !important;font-weight:800 !important;line-height:1 !important;}
.staff-app-body .staff-bell-count,.staff-app-body .jim-assistant-badge{width:auto !important;min-width:22px !important;height:22px !important;max-height:22px !important;padding:0 6px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:999px !important;font-size:11px !important;line-height:22px !important;flex:0 0 auto !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant{width:auto !important;max-width:none !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-button{flex-direction:row !important;flex-wrap:nowrap !important;gap:7px !important;padding:5px 9px !important;width:auto !important;max-width:245px !important;min-width:0 !important;overflow:hidden !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-avatar{width:30px !important;height:30px !important;flex:0 0 30px !important;margin:0 !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-avatar img{width:19px !important;height:19px !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-copy{display:grid !important;grid-template-rows:auto auto !important;flex:0 1 auto !important;min-width:0 !important;max-width:150px !important;overflow:hidden !important;gap:0 !important;line-height:1 !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-copy strong,.staff-app-body .staff-app-topbar-actions .jim-assistant-copy span{display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;margin:0 !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-copy strong{font-size:12px !important;line-height:1.05 !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-copy span{font-size:10px !important;line-height:1.05 !important;}
.staff-app-body .staff-app-topbar-actions > .staff-topbar-logout{padding:0 13px !important;min-width:54px !important;font-size:.92rem !important;font-weight:800 !important;}
.staff-app-body .staff-app-user{padding-top:0 !important;min-width:92px !important;max-width:145px !important;display:grid !important;align-content:center !important;text-align:right !important;line-height:1.12 !important;overflow:hidden !important;}
.staff-app-body .staff-app-user strong,.staff-app-body .staff-app-user span{display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.staff-app-body .staff-app-user strong{font-size:.84rem !important;}
.staff-app-body .staff-app-user span{font-size:.72rem !important;}
.staff-app-body .staff-app-topbar-actions .jim-assistant-panel,.staff-app-body .staff-app-topbar-actions .staff-bell-panel{top:calc(100% + 8px) !important;right:0 !important;left:auto !important;transform:none !important;z-index:1300 !important;}
@media (max-width:980px){.staff-app-body .staff-app-topbar{grid-template-columns:1fr !important;align-items:start !important;}.staff-app-body .staff-app-topbar-actions{width:100% !important;justify-content:flex-end !important;gap:7px !important;}.staff-app-body .staff-app-user{max-width:118px !important;min-width:86px !important;}.staff-app-body .staff-app-topbar-actions .jim-assistant-button{max-width:210px !important;}.staff-app-body .staff-app-topbar-actions .jim-assistant-copy{max-width:118px !important;}}
@media (max-width:720px){.staff-app-body .staff-app-topbar-actions{justify-content:flex-start !important;flex-wrap:wrap !important;}.staff-app-body .staff-app-topbar-actions .staff-bell-button{min-width:104px !important;}.staff-app-body .staff-app-topbar-actions .jim-assistant-copy{display:none !important;}.staff-app-body .staff-app-topbar-actions .jim-assistant-button{max-width:none !important;}.staff-app-body .staff-app-user{min-width:0 !important;max-width:150px !important;text-align:left !important;}.staff-app-body .staff-app-topbar-actions .jim-assistant-panel,.staff-app-body .staff-app-topbar-actions .staff-bell-panel{position:fixed !important;top:72px !important;left:12px !important;right:12px !important;width:auto !important;max-width:none !important;}}


/* v20-fix report_avg_sanity + app nav/table-move polish: keep bottom nav pinned on iOS/PWA */
html{min-height:100%;overflow-x:hidden;}
body.staff-app-body{min-height:100%;overflow-x:hidden;padding-bottom:calc(108px + env(safe-area-inset-bottom,0px)) !important;}
body.staff-app-body .staff-app-main{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px)) !important;}
.staff-app-bottom-nav{
  position:fixed !important;
  left:0 !important;
  right:0 !important;
  top:auto !important;
  bottom:0 !important;
  margin:0 !important;
  transform:none !important;
  z-index:2147483646 !important;
  will-change:auto !important;
  contain:layout paint;
}
body.staff-app-nav-is-loading .staff-app-bottom-nav{bottom:0 !important;transform:none !important;}

/* v-staff-store-status-modal: order/bill top action + safe staff store status modal */
.staff-app-body .staff-app-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:2147483000 !important;
  transform:translateZ(0);
  isolation:isolate;
}
.staff-app-body .staff-app-topbar-actions > button{flex:0 0 auto !important;align-self:center !important;}
.staff-store-status-topbtn{
  height:42px;min-height:42px;max-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);color:#1d4ed8;border-radius:14px;padding:0 11px;font-weight:950;line-height:1;white-space:nowrap;box-shadow:0 8px 18px rgba(37,99,235,.08);cursor:pointer;
}
.staff-store-status-topbtn span{font-size:16px;line-height:1;}
.staff-store-status-topbtn strong{font-size:.88rem;line-height:1;}
.staff-store-status-topbtn:active{transform:translateY(1px);}
@media (max-width:720px){.staff-store-status-topbtn{height:40px;min-height:40px;padding:0 10px;}.staff-store-status-topbtn strong{font-size:.82rem;}}

.staff-store-status-modal{position:fixed;inset:0;z-index:2147483200;background:rgba(15,23,42,.46);display:none;align-items:flex-end;justify-content:center;padding:12px;}
.staff-store-status-modal.open{display:flex;}
body.staff-store-status-modal-open{overflow:hidden;}
.staff-store-status-dialog{width:min(1180px,100%);max-height:min(92vh,980px);background:#f8fafc;border:1px solid rgba(226,232,240,.96);border-radius:26px 26px 18px 18px;box-shadow:0 26px 70px rgba(15,23,42,.28);display:flex;flex-direction:column;overflow:hidden;}
.staff-store-status-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:rgba(255,255,255,.94);border-bottom:1px solid #e2e8f0;backdrop-filter:blur(12px);}
.staff-store-status-modal-head span{display:block;color:#2563eb;font-weight:950;font-size:.72rem;}
.staff-store-status-modal-head h2{margin:2px 0 1px;font-size:1.15rem;line-height:1.15;color:#0f172a;}
.staff-store-status-modal-head small{display:block;color:#64748b;font-weight:800;font-size:.76rem;line-height:1.25;}
.staff-store-status-close{width:42px;height:42px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:26px;line-height:1;font-weight:800;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.08);}
.staff-store-status-body{overflow:auto;padding:14px;background:#f8fafc;}
.staff-store-status-loading,.staff-store-status-error{padding:18px;border-radius:18px;border:1px solid #dbeafe;background:#fff;color:#334155;font-weight:900;text-align:center;}
.staff-store-status-error{border-color:#fecaca;color:#991b1b;background:#fff1f2;}

.staff-store-status-block{display:grid;gap:12px;color:#0f172a;}
.staff-store-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.staff-store-status-head span{display:block;color:#2563eb;font-size:.72rem;font-weight:950;}
.staff-store-status-head h2{margin:2px 0 2px;font-size:1.18rem;line-height:1.1;}
.staff-store-status-head small{display:block;color:#64748b;font-size:.76rem;font-weight:800;}
.staff-store-status-date{display:inline-flex;align-items:center;gap:6px;border:1px solid #dbeafe;background:#fff;border-radius:16px;padding:5px;box-shadow:0 8px 18px rgba(15,23,42,.04);}
.staff-store-status-date button{width:32px;height:32px;border-radius:12px;border:0;background:#eff6ff;color:#2563eb;font-size:18px;font-weight:950;cursor:pointer;}
.staff-store-status-date input{height:32px;border:0;background:#fff;font:inherit;font-weight:900;color:#0f172a;min-width:145px;}

.staff-store-weather{border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:18px;padding:10px 12px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;box-shadow:0 10px 22px rgba(15,23,42,.05);}
.staff-store-weather>i{width:42px;height:42px;border-radius:999px;background:#dbeafe;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:1.2rem;}
.staff-store-weather span{display:block;color:#64748b;font-size:.72rem;font-weight:950;}.staff-store-weather strong{display:block;font-size:.96rem;line-height:1.22;}.staff-store-weather small{display:block;color:#475569;font-size:.74rem;font-weight:800;line-height:1.25;margin-top:2px;}.staff-store-weather em{font-style:normal;border-radius:999px;border:1px solid #cbd5e1;background:#fff;padding:7px 10px;color:#334155;font-weight:950;font-size:.74rem;white-space:nowrap;}
.staff-store-weather.level-warning{border-color:#fed7aa;background:linear-gradient(135deg,#fff7ed,#fff);}.staff-store-weather.level-danger{border-color:#fecaca;background:linear-gradient(135deg,#fff1f2,#fff);}.staff-store-weather.level-ok{border-color:#bbf7d0;background:linear-gradient(135deg,#f0fdf4,#fff);}

.staff-store-ai-safe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.staff-store-ai-safe article{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;align-items:center;border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:11px;box-shadow:0 10px 22px rgba(15,23,42,.045);}
.staff-store-ai-safe i{grid-row:1 / span 3;width:40px;height:40px;border-radius:999px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-style:normal;}.staff-store-ai-safe span{font-size:.72rem;font-weight:950;color:#64748b;}.staff-store-ai-safe strong{font-size:.98rem;line-height:1.15;}.staff-store-ai-safe small{font-size:.74rem;font-weight:800;color:#64748b;line-height:1.22;}

.staff-store-axis-card{position:relative;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:22px;padding:18px 16px 14px;box-shadow:0 12px 28px rgba(15,23,42,.06);overflow:hidden;}
.staff-store-axis-scale{position:relative;height:22px;margin:0 8px 4px;}.staff-store-axis-scale span{position:absolute;top:0;transform:translateX(-50%);font-size:.73rem;font-weight:950;color:#0f172a;white-space:nowrap;}.staff-store-axis-scale span:first-child{transform:translateX(0);}.staff-store-axis-scale span:last-child{transform:translateX(-100%);}
.staff-store-axis-wrap{position:relative;height:230px;margin:0 8px;}.staff-store-axis-line{position:absolute;top:46px;left:0;right:0;height:4px;border-radius:999px;background:#cbd5e1;}.staff-store-axis-progress{position:absolute;top:46px;left:0;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#ea580c,#16a34a);}.staff-store-axis-future{position:absolute;top:46px;height:4px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(22,163,74,.38) 0 7px,rgba(22,163,74,.12) 7px 13px);}
.staff-store-tick{position:absolute;top:38px;height:34px;border-left:1px solid rgba(148,163,184,.28);}
.staff-store-dot{position:absolute;top:34px;transform:translateX(-50%);width:28px;height:28px;border-radius:999px;background:#fff;border:2px solid #94a3b8;display:flex;align-items:center;justify-content:center;z-index:8;box-shadow:0 7px 15px rgba(15,23,42,.12);}.staff-store-dot i{font-style:normal;font-size:13px;}.staff-store-dot.is-first{border-color:#2563eb;}.staff-store-dot.is-peak{border-color:#ea580c;}.staff-store-dot.is-now{border-color:#16a34a;background:#16a34a;color:#fff;box-shadow:0 0 0 12px rgba(34,197,94,.16),0 0 0 25px rgba(34,197,94,.08),0 12px 25px rgba(22,163,74,.20);}.staff-store-dot.is-store{border-color:#94a3b8;}
.staff-store-rain-band{position:absolute;top:16px;height:23px;border-radius:999px;background:rgba(59,130,246,.15);border:1px solid rgba(37,99,235,.22);z-index:4;display:flex;align-items:center;justify-content:center;overflow:hidden;}.staff-store-rain-band span{font-size:.66rem;font-weight:950;color:#1d4ed8;white-space:nowrap;padding:0 8px;}.staff-store-rain-band.level-medium{background:rgba(251,191,36,.18);border-color:rgba(245,158,11,.32);}.staff-store-rain-band.level-medium span{color:#b45309;}.staff-store-rain-band.level-heavy{background:rgba(239,68,68,.16);border-color:rgba(220,38,38,.30);}.staff-store-rain-band.level-heavy span{color:#b91c1c;}
.staff-store-event{position:absolute;top:76px;width:132px;min-height:70px;transform:translateX(-50%);border-radius:16px;border:1px solid #e2e8f0;background:#fff;padding:9px 10px;display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;z-index:7;box-shadow:0 14px 28px rgba(15,23,42,.08);}.staff-store-event.edge-left{transform:translateX(0);}.staff-store-event.edge-right{transform:translateX(-100%);}.staff-store-event.lane-1{top:126px;}.staff-store-event>span{width:24px;height:24px;border-radius:999px;background:#eff6ff;display:flex;align-items:center;justify-content:center;font-size:13px;}.staff-store-event strong{display:block;font-size:.76rem;line-height:1.1;}.staff-store-event b{display:block;font-size:.78rem;line-height:1.15;margin-top:3px;}.staff-store-event small{display:block;font-size:.66rem;line-height:1.2;color:#64748b;font-weight:850;margin-top:3px;}.staff-store-event.is-first{border-color:#bfdbfe;background:#eff6ff;}.staff-store-event.is-peak{border-color:#fed7aa;background:#fff7ed;}.staff-store-event.is-now{border-color:#bbf7d0;background:#f0fdf4;}.staff-store-event.is-store{border-color:#e2e8f0;background:#fff;}
.staff-store-phase{position:absolute;bottom:28px;height:44px;border-top:2px solid #cbd5e1;text-align:center;padding-top:8px;color:#64748b;}.staff-store-phase.has-data{border-top-color:#2563eb;color:#1d4ed8;}.staff-store-phase b{display:block;font-size:.72rem;font-weight:950;}.staff-store-phase span{display:block;font-size:.68rem;font-weight:900;margin-top:1px;}
.staff-store-legend{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px;color:#64748b;font-size:.72rem;font-weight:900;}.staff-store-legend span{display:inline-flex;align-items:center;gap:6px;}.staff-store-legend i{width:9px;height:9px;border-radius:999px;background:#94a3b8;}.staff-store-legend .is-first{background:#2563eb;}.staff-store-legend .is-peak{background:#ea580c;}.staff-store-legend .is-now{background:#16a34a;}.staff-store-legend .is-rain{background:#60a5fa;}.staff-store-legend .is-muted{background:#94a3b8;}

.staff-store-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;}.staff-store-kpi-grid article{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:8px;box-shadow:0 10px 22px rgba(15,23,42,.045);}.staff-store-kpi-grid i{grid-row:1 / span 3;width:38px;height:38px;border-radius:999px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-style:normal;}.staff-store-kpi-grid span{font-size:.72rem;font-weight:950;color:#64748b;}.staff-store-kpi-grid strong{font-size:.92rem;line-height:1.16;overflow-wrap:anywhere;}.staff-store-kpi-grid small{font-size:.7rem;font-weight:800;color:#64748b;line-height:1.22;}.staff-store-kpi-grid .is-blue{background:#eff6ff;border-color:#bfdbfe;}.staff-store-kpi-grid .is-green{background:#f0fdf4;border-color:#bbf7d0;}.staff-store-kpi-grid .is-orange{background:#fff7ed;border-color:#fed7aa;}.staff-store-kpi-grid .is-teal{background:#ecfeff;border-color:#99f6e4;}.staff-store-kpi-grid .is-purple{background:#faf5ff;border-color:#e9d5ff;}.staff-store-kpi-grid .level-danger{background:#fff1f2;border-color:#fecaca;}.staff-store-kpi-grid .level-warning{background:#fff7ed;border-color:#fed7aa;}
.staff-store-kitchen-alert{border:1px solid #dbeafe;background:#fff;border-radius:20px;padding:12px;box-shadow:0 10px 24px rgba(15,23,42,.045);}.staff-store-kitchen-alert.level-danger{border-color:#fecaca;background:#fff1f2;}.staff-store-kitchen-alert.level-warning{border-color:#fed7aa;background:#fff7ed;}.staff-store-kitchen-alert.level-watch{border-color:#bfdbfe;background:#eff6ff;}.staff-store-kitchen-head{display:flex;justify-content:space-between;gap:10px;align-items:start;margin-bottom:10px;}.staff-store-kitchen-head span{font-size:.72rem;color:#64748b;font-weight:950;}.staff-store-kitchen-head h3{margin:2px 0;font-size:1rem;}.staff-store-kitchen-head small{color:#64748b;font-weight:800;font-size:.72rem;}.staff-store-kitchen-head>strong{border-radius:999px;background:#fff;border:1px solid #e2e8f0;padding:7px 10px;font-size:.82rem;white-space:nowrap;}.staff-store-kitchen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.staff-store-kitchen-grid article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:10px;display:grid;gap:3px;}.staff-store-kitchen-grid article.level-danger{border-color:#fecaca;}.staff-store-kitchen-grid article.level-warning{border-color:#fed7aa;}.staff-store-kitchen-grid b{font-size:.9rem;}.staff-store-kitchen-grid span{font-size:.7rem;font-weight:950;color:#2563eb;}.staff-store-kitchen-grid strong{font-size:.86rem;}.staff-store-kitchen-grid small{font-size:.7rem;line-height:1.25;color:#64748b;font-weight:800;}.staff-store-kitchen-grid em{font-style:normal;font-size:.72rem;font-weight:950;color:#0f172a;margin-top:2px;}.staff-store-clear{border-radius:16px;background:#fff;padding:12px;color:#166534;font-weight:950;}
.staff-store-period-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;}.staff-store-period-grid article{border:1px solid #e2e8f0;background:#fff;border-radius:16px;padding:10px;display:grid;gap:4px;}.staff-store-period-grid article.has-data{border-color:#bfdbfe;background:#eff6ff;}.staff-store-period-grid div{display:flex;align-items:center;gap:6px;min-width:0;}.staff-store-period-grid i{font-style:normal;}.staff-store-period-grid strong{font-size:.82rem;}.staff-store-period-grid span{margin-left:auto;color:#64748b;font-size:.66rem;font-weight:850;}.staff-store-period-grid b{font-size:.92rem;}.staff-store-period-grid small{font-size:.72rem;color:#64748b;font-weight:850;}
.staff-store-active-list{border:1px solid #bfdbfe;background:#eff6ff;border-radius:18px;padding:10px 12px;display:grid;gap:8px;}.staff-store-active-list>b{font-size:.86rem;}.staff-store-active-list div{display:flex;flex-wrap:wrap;gap:6px;}.staff-store-active-list span{border-radius:999px;background:#fff;border:1px solid #bfdbfe;color:#1d4ed8;padding:6px 9px;font-weight:950;font-size:.75rem;}
@media (max-width:980px){.staff-store-ai-safe,.staff-store-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.staff-store-kitchen-grid{grid-template-columns:1fr 1fr;}.staff-store-period-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.staff-store-axis-card{overflow-x:auto;}.staff-store-axis-scale,.staff-store-axis-wrap{min-width:820px;}}
@media (max-width:640px){.staff-store-status-modal{padding:0;}.staff-store-status-dialog{max-height:96vh;border-radius:22px 22px 0 0;}.staff-store-status-head,.staff-store-kitchen-head{display:grid;}.staff-store-status-date{justify-self:start;}.staff-store-weather{grid-template-columns:38px minmax(0,1fr);}.staff-store-weather em{grid-column:1 / -1;justify-self:start;}.staff-store-ai-safe,.staff-store-kpi-grid,.staff-store-kitchen-grid,.staff-store-period-grid{grid-template-columns:1fr;}.staff-store-status-body{padding:10px;}}


/* v-staff-topbar-freeze-hardening: keep app top row pinned while pages scroll */
html, body.staff-app-body{
  overflow-x:hidden !important;
}
.staff-app-body .staff-app-shell{
  overflow:visible !important;
  isolation:isolate;
}
.staff-app-body .staff-app-topbar{
  position:sticky !important;
  top:0 !important;
  z-index:2147483000 !important;
  transform:translateZ(0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
  background:rgba(247,241,236,.98) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.08);
}
.staff-app-body .staff-app-main{
  position:relative;
  z-index:1;
}
.staff-app-body.staff-store-status-modal-open .staff-app-topbar{
  z-index:2147483000 !important;
}
.staff-store-status-modal{
  z-index:2147483200 !important;
}


/* v-store-status-visible-page-action: visible entry point inside Order/Bill page header */
.staff-orderbill-board-head{align-items:center !important;gap:12px !important;}
.staff-orderbill-head-actions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;flex-wrap:wrap !important;}
.staff-store-status-pagebtn{
  height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  border:1px solid #bfdbfe;background:linear-gradient(135deg,#eff6ff,#ffffff);color:#1d4ed8;
  border-radius:14px;padding:0 12px;font-weight:950;line-height:1;white-space:nowrap;
  box-shadow:0 8px 18px rgba(37,99,235,.08);cursor:pointer;
}
.staff-store-status-pagebtn span{font-size:16px;line-height:1;}
.staff-store-status-pagebtn strong{font-size:.88rem;line-height:1;}
.staff-store-status-pagebtn:active{transform:translateY(1px);}
@media (max-width:720px){
  .staff-orderbill-board-head{display:grid !important;grid-template-columns:1fr !important;}
  .staff-orderbill-head-actions{justify-content:flex-start !important;width:100% !important;}
  .staff-store-status-pagebtn{height:38px;min-height:38px;padding:0 10px;}
  .staff-store-status-pagebtn strong{font-size:.82rem;}
}


/* v-store-status-modal-safe-staff-view: hide app bottom tabs while modal is open + keep staff view operational only */
body.staff-store-status-modal-open .staff-app-bottom-nav{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(120%) !important;
  z-index:1 !important;
}
.staff-store-status-modal{
  z-index:2147483647 !important;
  padding-bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;
}
.staff-store-status-dialog{
  max-height:calc(100dvh - 24px - env(safe-area-inset-bottom,0px)) !important;
}
.staff-store-status-body{
  padding-bottom:calc(28px + env(safe-area-inset-bottom,0px)) !important;
  overscroll-behavior:contain;
}
.staff-store-ai-safe article strong,
.staff-store-kpi-grid article strong,
.staff-store-kitchen-alert strong{
  overflow-wrap:anywhere;
}
.staff-store-status-modal-head small{
  color:#475569;
}
@media (max-width:640px){
  .staff-store-status-modal{padding:0 !important;align-items:stretch !important;}
  .staff-store-status-dialog{width:100% !important;max-height:100dvh !important;border-radius:18px 18px 0 0 !important;}
  .staff-store-status-body{padding-bottom:calc(38px + env(safe-area-inset-bottom,0px)) !important;}
}


/* v-store-status-topbar-only-fixed-modal: one entry point, real frozen topbar, modal above app tabs */
:root{--staff-topbar-offset:72px;}
body.staff-app-body .staff-app-topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  z-index:2147483000 !important;
  margin:0 !important;
  border-radius:0 !important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
body.staff-app-body .staff-app-shell{
  padding-top:var(--staff-topbar-offset,72px) !important;
}
body.staff-app-body .staff-app-main{
  scroll-margin-top:var(--staff-topbar-offset,72px);
}
.staff-store-status-topbtn{
  min-width:118px;
}
.staff-store-status-pagebtn{
  display:none !important;
}
body.staff-store-status-modal-open .staff-app-bottom-nav{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}
.staff-store-status-modal{
  z-index:2147483647 !important;
  align-items:center !important;
  padding:12px !important;
}
.staff-store-status-dialog{
  max-height:calc(100dvh - 24px) !important;
}
.staff-store-status-modal-head span{
  color:#2563eb;
}
.staff-store-status-modal-head small{
  color:#64748b;
}
@media (max-width:720px){
  :root{--staff-topbar-offset:112px;}
  body.staff-app-body .staff-app-topbar{
    max-height:52dvh;
    overflow:auto !important;
    overscroll-behavior:contain;
  }
}
@media (max-width:640px){
  .staff-store-status-modal{
    padding:8px !important;
    align-items:center !important;
  }
  .staff-store-status-dialog{
    width:100% !important;
    max-height:calc(100dvh - 16px) !important;
    border-radius:20px !important;
  }
  .staff-store-status-body{
    padding-bottom:calc(16px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* v-store-status-global-topbar-modal: show store status everywhere; modal must cover fixed top/bottom bars */
.staff-app-topbar .staff-store-status-topbtn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  height:42px !important;
  min-height:42px !important;
  min-width:118px !important;
  border:1px solid #bfdbfe !important;
  background:linear-gradient(135deg,#eff6ff,#ffffff) !important;
  color:#1d4ed8 !important;
  border-radius:14px !important;
  padding:0 13px !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 8px 18px rgba(37,99,235,.08) !important;
  cursor:pointer !important;
}
body.staff-store-status-modal-open{overflow:hidden !important;}
body.staff-store-status-modal-open .staff-store-status-modal.open{
  position:fixed !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:2147483647 !important;
  padding:16px !important;
  background:rgba(15,23,42,.58) !important;
  isolation:isolate !important;
}
body.staff-store-status-modal-open .staff-app-topbar,
body.staff-store-status-modal-open .staff-app-bottom-nav{
  z-index:2147482500 !important;
}
body.staff-store-status-modal-open .staff-store-status-dialog{
  width:min(1180px,calc(100vw - 32px)) !important;
  max-height:calc(100dvh - 32px) !important;
  border-radius:26px !important;
  overflow:hidden !important;
  position:relative !important;
  z-index:2147483647 !important;
}
body.staff-store-status-modal-open .staff-store-status-body{
  max-height:calc(100dvh - 116px) !important;
  overflow:auto !important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)) !important;
}
@media (max-width:720px){
  .staff-app-topbar .staff-store-status-topbtn{height:38px !important;min-height:38px !important;min-width:104px !important;padding:0 10px !important;}
  .staff-app-topbar .staff-store-status-topbtn strong{font-size:.82rem !important;}
  body.staff-store-status-modal-open .staff-store-status-modal.open{padding:8px !important;}
  body.staff-store-status-modal-open .staff-store-status-dialog{width:calc(100vw - 16px) !important;max-height:calc(100dvh - 16px) !important;border-radius:20px !important;}
  body.staff-store-status-modal-open .staff-store-status-body{max-height:calc(100dvh - 104px) !important;}
}

/* v-store-status-live-timeline: pulse current point + live timers + compact time strip */
.staff-store-status-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.staff-store-status-live{border:1px solid #dbeafe;background:#fff;border-radius:14px;padding:7px 10px;display:grid;gap:1px;min-width:118px;box-shadow:0 8px 18px rgba(15,23,42,.04);}
.staff-store-status-live span{font-size:.66rem;color:#64748b;font-weight:950;line-height:1;}
.staff-store-status-live strong{font-size:.86rem;color:#0f172a;line-height:1.1;}
.staff-store-status-live small{font-size:.64rem;color:#16a34a;font-weight:900;line-height:1.05;}
.staff-store-time-strip{margin:10px 0 10px;border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:16px;padding:8px 10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center;}
.staff-store-time-strip span{font-size:.78rem;font-weight:950;color:#1d4ed8;line-height:1.2;}
.staff-store-time-strip b{display:block;color:#64748b;font-size:.64rem;font-weight:900;margin-bottom:2px;}
.staff-store-dot.is-now{animation:staffStoreNowPulse 1.35s ease-in-out infinite;}
.staff-store-dot.is-now:after{content:"";position:absolute;inset:-13px;border-radius:999px;border:2px solid rgba(34,197,94,.22);animation:staffStoreNowRing 1.35s ease-out infinite;}
.staff-store-active-list span b{font-variant-numeric:tabular-nums;color:#0f172a;}
@keyframes staffStoreNowPulse{0%,100%{transform:translateX(-50%) scale(1);box-shadow:0 0 0 10px rgba(34,197,94,.14),0 0 0 22px rgba(34,197,94,.07),0 12px 25px rgba(22,163,74,.20);}50%{transform:translateX(-50%) scale(1.08);box-shadow:0 0 0 16px rgba(34,197,94,.20),0 0 0 32px rgba(34,197,94,.10),0 18px 34px rgba(22,163,74,.28);}}
@keyframes staffStoreNowRing{0%{opacity:.8;transform:scale(.7);}100%{opacity:0;transform:scale(1.45);}}
@media (max-width:640px){.staff-store-status-head-actions{justify-content:flex-start;}.staff-store-status-live,.staff-store-status-date{width:100%;}.staff-store-time-strip{grid-template-columns:1fr;text-align:left;}}

/* v-top-bottom-overlay-input-fix: keep topbar sticky without covering forms; reserve room above bottom nav */
body.staff-app-body .staff-app-topbar{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  z-index:1200 !important;
  transform:none !important;
  -webkit-transform:none !important;
}
body.staff-app-body .staff-app-shell{
  padding-top:0 !important;
  padding-bottom:calc(118px + env(safe-area-inset-bottom,0px)) !important;
}
body.staff-app-body .staff-app-main{
  padding-bottom:calc(118px + env(safe-area-inset-bottom,0px)) !important;
  scroll-padding-top:calc(var(--staff-topbar-offset,72px) + 12px) !important;
  scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom,0px)) !important;
}
html,body{
  scroll-padding-top:calc(var(--staff-topbar-offset,72px) + 12px);
  scroll-padding-bottom:calc(118px + env(safe-area-inset-bottom,0px));
}
body.staff-app-body input,
body.staff-app-body select,
body.staff-app-body textarea,
body.staff-app-body button,
body.staff-app-body a,
body.staff-app-body [tabindex]{
  scroll-margin-top:calc(var(--staff-topbar-offset,72px) + 14px) !important;
  scroll-margin-bottom:calc(118px + env(safe-area-inset-bottom,0px)) !important;
}
body.staff-app-body .staff-app-bottom-nav{
  z-index:1100 !important;
}
body.staff-store-status-modal-open .staff-store-status-modal.open{
  z-index:2147483647 !important;
}
body.staff-store-status-modal-open .staff-app-topbar,
body.staff-store-status-modal-open .staff-app-bottom-nav{
  z-index:1100 !important;
}
.report-store-refresh-btn{min-width:0;}
@media (max-width:720px){
  body.staff-app-body .staff-app-topbar{max-height:none !important;overflow:visible !important;}
  body.staff-app-body .staff-app-shell,
  body.staff-app-body .staff-app-main{padding-bottom:calc(126px + env(safe-area-inset-bottom,0px)) !important;}
}

/* v-report-weather-async-bottom-safe: keep daily input above bottom nav and prevent weather from blocking reports */
.report-store-weather-alert.level-loading{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff);}
.report-store-weather-alert.level-loading>i{background:#dbeafe;animation:staffStoreWeatherPulse 1.2s ease-in-out infinite alternate;}
@keyframes staffStoreWeatherPulse{from{opacity:.55;transform:scale(.96);}to{opacity:1;transform:scale(1.04);}}
body.staff-app-body .staff-app-shell,
body.staff-app-body .staff-app-main{
  padding-bottom:calc(190px + env(safe-area-inset-bottom,0px)) !important;
  scroll-padding-bottom:calc(190px + env(safe-area-inset-bottom,0px)) !important;
}
body.staff-app-body .staff-app-main > *:last-child{margin-bottom:calc(150px + env(safe-area-inset-bottom,0px)) !important;}
body.staff-app-body .report-entry-form-grid,
body.staff-app-body .report-filter-form{
  scroll-margin-bottom:calc(190px + env(safe-area-inset-bottom,0px)) !important;
}
body.staff-app-body .report-entry-form-grid input,
body.staff-app-body .report-entry-form-grid select,
body.staff-app-body .report-entry-form-grid textarea,
body.staff-app-body .report-entry-form-grid button{
  scroll-margin-bottom:calc(190px + env(safe-area-inset-bottom,0px)) !important;
}
body.staff-app-body .report-entry-actions{padding-bottom:8px;}
@media (max-width:720px){
  body.staff-app-body .staff-app-shell,
  body.staff-app-body .staff-app-main{padding-bottom:calc(210px + env(safe-area-inset-bottom,0px)) !important;scroll-padding-bottom:calc(210px + env(safe-area-inset-bottom,0px)) !important;}
  body.staff-app-body .staff-app-main > *:last-child{margin-bottom:calc(170px + env(safe-area-inset-bottom,0px)) !important;}
}

/* v-report-drill-modal-above-app-nav: keep report edit/drill modal above fixed app bars on iOS/PWA */
body.staff-app-body.report-modal-open .report-drill-dialog-backdrop,
body.staff-app-body .report-drill-dialog-backdrop{
  z-index:2147483647 !important;
  padding-top:calc(10px + env(safe-area-inset-top,0px)) !important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)) !important;
  align-items:center !important;
}
body.staff-app-body.report-modal-open .report-drill-dialog,
body.staff-app-body .report-drill-dialog{
  max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
  padding-bottom:calc(18px + env(safe-area-inset-bottom,0px)) !important;
  scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom,0px)) !important;
}
body.staff-app-body.report-modal-open .report-drill-dialog .report-entry-actions,
body.staff-app-body .report-drill-dialog .report-entry-actions{
  bottom:calc(8px + env(safe-area-inset-bottom,0px)) !important;
  z-index:2147483647 !important;
  padding:16px 0 calc(10px + env(safe-area-inset-bottom,0px)) !important;
  margin-bottom:0 !important;
}
body.staff-app-body.report-modal-open .report-drill-dialog input,
body.staff-app-body.report-modal-open .report-drill-dialog select,
body.staff-app-body.report-modal-open .report-drill-dialog textarea,
body.staff-app-body.report-modal-open .report-drill-dialog button{
  scroll-margin-top:calc(96px + env(safe-area-inset-top,0px)) !important;
  scroll-margin-bottom:calc(128px + env(safe-area-inset-bottom,0px)) !important;
}
@media (max-width:720px){
  body.staff-app-body.report-modal-open .report-drill-dialog-backdrop,
  body.staff-app-body .report-drill-dialog-backdrop{
    padding:calc(8px + env(safe-area-inset-top,0px)) 8px calc(12px + env(safe-area-inset-bottom,0px)) !important;
    align-items:stretch !important;
  }
  body.staff-app-body.report-modal-open .report-drill-dialog,
  body.staff-app-body .report-drill-dialog{
    width:100% !important;
    max-height:calc(100dvh - 20px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)) !important;
    padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px)) !important;
    border-radius:20px !important;
  }
  body.staff-app-body.report-modal-open .report-drill-dialog .report-entry-actions,
  body.staff-app-body .report-drill-dialog .report-entry-actions{
    bottom:calc(6px + env(safe-area-inset-bottom,0px)) !important;
  }
}

/* v63: global fixed staff app topbar
   Keep the Staff App header (user / call bill / Jim Assistant) pinned from the shell level,
   not from individual pages, so page-specific CSS cannot accidentally unfreeze it again. */
:root{--staff-app-topbar-height:72px;}
body.staff-app-body{scroll-padding-top:calc(var(--staff-app-topbar-height,72px) + 14px) !important;}
.staff-app-body .staff-app-shell{padding-top:var(--staff-app-topbar-height,72px) !important;}
.staff-app-body .staff-app-topbar{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  max-width:100vw !important;
  margin:0 !important;
  box-sizing:border-box !important;
  z-index:2147483000 !important;
  transform:translateZ(0) !important;
  -webkit-transform:translateZ(0) !important;
  will-change:transform !important;
  isolation:isolate !important;
}
.staff-app-body .staff-app-topbar-actions .jim-assistant-panel,
.staff-app-body .staff-app-topbar-actions .staff-bell-panel{
  z-index:2147483010 !important;
}
@media (max-width:900px){
  .staff-app-body .staff-app-topbar-actions .jim-assistant-panel,
  .staff-app-body .staff-app-topbar-actions .staff-bell-panel{
    position:fixed !important;
    top:calc(var(--staff-app-topbar-height,72px) + 8px) !important;
    left:12px !important;
    right:12px !important;
    width:auto !important;
    max-width:none !important;
  }
}
@supports (padding-top: env(safe-area-inset-top)){
  .staff-app-standalone .staff-app-body .staff-app-topbar,
  html.staff-app-standalone body.staff-app-body .staff-app-topbar{
    padding-top:calc(10px + env(safe-area-inset-top,0px)) !important;
  }
}