/* Staff pages share the actual admin shell stylesheet; only staff DOM adapters live here. */
body.portal-switching::after{content:"Μετάβαση στη διαχείριση…";position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#f7f8f4;color:#31543b;font:800 15px/1.3 Inter,Arial,sans-serif}
body.has-staff-shell{--ink:#173027;--green:#0e6b4d;--paper:#f7f8f4;--line:#d7dfd8;--muted:#61716a;background:var(--paper);font-family:Inter,Arial,sans-serif}
.staff-site-sidebar[hidden]{display:none!important}
.staff-site-sidebar .staff-nav{position:static;display:grid;grid-template-columns:1fr;align-content:start;gap:3px;padding:0 2px 0 0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-y:auto}
.staff-site-sidebar .staff-nav :is(a,button){display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:40px;width:100%;padding:8px 11px;border:0;border-radius:10px;background:transparent;color:#536050;font:800 12.5px/1.3 Inter,Arial,sans-serif;text-align:left;text-decoration:none;white-space:normal;letter-spacing:normal;box-shadow:none}
.staff-site-sidebar .staff-nav :is(a,button):hover,.staff-site-sidebar .staff-nav .active{background:#e5eadc;color:#1f5635}
.staff-site-sidebar .staff-nav .active{box-shadow:inset 3px 0 #65733f}
.staff-site-sidebar .staff-menu-icon{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;color:#65733f;text-align:center;font-size:17px;line-height:1}
.staff-site-sidebar .manager-store-context{padding:8px 10px;font-size:12px}
.staff-site-sidebar footer #logout{width:auto;padding:0;border:0;background:transparent;color:#7a4238;text-align:left;font-size:12px}
body.has-staff-shell :is(.pilot-topbar,.program-topbar,.people-content-top,.cc-top,.fill-head):not(.portal-page-header){min-height:71px!important;padding:11px clamp(16px,3vw,38px)!important;margin:0!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff!important;color:var(--ink);box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:14px}
body.has-staff-shell :is(.pilot-topbar,.program-topbar,.people-content-top,.cc-top,.fill-head) h1{margin:2px 0 0;font-size:1.42rem;letter-spacing:-.02em;color:var(--ink)}
body.has-staff-shell :is(.pilot-topbar,.program-topbar,.people-content-top,.cc-top,.fill-head) :is(img,.site-logo-link){display:none!important}
body.has-staff-shell :is(.pilot-session,.program-actions),body.has-staff-shell :is(.fill-head,.people-content-top)>a,body.has-staff-shell .cc-top>a,body.has-staff-shell .program-topbar .page-brand-row p:not(.eyebrow){display:none!important}
body.has-staff-shell .pilot-brand{color:var(--ink);text-decoration:none}
body.has-staff-shell .eyebrow{color:var(--green);font-size:.72rem;letter-spacing:.1em;font-weight:800;margin:0 0 4px}
body.has-staff-shell :is(.staff-shell,.program-main,.people-content-main){max-width:1520px;margin:auto;padding:28px clamp(16px,4vw,56px) 48px;min-width:0}
body.has-staff-shell :is(.fill-main,.cc-shell){width:100%;max-width:none;margin:0;padding:0;min-width:0}
body.has-staff-shell :is(.fill-main,.cc-shell)>:not(header){margin:24px clamp(16px,4vw,56px);max-width:1408px}
body.has-staff-shell .staff-dashboard{display:block;margin:0;min-width:0}
body.has-staff-shell #dash-title{font-size:1.25rem;margin:0 0 8px}
body.has-staff-shell #dash-subtitle{font-size:.85rem;margin:0 0 22px}
body.has-staff-shell :is(.staff-view,.staff-products,.staff-card,.fill-card){min-width:0;max-width:100%}
body.has-staff-shell .bulk-main{min-width:0}
body.has-staff-shell .bulk-main>:not(header){margin:0 0 18px}
body.has-staff-shell .bulk-header{min-height:71px;padding:11px clamp(16px,3vw,38px);margin:0;border-bottom:1px solid var(--line);background:#fff;align-items:center}
body.has-staff-shell .bulk-header .site-logo-link,body.has-staff-shell .bulk-header>a{display:none}
body.has-staff-shell .bulk-header h1{margin:2px 0 0;font-size:1.42rem;color:var(--ink)}
body.has-staff-shell .ginger-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #1730270b}
body.has-staff-shell :is(.home-item,.staff-product-group,.fill-card){background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 2px #1730270b}
body.has-staff-shell main :is(input,select,textarea){max-width:100%;font:inherit;border-radius:7px;border-color:#bccac1;color:var(--ink)}
body.has-staff-shell main button{border-radius:7px;letter-spacing:normal;white-space:normal;overflow-wrap:normal}
body.has-staff-shell #transfer-content .ginger-dispatch-panel>h2{margin:0 0 16px}
body.has-staff-shell #transfer-content .ginger-dispatch-panel>summary{display:grid;gap:4px;margin:0;padding:clamp(16px,2.4vw,22px);list-style:none;border-radius:12px;font-weight:400}
body.has-staff-shell #transfer-content .ginger-dispatch-panel>summary::-webkit-details-marker{display:none}
body.has-staff-shell #transfer-content section.ginger-dispatch-panel>div{margin:0;padding:0}
body.has-staff-shell #transfer-content details.ginger-dispatch-panel{padding:0}
body.has-staff-shell #transfer-content details.ginger-dispatch-panel>div{margin:0;padding:0 22px 20px}
body.has-staff-shell #dash-content{align-items:start}
body.has-staff-shell .home-section{align-content:start}
body.has-staff-shell .home-item>span{min-width:0}
body.has-staff-shell .home-item>b{flex:0 0 auto;white-space:nowrap}
.staff-site-sidebar footer #logout{display:flex;align-items:center;gap:8px}
body.has-staff-shell :is(.staff-nav,.staff-mobile-nav,.staff-mobile-more) [hidden]{display:none!important}
@media(min-width:901px){body.has-staff-shell .staff-mobile-nav,body.has-staff-shell .staff-mobile-more{display:none!important}}
@media(max-width:900px){body.has-staff-shell .staff-site-sidebar{display:none}body.has-staff-shell .staff-mobile-nav{position:fixed;display:flex;inset:auto 0 0;z-index:90;padding:7px 5px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #d5dacd;background:rgba(255,255,255,.98);box-shadow:0 -7px 24px #222d1c1f}body.has-staff-shell .staff-mobile-nav>*{flex:1;min-width:0;min-height:51px;padding:4px 2px;font-size:9px;line-height:1.05}body.has-staff-shell .staff-mobile-more:not([hidden]){display:grid;z-index:91}body.has-staff-shell :is(.staff-shell,.program-main,.people-content-main){padding:20px 16px 30px}body.has-staff-shell .management-mobile-nav .staff-menu-icon{display:block}}

/* Staff logout: match the Admin footer bubble after staff-shell moves the button. */
.staff-site-sidebar footer #logout { box-sizing:border-box; display:flex; align-items:center; justify-content:flex-start; width:100%; min-height:40px; padding:8px 11px 8px 41px; border:1px solid #e8c8c3; border-radius:10px; background:#faeeec; color:#99463e; font:800 12.5px/1.25 var(--portal-ui-font,Inter,ui-sans-serif,system-ui,sans-serif); text-align:left; box-shadow:none; cursor:pointer; }
.staff-site-sidebar footer #logout .staff-menu-icon { display:none; }
.staff-site-sidebar footer #logout:hover { background:#f4dfdc; color:#7f302a; }
.staff-site-sidebar footer #logout:focus-visible { outline:2px solid #a94d45; outline-offset:2px; }
body.has-staff-shell .staff-mobile-more #mobile-logout { grid-column:1/-1; order:99; width:100%; min-height:40px; padding:8px 11px 8px 41px; border:1px solid #e8c8c3; border-radius:10px; background:#faeeec; color:#99463e; font:800 12.5px/1.25 var(--portal-ui-font,Inter,ui-sans-serif,system-ui,sans-serif); text-align:left; box-shadow:none; cursor:pointer; }
body.has-staff-shell .staff-mobile-more #mobile-logout:hover { background:#f4dfdc; color:#7f302a; }
body.has-staff-shell .staff-mobile-more #mobile-logout:focus-visible { outline:2px solid #a94d45; outline-offset:2px; }

/* Unified Staff/Admin navigation: same quiet surfaces, type and outline icon scale. */
body.has-staff-shell { font-family:var(--portal-ui-font,Inter,ui-sans-serif,system-ui,sans-serif); }
.staff-site-sidebar .staff-nav { gap:3px; }
.staff-site-sidebar .staff-nav :is(a,button) { min-height:44px; gap:11px; padding:7px 11px; border:0; border-radius:10px; background:transparent; color:#425749; font:700 13px/1.25 var(--portal-ui-font,Inter,ui-sans-serif,system-ui,sans-serif); letter-spacing:-.012em; box-shadow:none; }
.staff-site-sidebar .staff-menu-icon { flex:0 0 20px; width:20px; height:20px; border:0; border-radius:0; background:transparent; color:#5c7967; font-size:0; }
.staff-site-sidebar .staff-nav .staff-menu-icon::before, .management-mobile-nav .staff-menu-icon::before, .staff-mobile-nav :is(button,a)>span::before { content:""; display:block; width:20px; height:20px; background:currentColor; -webkit-mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat; mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat; }
.staff-site-sidebar .staff-nav :is(a,button):hover { background:#edf4ed; color:#214b34; box-shadow:none; }
.staff-site-sidebar .staff-nav :is(a,button).active { background:#e7f1e8; color:#17492f; box-shadow:none; }
.staff-site-sidebar .staff-nav :is(a,button):is(:hover,.active) .staff-menu-icon { color:#2b7450; }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="home"],[data-shell-key="home"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%2010%209-7%209%207v10H3V10Z%22%2F%3E%3Cpath%20d%3D%22M9%2020v-7h6v7%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="morning"],[data-shell-key="morning"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2019h18M6%2016a6%206%200%200%201%2012%200M12%202v3M4.5%206l2%202M19.5%206l-2%202%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="production"],[data-shell-key="production"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%2210%22%20width%3D%227%22%20height%3D%2210%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%224%22%20width%3D%227%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M3%2014h7m4-6h7%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="transfer"],[data-shell-key="transfer"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202h4v5l2%203v10a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V10l2-3V2Zm10%200h4v5l2%203v10a2%202%200%200%201-2%202h-4a2%202%200%200%201-2-2V10l2-3V2ZM5%205h4m6%200h4M3%2012h8m2%200h8M3%2018h8m2%200h8%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="treat-waste"],[data-shell-key="treat-waste"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%208h12v6a5%205%200%200%201-5%205H9a5%205%200%200%201-5-5V8Zm12%201h3a2%202%200%200%201%200%204h-3M7%204h6%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="notices"],[data-shell-key="notices"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M18%208a6%206%200%200%200-12%200c0%207-3%208-3%209h18c0-1-3-2-3-9ZM10%2021h4%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="fills"],[data-shell-key="fills"],[href^="staff-fill.php"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%204h12l2%2016H4L6%204Zm3%205h6m-3-3v6m-3%203h6%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="customers"],[data-shell-key="customers"],[href^="customer-categories.php"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2020v-2c0-3%202-5%206-5s6%202%206%205v2H3Zm13-9a3%203%200%201%200-1-6m2%208c3%200%204%202%204%205v2h-3%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="surveys"],[data-shell-key="surveys"],[href^="surveys.php"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m8%209%201.5%201.5L12%208m-4%207%201.5%201.5L12%2014m2-4h3m-3%206h3%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="program"],[data-shell-key="program"],[href^="staff-program.php"],[href^="program.php"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4M3%2010h18m-13%204h3m3%200h3%22%2F%3E%3C%2Fsvg%3E"); }
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-view="content"],[data-shell-key="content"],[href^="people-content.php"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205c-3-2-6-2-9-1v15c3-1%206-1%209%201%203-2%206-2%209-1V4c-3-1-6-1-9%201Zm0%200v15%22%2F%3E%3C%2Fsvg%3E"); }
@media (max-width:900px) {
 body.has-staff-shell .staff-mobile-nav { gap:3px; background:#fbfdfb; border-top-color:#dce6dd; box-shadow:0 -6px 22px rgba(31,65,42,.09); }
 body.has-staff-shell .staff-mobile-nav :is(button,a) { min-height:54px; gap:4px; border-radius:10px; color:#4e6455; font:700 10px/1.15 var(--portal-ui-font,Inter,system-ui,sans-serif); letter-spacing:-.01em; }
 body.has-staff-shell .staff-mobile-nav :is(button,a)>span { display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px; min-height:22px; background:transparent; color:#5c7967; font-size:0; }
 body.has-staff-shell .staff-mobile-nav :is(button,a):is(:hover,.active) { background:#e7f1e8; color:#17492f; }
 body.has-staff-shell .staff-mobile-nav :is(button,a):is(:hover,.active)>span { color:#2b7450; }
 body.has-staff-shell .staff-mobile-nav #mobile-more-toggle span { font-size:17px; }
 body.has-staff-shell .staff-mobile-nav #mobile-more-toggle span::before { display:none; }
 body.has-staff-shell .staff-mobile-more { position:fixed; left:10px; right:10px; bottom:calc(76px + env(safe-area-inset-bottom)); max-height:calc(100dvh - 92px - env(safe-area-inset-bottom)); overflow-y:auto; overscroll-behavior:contain; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; padding:12px; border:1px solid #dce6dd; border-radius:16px; background:#fbfdfb; box-shadow:0 -14px 32px rgba(31,65,42,.13); }
 body.has-staff-shell .staff-mobile-more :is(a,button):not(#mobile-logout) { display:flex; align-items:center; gap:9px; background:#fff; border-color:#e3ebe4; color:#425749; font:700 12px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif); text-align:left; }
 body.has-staff-shell .staff-mobile-more :is(a,button):not(#mobile-logout)::before { content:""; display:block; flex:0 0 18px; width:18px; height:18px; background:#5c7967; -webkit-mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat; mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat; }
 body.has-staff-shell .staff-mobile-more :is(a,button):not(#mobile-logout):hover { background:#e7f1e8; color:#17492f; }
}

/* Center the artwork within the fixed icon slot. */
.staff-site-sidebar .staff-nav .staff-menu-icon, body.has-staff-shell .staff-mobile-nav :is(button,a)>span { display:grid; place-items:center; }
.staff-site-sidebar .staff-nav .staff-menu-icon::before, body.has-staff-shell .staff-mobile-nav :is(button,a)>span::before { width:18px; height:18px; margin:0; flex:none; }

/* Restore the same soft-green icon tile as Admin, with the artwork centered. */
.staff-site-sidebar .staff-nav .staff-menu-icon { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border:1px solid #dce9dd; border-radius:10px; background:#eaf1e7; color:#41694d; }
.staff-site-sidebar .staff-nav :is(a,button):is(:hover,.active) .staff-menu-icon { border-color:#c8dfce; background:#d7eadb; color:#256946; }
@media (max-width:900px) { body.has-staff-shell .staff-mobile-nav :is(button,a)>span { display:grid; place-items:center; flex:0 0 27px; width:27px; height:27px; min-height:27px; border:1px solid #dce9dd; border-radius:9px; background:#eaf1e7; color:#41694d; } body.has-staff-shell .staff-mobile-nav :is(button,a):is(:hover,.active)>span { border-color:#c8dfce; background:#d7eadb; color:#256946; } }

/* 2026-09-25: center Staff link and button artwork independently of legacy glyphs. */
.staff-site-sidebar .staff-nav .staff-menu-icon,
body.has-staff-shell .staff-mobile-nav :is(button,a)>span,
body.has-staff-shell .management-mobile-nav .staff-menu-icon{position:relative}
.staff-site-sidebar .staff-nav .staff-menu-icon::before,
body.has-staff-shell .staff-mobile-nav :is(button,a)>span::before,
body.has-staff-shell .management-mobile-nav .staff-menu-icon::before{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%)}

/* Secondary Staff pages: use one centered route icon in the mobile More menu. */
body.has-staff-shell .management-mobile-nav details>div a>.staff-menu-icon{display:block;flex:0 0 18px;width:18px;height:18px;font-size:0;line-height:0}
body.has-staff-shell .management-mobile-nav details>div a:has(>.staff-menu-icon)::before{display:none}

/* Match the main Staff mobile logout spacing to the shared Admin control. */
body.has-management-shell.has-staff-shell .staff-mobile-more #mobile-logout{gap:10px;min-height:44px;padding:6px 8px;font:700 12.5px/1.2 var(--portal-ui-font,Inter,system-ui,sans-serif)}

body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) [href="index.php"] { --nav-icon:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 3 20 6v5c0 5-3.4 8.4-8 10-4.6-1.6-8-5-8-10V6l8-3Z%27/%3E%3Cpath d=%27m9 12 2 2 4-4%27/%3E%3C/svg%3E"); }

.personal-finances{margin-top:16px}.personal-finances>summary{cursor:pointer;font-weight:700;color:var(--p-muted,#626b59);padding:4px 0}.personal-finances p{font-size:.85rem;line-height:1.5}.personal-finances h3{font-size:.9rem;margin:18px 0 6px}

/* The selected store belongs to navigation on every Staff page. */
.staff-site-sidebar>.manager-store-context,.staff-site-sidebar>.staff-global-store{flex:none;display:block;margin:0 0 12px;padding:0 10px;font-size:12px;font-weight:700;color:#425749}
.staff-site-sidebar> :is(.manager-store-context,.staff-global-store)[hidden]{display:none!important}
.staff-site-sidebar :is(.manager-store-context,.staff-global-store) label{display:block}
.staff-site-sidebar :is(.manager-store-context,.staff-global-store) select,.management-mobile-nav .staff-global-store select{box-sizing:border-box;display:block;width:100%;min-height:37px;margin-top:5px;padding:6px 10px;border:1px solid #cbd8cd;border-radius:10px;background:#fff;color:#173027;font:700 13px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif)}
.management-mobile-nav .staff-global-store{grid-column:1/-1;margin:0;padding:0;font-size:12px;font-weight:700;color:#425749}
.staff-global-store p{font-size:12px;color:#99463e}

/* Personal account menu opens above the sidebar identity. */
.staff-personal-menu{position:relative;min-width:0}
.staff-site-sidebar footer>.staff-personal-menu{width:100%;margin-bottom:8px}
.staff-personal-menu>summary{display:grid;gap:3px;padding:10px 12px;border:1px solid #dce6d9;border-radius:11px;background:#f0f5ee;color:#31543b;list-style:none;cursor:pointer}
.staff-personal-menu>summary::-webkit-details-marker{display:none}
.staff-personal-menu>summary strong{font:700 12.5px/1.3 var(--portal-ui-font,Inter,system-ui,sans-serif)}
.staff-personal-menu>summary small{font:400 11px/1.3 var(--portal-ui-font,Inter,system-ui,sans-serif);color:#61716a}
.staff-personal-menu>summary:hover{background:#e7f0e5}
.staff-personal-choices{position:absolute;bottom:calc(100% + 8px);left:0;z-index:110;display:grid;gap:4px;width:100%;box-sizing:border-box;padding:6px;border:1px solid #d7dfd8;border-radius:12px;background:#fff;box-shadow:0 8px 24px #17302718}
.staff-personal-choices :is(a,button){display:block;box-sizing:border-box;width:100%;min-height:36px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#31543b;font:600 12px/1.3 var(--portal-ui-font,Inter,system-ui,sans-serif);text-align:left;text-decoration:none;cursor:pointer}
.staff-personal-choices :is(a,button):hover{background:#edf4ed}
.staff-personal-choices [data-android-release]{min-width:0;grid-column:1/-1}
.staff-personal-choices [data-android-release]>small{display:block;padding:0 10px 7px;color:#61716a;font:400 11px/1.4 var(--portal-ui-font,Inter,system-ui,sans-serif)}
.staff-personal-choices [data-android-release]>small[hidden]{display:none}
.staff-finance-dialog{box-sizing:border-box;width:min(540px,calc(100vw - 32px));max-height:80vh;overflow:auto;margin:auto;padding:20px;border:1px solid #d7dfd8;border-radius:16px;background:#fff;color:#173027;font-family:var(--portal-ui-font,Inter,system-ui,sans-serif);box-shadow:0 20px 60px #17302733}
.staff-finance-dialog::backdrop{background:#17302766}
.staff-finance-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.staff-finance-dialog h2{margin:0;font-size:1.1rem}
.staff-finance-dialog>header button{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:1px solid #d7dfd8;border-radius:8px;background:#f7f8f4;color:#31543b;font:600 22px/1 Inter,Arial,sans-serif;cursor:pointer}
.staff-finance-content h3{margin:20px 0 7px;font-size:.9rem;color:#31543b}
.staff-finance-dialog p{font-size:.84rem;line-height:1.55;margin:7px 0}
@media(max-width:900px){.staff-personal-menu{grid-column:1/-1}.staff-personal-menu .staff-personal-choices{position:static;margin-top:6px;box-shadow:none}.management-mobile-nav .staff-personal-choices a{min-height:36px;padding:9px 10px;border:0;background:transparent;text-align:left;font-size:12px}}

/* Reports use real SVG markup in every Staff navigation, independent of CSS masks. */
body.has-staff-shell .staff-site-sidebar a[href^="reports.php"] .staff-menu-icon::before,
body.has-staff-shell .staff-mobile-nav a[href^="reports.php"]>span::before,
body.has-staff-shell .management-mobile-nav a[href^="reports.php"] .staff-menu-icon::before,
body.has-staff-shell .staff-mobile-more a[href^="reports.php"]::before,
body.has-staff-shell .management-mobile-nav a[href^="reports.php"]::before{
  content:none!important;display:none!important;
}
body.has-staff-shell a[href^="reports.php"] .reports-icon{font-size:0;line-height:0}
body.has-staff-shell a[href^="reports.php"] .reports-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) a[href^="orders.php"] { --nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.85%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%205H6a2%202%200%200%200-2%202v13a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2h-3%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%226%22%20height%3D%225%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%2012h8M8%2016h8%22%2F%3E%3C%2Fsvg%3E"); }

/* Menu groups share one hierarchy; store selection belongs to the account. */
.portal-menu-group{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:12px 0 0;border-top:1px solid #dce6dd}
.portal-menu-group h3{grid-column:1/-1;margin:0 0 3px;color:#61716a;font:600 11px/1.3 var(--portal-ui-font,Inter,Arial,sans-serif);letter-spacing:.04em}
.portal-menu-settings{grid-template-columns:1fr}.portal-menu-settings [data-android-release]{grid-column:1/-1}.portal-menu-settings [role=status]{display:block;font-size:11px;line-height:1.4;padding:0 8px}.portal-menu-settings [role=status][hidden]{display:none}
body.has-staff-shell :is(.staff-mobile-more,.management-mobile-nav details>div){max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.staff-personal-choices :is(.manager-store-context,.staff-global-store){padding:8px 10px;font-size:12px}.staff-personal-choices select{display:block;width:100%;min-height:38px;margin:6px 0 0;font:inherit}
.staff-site-sidebar footer>[data-android-release] :is(a,button){display:block;width:100%;min-height:40px;padding:8px;border:0;border-radius:7px;background:transparent;color:#425749;font:600 12px/1.3 var(--portal-ui-font,Inter,Arial,sans-serif);text-align:left}.staff-site-sidebar footer>[data-android-release] small{font-size:11px;line-height:1.4}
/* Remove the extra bell and decorative square on this text entry. */
body :is(.management-shell,.management-mobile-nav,.staff-mobile-more) a[href="notifications.php"]::before{content:none!important;display:none!important}
body.has-staff-shell :is(.management-shell,.management-mobile-nav,.staff-mobile-more) a[href="notifications.php"] svg{display:none}
/* Older installed APKs inherit the same menu corrections before their upgrade. */
body [data-app-action="print"]{display:none!important}
body :is(.staff-mobile-more,.management-mobile-nav details>div):has([data-android-release]) [data-app-action="update"]{display:none!important}

/* The portal owns this menu. Legacy APK additions stay inert and out of layout. */
body.has-staff-shell :is(.staff-mobile-more,.management-mobile-nav) .perigis-app-actions{display:none!important}
body.has-staff-shell .portal-account-menu{position:fixed!important;inset:auto 12px 78px!important;width:auto!important;box-sizing:border-box!important;max-height:calc(100dvh - 110px)!important;overflow-y:auto!important;display:grid;grid-template-columns:1fr!important;gap:8px!important;margin:0!important;padding:12px!important;border:1px solid #dce6dd!important;border-radius:16px!important;background:#fbfdfb!important;box-shadow:0 10px 30px #17302722!important;z-index:100!important;text-align:left!important}
body.has-staff-shell .portal-account-menu[hidden]{display:none!important}
body.has-staff-shell .portal-account-menu .portal-menu-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;border:0}
body.has-staff-shell .portal-account-menu .portal-menu-navigation>:is(a,button){min-height:54px!important}
body.has-staff-shell .portal-account-menu :is(a,button){box-sizing:border-box!important;min-height:44px!important;padding:9px!important;border:1px solid #e3ebe4!important;border-radius:10px!important;background:#fff!important;color:#425749!important;font:600 13px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif)!important;letter-spacing:normal!important;text-align:left!important;text-decoration:none!important;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
body.has-staff-shell .portal-account-menu .staff-personal-menu>summary{text-align:left!important;padding:10px 12px!important}
body.has-staff-shell .portal-account-menu .staff-personal-menu>summary strong{font-size:13px!important}
body.has-staff-shell .portal-account-menu .staff-personal-menu>summary small{font-size:12px!important}
body.has-staff-shell .portal-account-menu .staff-personal-menu>summary :is(strong,small){text-align:left!important}
body.has-staff-shell .portal-account-menu :is(#mobile-logout,.management-shell-mobile-logout button){display:flex!important;justify-content:flex-start!important;min-height:44px!important;width:100%!important;background:#faeeec!important;color:#99463e!important;border-color:#e8c8c3!important;padding-left:41px!important}
body.has-staff-shell .portal-settings-trigger{display:flex!important;align-items:center!important;gap:10px!important;cursor:pointer}
body.has-staff-shell .portal-settings-trigger::before{display:none!important;content:none!important}
body.has-staff-shell .portal-settings-trigger svg{display:block!important;width:20px!important;height:20px!important;flex:0 0 20px;fill:none;stroke:#5c7967;stroke-width:1.5;stroke-linejoin:round}

/* One Staff mobile navigation contract for the dashboard and standalone modules.
   Direct-child selectors keep the account disclosure out of the bottom-bar rules. */
@media(max-width:900px){
 body.has-staff-shell.has-management-shell :is(.staff-mobile-nav,.management-mobile-nav){display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px!important;width:100%!important;inset:auto 0 0!important;padding:7px 5px calc(7px + env(safe-area-inset-bottom))!important;background:#fbfdfb!important;border-top:1px solid #dce6dd!important;box-shadow:0 -6px 22px #1f412a17!important}
 body.has-staff-shell.has-management-shell :is(.staff-mobile-nav,.management-mobile-nav)>:is(a,button,details){width:auto!important;min-width:0!important;margin:0!important}
 body.has-staff-shell.has-management-shell :is(.staff-mobile-nav,.management-mobile-nav)>:is(a,button),body.has-staff-shell.has-management-shell .management-mobile-nav>details>summary{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-height:62px!important;padding:4px 2px!important;border:0!important;border-radius:10px!important;background:transparent;color:#4e6455;font:700 10px/1.15 var(--portal-ui-font,Inter,system-ui,sans-serif)!important;letter-spacing:-.01em!important;text-align:center!important;text-decoration:none;overflow-wrap:normal!important;word-break:normal!important;white-space:normal!important}
 body.has-staff-shell.has-management-shell :is(.staff-mobile-nav,.management-mobile-nav)>:is(a,button)>span,body.has-staff-shell.has-management-shell .management-mobile-nav>details>summary>span{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;min-height:27px!important;flex:0 0 27px!important;font-size:0!important;background:transparent!important;border:0!important}
 body.has-staff-shell.has-management-shell .management-mobile-nav>details>summary>span,body.has-staff-shell.has-management-shell .staff-mobile-nav>#mobile-more-toggle>span{font-size:17px!important}
 body.has-staff-shell.has-management-shell :is(.staff-mobile-nav,.management-mobile-nav)>:is(a,button).active,body.has-staff-shell.has-management-shell .management-mobile-nav>details[open]>summary{background:#e7f1e8!important;color:#17492f!important}
 body.has-staff-shell.has-management-shell .portal-account-menu .staff-personal-menu>summary{display:grid!important;align-items:start!important;justify-content:stretch!important;gap:3px!important;min-height:0!important;font:700 13px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif)!important}
 body.has-staff-shell.has-management-shell .portal-account-menu .portal-menu-navigation>:is(a,button){display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}
}

body.has-staff-shell.has-management-shell :is(.staff-mobile-nav,.management-mobile-nav)>[hidden]{display:none!important}

@media(max-width:900px){body.has-staff-shell.has-management-shell .management-mobile-nav>details{padding:0!important;border:0!important}body.has-staff-shell.has-management-shell .management-mobile-nav>details>summary{width:100%!important;box-sizing:border-box!important}}

/* Mobile store switching uses the shared outline style; fills has one icon. */
body.has-staff-shell [data-staff-store-switch]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16m-4-4%204%204-4%204M20%2017H4m4-4-4%204%204%204%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:900px){
 body.has-staff-shell .portal-account-menu [data-staff-store-switch]::before{content:"";display:block;flex:0 0 18px;width:18px;height:18px;background:#5c7967;-webkit-mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat;mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat}
 body.has-staff-shell .staff-mobile-more a[href="staff-fill.php"]>span{display:none}
}

body #staff-mobile-more [hidden],body .staff-nav [hidden]{display:none!important}
body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-shell-key="reservations"],[href^="reservations.php"]) { --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4m10-4v4M3%2010h18m-13%204h3m3%200h3%22%2F%3E%3C%2Fsvg%3E"); }

/* Ginger production and dispatch use the same shared workspace and panel. */
body.has-staff-shell.ginger-transfer-view .staff-shell{max-width:none;padding:24px clamp(16px,3vw,38px) 80px}
body.ginger-transfer-view :is(#dash-title,#dash-subtitle,#transfer-title,#transfer-hint){display:none}
body.has-staff-shell .ginger-plan-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap;min-width:0}
@media(max-width:600px){body.has-staff-shell.ginger-transfer-view .staff-shell{padding:18px 14px 30px}.ginger-plan-actions{width:100%}}

body.ginger-transfer-view #transfer-content{gap:0}
body.has-staff-shell #transfer-content section.ginger-dispatch-panel{padding:20px;margin-bottom:18px}
@media(max-width:600px){body.has-staff-shell #transfer-content section.ginger-dispatch-panel{padding:14px}}
body.ginger-transfer-view .staff-view{padding-top:0}

body.has-staff-shell :is(.staff-site-sidebar,.staff-mobile-nav,.staff-mobile-more,.management-mobile-nav) :is([data-shell-key="expiry"],[href^="product-expiry.php"]){--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3h8M8 21h8M9 3v5l3 4 3-4V3M9 21v-5l3-4 3 4v5'/%3E%3C/svg%3E")}

/* Admin Staff navigation groups stay inside the existing sidebar / More panel. */
body.has-staff-shell .staff-post-menu{min-width:0;border:0;margin:0;padding:0;grid-column:1/-1}
body.has-staff-shell .staff-post-menu>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:7px 11px;border-radius:10px;color:#425749;font:700 13px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif);list-style:none;cursor:pointer}
body.has-staff-shell .staff-post-menu>summary::-webkit-details-marker{display:none}
body.has-staff-shell .staff-post-menu>summary::after{content:"⌄";margin-left:auto;transition:transform .15s}
body.has-staff-shell .staff-post-menu[open]>summary::after{transform:rotate(180deg)}
body.has-staff-shell .staff-post-menu>summary:hover{background:#edf4ed}
body.has-staff-shell .staff-post-menu>summary:focus-visible{outline:2px solid #315e44;outline-offset:-2px}
body.has-staff-shell .staff-post-choices{display:grid;gap:3px;padding:0 0 4px 13px;border-left:1px solid #dce4da;margin:0 0 0 12px}
body.has-staff-shell .portal-account-menu .staff-post-menu>summary{min-height:54px;box-sizing:border-box;background:#edf4ed;padding:9px;border:1px solid #e3ebe4;font-weight:700}
body.has-staff-shell .portal-account-menu .staff-post-choices{grid-template-columns:1fr;margin:6px 0 0 9px;padding-left:9px;gap:6px}

body.has-staff-shell .management-mobile-nav .staff-post-menu>.staff-post-choices{position:static!important;inset:auto!important;width:auto!important;max-height:none!important;overflow:visible!important;box-shadow:none!important;background:transparent!important;border:0;border-left:1px solid #dce4da;border-radius:0;padding:0 0 4px 9px!important;display:grid;grid-template-columns:1fr!important}

body.has-staff-shell .portal-account-menu .staff-menu-icon{display:block;flex:0 0 20px;width:20px;height:20px;font-size:0;line-height:0;color:#5c7967}
body.has-staff-shell .portal-account-menu .staff-menu-icon::before{content:"";display:block;width:20px;height:20px;background:currentColor;-webkit-mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat;mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat}
body.has-staff-shell .portal-account-menu a:has(>.staff-menu-icon)::before{display:none!important}
body.has-staff-shell [data-shell-key="products"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='4' y='3' width='16' height='18' rx='2'/%3E%3Cpath d='M8 8h8M8 12h8M8 16h5'/%3E%3C/svg%3E")}

/* Expanded post choices keep the same alignment as ordinary menu entries. */
body.has-staff-shell .staff-post-choices,body.has-staff-shell .portal-account-menu .staff-post-choices,body.has-staff-shell .management-mobile-nav .staff-post-menu>.staff-post-choices{margin:0!important;padding:0!important;border:0!important;gap:3px}
body.has-staff-shell .staff-inline-icon::before{display:none!important;content:none!important}
body.has-staff-shell .staff-inline-icon svg{display:block!important;width:20px;height:20px;fill:none;stroke:#5c7967;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.has-staff-shell .staff-post-menu>summary{letter-spacing:-.012em}
body.has-staff-shell .portal-account-menu .staff-post-menu>summary{font-weight:600;background:#fff}

body.has-staff-shell .staff-site-sidebar .staff-post-menu>summary{font-weight:600;gap:11px}

/* Admin-only groups: subtle post tints across desktop and mobile. */
body.has-staff-shell .staff-post-menu[data-post-menu="bar"]{--post-tint:#f1f5f7}
body.has-staff-shell .staff-post-menu[data-post-menu="cashier"]{--post-tint:#f7f5ed}
body.has-staff-shell .staff-post-menu[data-post-menu="kitchen"]{--post-tint:#f5f1f4}
body.has-staff-shell .staff-post-menu{background:var(--post-tint);border-radius:10px}
body.has-staff-shell .staff-post-menu>summary,body.has-staff-shell .portal-account-menu .staff-post-menu>summary{background:transparent;border-color:transparent}
body.has-staff-shell .staff-post-menu>summary:hover{background:rgba(49,94,68,.04)}
body.has-staff-shell .portal-account-menu .staff-post-menu>summary{flex-direction:row;justify-content:flex-start;text-align:left;gap:11px}
body.has-staff-shell .portal-account-menu .staff-post-menu>summary>.staff-menu-icon{flex:0 0 20px;width:20px;height:20px;border:0;border-radius:0;background:transparent}

/* Keep each admin post tint on expanded links in the native account menu too. */
body.has-staff-shell .staff-post-menu .staff-post-choices :is(a,button){background:var(--post-tint)!important;border-color:transparent!important}
body.has-staff-shell .staff-post-menu .staff-post-choices :is(a,button):is(:hover,.active){background:color-mix(in srgb,var(--post-tint) 92%,#315e44 8%)!important}
.staff-entry-post{display:grid;gap:12px;min-width:0}
.staff-entry-post>h3{margin:4px 0 0;font-size:17px}
.staff-entry-post-content{display:grid;gap:14px;min-width:0}

@media(max-width:900px){
 .portal-admin-staff-menu .portal-menu-navigation{grid-template-columns:1fr}
 .portal-menu-utilities{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .portal-menu-utilities>button{height:72px;min-height:72px;padding:10px 12px;text-align:left;font:700 13px/18px Inter,system-ui,sans-serif}

}

body.has-staff-shell [data-shell-key="kitchen-reports"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2016v-3M12%2016V9M16%2016v-5%22%2F%3E%3C%2Fsvg%3E")}

body.has-staff-shell [data-shell-key="recipes"],body.has-staff-shell [href*="recipes.php"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205c-3-2-6-2-9-1v15c3-1%206-1%209%201%203-2%206-2%209-1V4c-3-1-6-1-9%201z%20M12%205v15%20M6%208h3%20M15%208h3%22%2F%3E%3C%2Fsvg%3E")}

body.has-staff-shell :is([data-shell-key="debt"],[data-shell-key="staff-charges"],[href^="staff-charges.php"]){--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v17l-3-2-4%202-4-2-3%202V4z%20M8%208h8%20M8%2012h5%22%2F%3E%3C%2Fsvg%3E")}

body.has-staff-shell [data-shell-key="tips"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16v13H4z%20M3%207h18%20M12%207v13%20M12%207C4%207%206%201%209%203l3%204z%20M12%207c8%200%206-6%203-4l-3%204z%22%2F%3E%3C%2Fsvg%3E")}

body.has-staff-shell [data-shell-key="employee-preview"]{--nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2011a4%204%200%201%200%200-8%204%204%200%200%200%200%208z%20M2%2021v-3c0-3%203-5%207-5%20M14%2017c2-5%206-5%209%200-3%205-7%205-9%200z%20M18%2017h1%22%2F%3E%3C%2Fsvg%3E")}

body.has-staff-shell .staff-personal-choices :is(a,button){display:flex;align-items:center;gap:9px}
body.has-staff-shell .staff-personal-choices :is(a,button)::before{content:"";display:block;flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat;mask:var(--nav-icon, url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%204h14v16H5z%20M8%208h8%20M8%2012h8%20M8%2016h5%22%2F%3E%3C%2Fsvg%3E")) center/contain no-repeat}

body.has-staff-shell .staff-nav [data-shell-key="kitchen-reports"],body.has-staff-shell .portal-account-menu [data-shell-key="kitchen-reports"]{border:0;grid-column:auto}