/* Management and overview use document flow, independently of station/service screens. */
.management-header-context { display:none; }
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) {
  overflow:auto !important; height:auto !important; min-height:100dvh;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar {
  position:relative !important; inset:auto !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:center; justify-content:space-between; gap:12px !important; width:100% !important; min-height:64px !important; height:auto !important; padding:10px clamp(12px,2vw,28px) !important; z-index:300; box-sizing:border-box; border-bottom:1px solid #31594a; background:var(--theme-deep,#07352a) !important; box-shadow:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .brand-block {
  display:block !important; position:static !important; flex:1; min-width:0; padding:0 !important; margin:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .brand-lockup,
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .mobile-service-context,
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #mobileServiceControls {
  display:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-context {
  display:grid; gap:2px; min-width:0; color:#fff;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-context strong {
  font-size:18px; line-height:1.3; font-weight:750;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-context span {
  font-size:13px; line-height:1.4; color:#cbe0d6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .mobile-service-actions {
  position:static !important; inset:auto !important; display:flex !important; flex:0 0 44px; align-items:center; width:44px !important; min-width:44px; height:44px !important; padding:0 !important; margin:0 !important; transform:none !important; background:none !important; border:0 !important; box-shadow:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .mobile-service-actions > :not(#mobileMenuButton) {
  display:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #mobileMenuButton {
  position:static !important; inset:auto !important; display:grid !important; place-items:center; width:44px !important; min-width:44px !important; height:44px !important; min-height:44px !important; margin:0 !important; padding:0 !important; transform:none !important; border:1px solid #6d9a87; border-radius:10px; color:#fff; background:#184c3b;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #mobileMenuButton span {
  width:auto !important; height:auto !important; color:inherit !important; background:none !important; font:750 16px/1 system-ui !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #mobileMenuButton img {
  width:30px; height:30px; object-fit:cover; border-radius:50%;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .header-actions {
  display:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar.mobile-menu-open .header-actions {
  position:absolute !important; inset:calc(100% + 6px) 12px auto auto !important; display:flex !important; flex-direction:column; align-items:stretch; width:min(350px,calc(100vw - 24px)) !important; min-width:0 !important; max-width:calc(100vw - 24px) !important; max-height:calc(100dvh - 90px); padding:12px !important; gap:10px !important; box-sizing:border-box; overflow:auto; background:var(--surface,#fff) !important; color:var(--text,#163b2c) !important; border:1px solid var(--line,#c5d5ca); border-radius:12px; box-shadow:0 16px 42px #00190f30; z-index:450;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar.mobile-menu-open .header-actions > * {
  display:none !important; width:100%; min-width:0; box-sizing:border-box; margin:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar.mobile-menu-open .header-actions > :is(.station-view-switcher,.screen-settings,.theme-picker-mount,#languageSwitcher,#employeeLanguageSwitcher,.mobile-change-staff,.employee-menu-logout,[data-qr-menu]) {
  display:grid !important; gap:6px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar.mobile-menu-open .header-actions > .employee-menu-summary {
  display:grid !important; grid-template-columns:36px minmax(0,1fr) 36px; gap:8px; align-items:center; padding:8px; border-radius:9px; background:var(--surface-soft,#eff5f1);
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .employee-menu-summary .employee-menu-avatar {
  display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#efd16b; color:#1e372b; font-size:14px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .employee-menu-summary small {
  display:block; font-size:12px; color:var(--muted,#587163);
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .header-actions :is(button,select) {
  min-height:44px; height:auto; max-width:100%; width:100%; padding:8px 10px; font-size:15px; line-height:1.4; white-space:normal; box-sizing:border-box;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .header-actions .employee-menu-close {
  width:36px; min-height:36px; height:36px; padding:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .header-actions .theme-picker-panel {
  position:static !important; width:100%; max-width:100%; margin-top:6px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar.mobile-menu-open .header-actions .theme-picker-toggle {
  display:flex !important; align-items:center; gap:8px; justify-content:flex-start; min-height:44px; background:var(--surface,#fff) !important; color:var(--text,#163b2c) !important; border:1px solid var(--line,#c5d5ca);
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .header-actions .theme-picker-toggle-label {
  display:inline !important; color:inherit !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell {
  position:static !important; inset:auto !important; display:block !important; width:100% !important; max-width:1600px !important; min-height:0 !important; height:auto !important; margin:0 auto !important; padding:16px clamp(12px,2vw,28px) 32px !important; box-sizing:border-box; overflow:visible !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace {
  display:block; width:100%; min-width:0; max-width:none; height:auto !important; overflow:visible !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace .view-tabs {
  position:static !important; inset:auto !important; transform:none !important; display:flex !important; flex-direction:row !important; flex-wrap:wrap; align-items:stretch; gap:6px; width:100% !important; min-width:0; max-height:none !important; height:auto !important; margin:0 0 18px !important; padding:6px !important; border:1px solid var(--line,#c6d5cb); border-radius:12px !important; background:var(--surface,#fff) !important; box-shadow:none; backdrop-filter:none; box-sizing:border-box; z-index:auto;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace .view-tabs .tab-button {
  position:relative; display:flex !important; align-items:center; justify-content:center; flex:1 1 110px; width:auto !important; min-width:0; max-width:none; height:auto !important; min-height:44px !important; padding:9px 12px !important; margin:0; border:1px solid transparent; border-radius:8px !important; background:transparent; color:var(--text,#163b2d); font:700 15px/1.35 system-ui !important; text-align:center; white-space:normal; overflow-wrap:anywhere;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace .view-tabs .tab-button::before,
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace .view-tabs .tab-button::after {
  display:none !important; content:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace .view-tabs .tab-button.active {
  background:#087357 !important; color:#fff !important; border-color:#087357; box-shadow:none;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell .workspace .view-tabs .tab-button[hidden] {
  display:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView.active {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:18px; min-width:0; width:100%; max-width:none; margin:0; padding:0 !important; overflow:visible !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView > .section-heading {
  display:block; min-height:0 !important; padding:4px 0 !important; margin:0 !important; background:none !important; color:var(--text,#133e2d) !important; border:0; border-radius:0; box-shadow:none;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView > .section-heading .eyebrow {
  display:none;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView > .section-heading h2 {
  font-size:28px !important; line-height:1.25; margin:0; color:inherit !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .admin-overview {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr)) !important; gap:12px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .admin-action-card {
  min-height:116px !important; padding:16px !important; border-radius:12px; text-align:start;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .admin-action-card strong {
  font-size:19px; line-height:1.3; margin:7px 0; overflow-wrap:anywhere;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .admin-action-card small {
  font-size:14px; line-height:1.45;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .restaurant-admin {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; align-items:stretch !important; gap:16px; padding:18px !important; min-width:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .restaurant-admin > * {
  grid-column:1/-1 !important; grid-row:auto !important; width:100%; min-width:0; max-width:100%; box-sizing:border-box; margin:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .restaurant-admin-grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:10px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView :is(#languageSettings,#qrSettings) {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:16px; padding:18px !important; border:1px solid var(--line,#c6d6cd); border-radius:12px; background:var(--surface,#fff); color:var(--text,#173d2d); font-size:16px; line-height:1.5; overflow:visible;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView :is(#languageSettings,#qrSettings) * {
  min-width:0; box-sizing:border-box;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings h3,
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #qrSettings form > strong {
  display:block; font-size:19px; margin:0; line-height:1.4;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings header p {
  margin:4px 0 0; color:var(--muted,#597064); font-size:14px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings .management-language-options {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:16px; width:100%; max-width:700px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings label {
  display:grid; gap:6px; font-size:15px; font-weight:650;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings select {
  display:block; width:100%; max-width:100%; min-height:44px; height:auto; margin:0; font-size:16px; color:inherit; background:var(--surface,#fff);
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings fieldset {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(105px,1fr)) !important; gap:8px 12px; margin:0; padding:0; border:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings legend {
  font-size:15px; font-weight:700; margin-bottom:8px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings fieldset label {
  display:flex; align-items:center; gap:8px; min-height:40px; padding:4px 6px; font-size:15px; font-weight:600;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #languageSettings input[type=checkbox] {
  width:22px; height:22px; min-height:22px; flex:0 0 22px; margin:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #qrSettings form {
  display:grid; gap:14px; width:100%; max-width:none; margin:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #qrSettings form p {
  max-width:80ch; font-size:15px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #qrSettings form label {
  display:flex; align-items:center; gap:10px; font-size:16px; font-weight:650;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView :is(#languageSettings,#qrSettings) button {
  justify-self:start; max-width:100%; min-height:44px; height:auto; padding:10px 16px; font-size:15px; white-space:normal; overflow-wrap:anywhere;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView :is(.staff-manager,.menu-manager,.takeaway-manager) {
  min-width:0; max-width:100%; overflow-wrap:anywhere;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView.active {
  margin:0 !important; width:100% !important; max-width:none !important;
}
@media(max-width:700px) {
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView .restaurant-admin {
  padding:12px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView :is(#languageSettings,#qrSettings) {
  padding:14px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #managerView :is(.staff-manager-grid,.menu-manager-grid,.takeaway-manager-grid) {
  grid-template-columns:minmax(0,1fr) !important;
}
}

/* Separate daily catalog work from occasional setup. Filters remain in document flow. */
.menu-mobile-course-filter { display:none; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar[hidden] { display:none !important; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-result-tools { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; justify-content:space-between; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-select-visible { display:flex; gap:8px; align-items:center; min-height:44px; margin:0; font-size:14px; }
html body.state-account.state-staff[data-active-view="manager"] #managerView > [data-manager-area-panel][hidden],
html body.state-account.state-staff[data-active-view="manager"] #managerView #managerSetupTabs[hidden] {
  display:none !important;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-workspace-tabs,
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-setup-tabs {
  position:static !important; display:flex; flex-wrap:wrap; gap:8px; width:100%; padding:0; margin:0;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-workspace-tabs button,
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-setup-tabs button {
  flex:0 1 auto; min-height:44px; padding:10px 18px; border:1px solid var(--line,#b9cfc2); border-radius:9px; background:var(--surface,#fff); color:var(--text,#173b2c); font:650 15px/1.3 system-ui;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-workspace-tabs [aria-pressed=true] {
  background:#087357; border-color:#087357; color:#fff;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-setup-tabs [aria-pressed=true] {
  border-color:#087357; background:#e1f3eb; color:#14553c; box-shadow:inset 0 -3px #087357;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView #managerKitchenSetup {
  display:grid; gap:14px; min-width:0;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView #managerKitchenSetup .km-library {
  margin:0;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView #menuManager {
  padding:18px !important; margin:0; min-width:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager > .section-heading {
  display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:14px; padding:0; min-height:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager > .section-heading .eyebrow {
  display:none;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager > .section-heading h2 {
  font-size:22px !important; line-height:1.3; margin:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-manager-grid {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:14px; min-width:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager :is(.menu-search-label,.menu-category-panel,.menu-filter-toolbar,.menu-inline-editor,.menu-form-actions,.menu-data-table thead,.menu-category-header) {
  position:static !important; inset:auto !important; transform:none !important; max-height:none !important;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager #menuCategoryNav {
  display:flex !important; flex-wrap:wrap; align-items:stretch; gap:6px; width:100%; min-width:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager #menuCategoryNav button {
  display:flex; align-items:center; gap:7px; min-height:44px; margin:0; padding:8px 12px; background:var(--surface-soft,#f1f6f3); border:1px solid var(--line,#c6d5ca); color:var(--text,#173c2b); font-size:14px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager #menuCategoryNav button[aria-pressed=true] {
  background:#087357; color:#fff; border-color:#087357;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager #menuCategoryNav small {
  color:inherit; font-size:12px; opacity:.8;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-filter-toolbar {
  display:grid; grid-template-columns:minmax(200px,2fr) repeat(3,minmax(130px,1fr)) auto; align-items:end; gap:10px; padding:12px; background:var(--surface-soft,#f3f7f4); border:1px solid var(--line,#c7d8cb); border-radius:10px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-filter-toolbar label,
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar label {
  display:grid; gap:5px; min-width:0; margin:0; padding:0; border:0; background:none; font-size:14px; color:var(--text,#173a2b);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-filter-toolbar :is(input,select),
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar select {
  display:block; width:100%; min-width:0; max-width:100%; min-height:44px; height:auto; padding:8px 10px; margin:0; background:var(--surface,#fff); border:1px solid var(--line,#bdd0c2); border-radius:8px; color:var(--text,#163e2d); font:400 15px/1.4 system-ui; box-sizing:border-box;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager :is(.menu-filter-toolbar,.menu-batch-toolbar) button {
  min-height:44px; height:auto; padding:9px 12px; font-size:14px; white-space:normal;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar {
  display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; width:100%; min-width:0; padding:12px; border:1px solid var(--line,#c5d6cb); border-radius:10px; background:var(--surface,#fff);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar label.menu-select-visible {
  display:flex; align-items:center; gap:8px; min-height:44px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar > label:not(.menu-select-visible) {
  grid-template-columns:auto minmax(130px,180px); align-items:center; gap:8px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar strong {
  font-size:14px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar p {
  flex-basis:100%; margin:0; font-size:14px; color:var(--text,#173f2c);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager input[type=checkbox] {
  width:22px; height:22px; min-height:22px; margin:0; accent-color:#087357; vertical-align:middle;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-result-count {
  margin:0; font-size:14px; color:var(--muted,#587060);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager #menuList {
  display:block; min-width:0; width:100%; max-width:100%; max-height:none; overflow:visible;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table {
  width:100%; table-layout:fixed; border-collapse:collapse; border:1px solid var(--line,#c6d5ca); background:var(--surface,#fff); color:var(--text,#173a2c);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th {
  padding:10px 8px; text-align:start; font-size:13px; line-height:1.3; background:var(--surface-soft,#edf4ef); border-bottom:1px solid var(--line,#c5d5c8); overflow-wrap:anywhere;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:first-child {
  width:42px; font-size:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(2) {
  width:50px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(3) {
  width:22%;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(4) {
  width:14%;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(5),
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(6) {
  width:12%;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(7) {
  width:90px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table th:nth-child(8) {
  width:100px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tr.menu-product-row {
  display:table-row !important; min-height:0; padding:0; margin:0; border:0; border-radius:0; background:var(--surface,#fff);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td {
  padding:10px 8px; min-width:0; height:auto; vertical-align:middle; border-bottom:1px solid var(--line,#c5d5c9); font-size:14px; line-height:1.45; overflow-wrap:anywhere;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td.menu-table-name {
  font-weight:700; font-size:15px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td.menu-table-price {
  font-variant-numeric:tabular-nums; text-align:end; white-space:nowrap;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table button {
  min-height:40px; width:100%; padding:7px 8px; font-size:13px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tr.active td {
  background:var(--surface-soft,#e5f4ec);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tr.menu-editor-row > td {
  padding:0;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-inline-editor {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; width:100%; min-width:0; padding:16px; margin:0; border:1px solid #138b66; border-radius:10px; background:var(--surface,#fff);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-inline-editor label {
  display:grid; gap:6px; min-width:0; font-size:14px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-inline-editor :is(input,select,textarea) {
  width:100%; min-width:0; max-width:100%; min-height:44px; padding:9px; color:var(--text,#173b2d); background:var(--surface,#fff); border:1px solid var(--line,#bfcec2); font-size:16px; box-sizing:border-box;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-inline-editor .wide-field,
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-form-actions {
  grid-column:1/-1;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-form-actions {
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
@media(max-width:1100px) {
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-filter-toolbar {
  grid-template-columns:repeat(2,minmax(0,1fr));
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-search-label {
  grid-column:1/-1;
}
}
@media(max-width:1000px) {
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table {
  display:block; border:0; background:none;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table thead {
  display:none;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tbody {
  display:grid; gap:10px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tr.menu-product-row {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 12px; padding:12px; border:1px solid var(--line,#c6d7ca); border-radius:10px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td {
  display:block; padding:3px; border:0; font-size:14px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td::before {
  display:block; content:attr(data-label); font-size:12px; line-height:1.5; color:var(--muted,#587063);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td.menu-table-name {
  grid-column:1/-1; grid-row:2; font-size:17px;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td.menu-table-name::before {
  display:none;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td:last-child {
  grid-column:1/-1;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table td.menu-table-price {
  text-align:start;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tr.menu-editor-row,
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-data-table tr.menu-editor-row td {
  display:block; width:100%; min-width:0; padding:0;
}
}
@media(max-width:500px) {
html body.state-account.state-staff[data-active-view="manager"] #menuManager #menuCategoryNav { display:none !important; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-mobile-course-filter { display:grid; gap:5px; font-size:14px; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-mobile-course-filter select { width:100%; min-width:0; min-height:44px; padding:8px; font-size:16px; color:var(--text,#173c2b); background:var(--surface,#fff); border:1px solid var(--line,#bfcec2); border-radius:8px; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager > .section-heading { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager > .section-heading h2 { font-size:18px !important; }
html body.state-account.state-staff[data-active-view="manager"] #menuManager > .section-heading button { max-width:110px; min-height:44px; padding:8px; font-size:14px; white-space:normal; }
html body.state-account.state-staff[data-active-view="manager"] #managerView #menuManager {
  padding:12px !important;
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-filter-toolbar { grid-template-columns:repeat(2,minmax(0,1fr)); }
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-inline-editor {
  grid-template-columns:minmax(0,1fr);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar > label:not(.menu-select-visible) {
  width:100%; grid-template-columns:minmax(0,1fr);
}
html body.state-account.state-staff[data-active-view="manager"] #menuManager .menu-batch-toolbar > button {
  width:100%;
}
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-workspace-tabs button,
html body.state-account.state-staff[data-active-view="manager"] #managerView .manager-setup-tabs button {
  flex:1 1 105px; padding:9px 12px;
}
}

/* Main navigation, identity and clock share the uppermost row. */
.management-navigation,.management-header-tools { display:none; }
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar {
  gap:12px !important; min-height:62px !important; padding:8px clamp(12px,2vw,28px) !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .brand-block {
  flex:0 1 200px; max-width:240px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-context strong {
  font-size:16px; line-height:1.25; overflow-wrap:anywhere;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-context span {
  font-size:12px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-navigation {
  display:block; flex:1 1 420px; min-width:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs {
  position:static !important; inset:auto !important; transform:none !important; display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:stretch; gap:4px; width:100% !important; max-height:none !important; min-width:0; height:auto !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:0 !important; background:none !important; box-shadow:none !important; backdrop-filter:none; z-index:auto;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button {
  position:relative; display:flex !important; align-items:center; justify-content:center; flex:1 1 0; width:auto !important; min-width:0; height:auto !important; min-height:44px !important; margin:0; padding:9px 10px !important; border:1px solid transparent; border-radius:8px !important; background:transparent; color:#edf8f1; font:650 14px/1.3 system-ui !important; white-space:normal; overflow-wrap:anywhere; text-align:center;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button::before,
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button::after {
  display:none !important; content:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button.active {
  background:#087357 !important; border-color:#319a7b; color:#fff !important; box-shadow:none;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button[hidden] {
  display:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-tools {
  display:flex; flex:0 0 auto; align-items:center; color:#edf8f1;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-tools[hidden] {
  display:none !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-tools time {
  font:650 14px/1.4 system-ui; font-variant-numeric:tabular-nums; white-space:nowrap;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .app-shell {
  padding-top:14px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpis {
  grid-template-columns:repeat(5,minmax(0,1fr)); gap:8px; margin:0 0 12px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpi {
  min-height:74px; gap:3px; padding:9px 12px; border-radius:11px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpi span {
  font-size:11px; line-height:1.3; letter-spacing:0;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpi strong {
  font-size:25px; line-height:1.2;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpi small {
  font-size:12px; line-height:1.3;
}
@media(max-width:1000px) {
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar {
  gap:8px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .brand-block {
  flex-basis:145px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button {
  padding:7px 5px !important; font-size:13px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-tools time {
  font-size:12px;
}
}
@media(max-width:700px) {
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar {
  display:grid !important; grid-template-columns:minmax(0,1fr) auto 44px !important; gap:7px 10px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .brand-block {
  grid-column:1; grid-row:1; max-width:none;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-navigation {
  grid-column:1/-1; grid-row:2; width:100%;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .management-header-tools {
  grid-column:2; grid-row:1;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .mobile-service-actions {
  grid-column:3; grid-row:1;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button {
  font-size:12px !important; padding:7px 3px !important;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpis {
  grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpi {
  min-height:68px; padding:8px 10px;
}
html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) #dashboardView .dashboard-kpi strong {
  font-size:22px;
}
}

@media(min-width:701px) and (max-width:1100px) { html body.state-account.state-staff[data-active-view="dashboard"] #dashboardView .dashboard-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); } }

@media(max-width:700px) { html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button { font-size:11px !important; padding-inline:1px !important; } html body.state-account.state-staff[data-active-view="dashboard"] #dashboardView .dashboard-kpi.attention { grid-column:1/-1; grid-template-columns:minmax(0,1fr) auto; min-height:56px; } html body.state-account.state-staff[data-active-view="dashboard"] #dashboardView .dashboard-kpi.attention > strong { grid-column:2; grid-row:1/3; } }
@media(max-width:360px) { html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs { flex-wrap:wrap !important; } html body.state-account.state-staff:is([data-active-view="manager"],[data-active-view="dashboard"]) .topbar .management-navigation .view-tabs .tab-button { flex:1 1 80px; } }