:root{--management-shell-width:248px}
body.has-management-shell{margin-left:var(--management-shell-width)!important;background:#f7f8f4!important;color:#173027;font-family:Inter,Arial,sans-serif}
body.has-management-shell *{box-sizing:border-box}
body.has-management-shell :is(button,input,select,textarea){font-family:inherit}
body.has-management-shell :is(.status-pill,.draft-count,.daily-status,.movement){display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1.2;border-radius:999px}
body.has-management-shell :is(.management-card,.hub-card,.report-section,.report-filter-card,.uniform-panel,.cc-panel,.staff-card){border-radius:12px}
body.has-management-shell main :where(button,.primary,.secondary-link){max-width:100%;font-size:.82rem;line-height:1.15;overflow-wrap:anywhere}
.management-shell{position:fixed;inset:0 auto 0 0;z-index:80;width:var(--management-shell-width);display:flex;flex-direction:column;padding:18px 13px 14px;border-right:1px solid #d8decf;background:#f7f7ec;color:#263f28;font-family:Inter,Arial,sans-serif}
.management-shell-brand{display:flex;align-items:center;gap:11px;margin:0 4px 20px;padding:4px;color:#203123;text-decoration:none;font-size:17px;font-weight:850}
.management-shell-brand img{display:block;width:51px!important;height:45px!important;max-width:51px!important;max-height:45px!important;object-fit:contain}
.management-shell-brand span{display:grid;gap:2px}.management-shell-brand small{color:#65733f;font-size:9px;letter-spacing:.13em}
.management-shell nav{display:grid;gap:3px;min-height:0;overflow-y:auto;padding-right:2px}.management-shell nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 11px;border-radius:10px;color:#536050;text-decoration:none;font-size:12.5px;font-weight:800}
.management-shell nav a>span{flex:0 0 20px;width:20px;height:20px;display:grid;place-items:center;color:#65733f;text-align:center;font-size:17px;line-height:1}.management-shell nav a:hover,.management-shell nav a.active{background:#e5eadc;color:#1f5635}.management-shell nav a.active{box-shadow:inset 3px 0 #65733f}
.management-shell footer{display:grid;gap:8px;margin-top:auto;padding:14px 8px 2px;border-top:1px solid #d8decf}.management-shell footer p{display:grid;gap:2px;margin:0 0 5px;color:#203123;font-size:12px;font-weight:850}.management-shell footer small{color:#718070;font-size:9px;letter-spacing:.08em}.management-shell footer a{color:#526046;text-decoration:none;font-size:12px;font-weight:750}
.management-mobile-nav{display:none}
body.has-management-shell .management-topbar nav,body.has-management-shell .program-actions>a,body.has-management-shell .report-header-actions>a,body.has-management-shell .uniform-topbar nav,body.has-management-shell .cc-top>a:first-child,body.has-management-shell .people-content-top>a:last-child,body.has-management-shell .hiring-back{display:none!important}
/* The sidebar owns branding and global navigation. Every backend page therefore
   gets the same compact content header without a second logo or large banner. */
body.has-management-shell .management-topbar .brand,body.has-management-shell .program-logo,body.has-management-shell .report-topbar .site-logo-link,body.has-management-shell .uniform-topbar>a:first-child,body.has-management-shell .people-content-top .site-logo-link,body.has-management-shell .hiring-admin-topbar .site-logo-link,body.has-management-shell .cc-top img{display:none!important}
body.has-management-shell .management-topbar,body.has-management-shell .program-topbar,body.has-management-shell .report-topbar,body.has-management-shell .uniform-topbar,body.has-management-shell .people-content-top,body.has-management-shell .hiring-admin-topbar,body.has-management-shell .cc-top{min-height:64px!important;padding:11px clamp(16px,3vw,38px)!important;align-items:center!important;gap:14px!important}
body.has-management-shell .management-topbar h1,body.has-management-shell .program-topbar h1,body.has-management-shell .report-topbar h1,body.has-management-shell .uniform-topbar h1,body.has-management-shell .people-content-top h1,body.has-management-shell .hiring-admin-topbar h1,body.has-management-shell .cc-top h1{margin:2px 0 0!important;font-size:1.42rem!important;letter-spacing:-.02em!important}
@media(max-width:900px){body.has-management-shell{margin-left:0!important;padding-bottom:76px!important}.management-shell{display:none}.management-mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));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 rgba(34,45,28,.12);font-family:Inter,Arial,sans-serif}.management-mobile-nav>a,.management-mobile-nav summary{display:flex;min-width:0;min-height:51px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px 2px;border:0;border-radius:9px;background:transparent;color:#596257;font-size:9px;font-weight:850;line-height:1.05;text-align:center;text-decoration:none;list-style:none;cursor:pointer}.management-mobile-nav>a>span,.management-mobile-nav summary>span{font-size:17px;line-height:1}.management-mobile-nav>a.active{background:#edf1e2;color:#204a30}.management-mobile-nav details{position:relative}.management-mobile-nav summary::-webkit-details-marker{display:none}.management-mobile-nav details>div{position:absolute;right:5px;bottom:64px;width:min(310px,calc(100vw - 20px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px;border:1px solid #d5dacd;border-radius:16px;background:#fff;box-shadow:0 -12px 36px rgba(34,45,28,.18)}.management-mobile-nav details>div a{min-height:42px;padding:10px;border:1px solid #dfe3d7;border-radius:10px;background:#f8f9f2;color:#314333;font-size:12px;font-weight:800;text-align:center;text-decoration:none}.management-mobile-nav details>div a.active{background:#e8eee0;color:#1f5635}}

.management-shell-logout,.management-shell-mobile-logout{margin:0}.management-shell-logout input,.management-shell-mobile-logout input{display:none}.management-shell-logout button{width:100%;min-height:34px;padding:7px 10px;border:1px solid #cfd9c9;border-radius:9px;background:#eef3e9;color:#31543b;font-size:12px;font-weight:800;text-align:left;cursor:pointer}.management-shell-logout button:hover{background:#e2ebdc;color:#173b2f}.management-shell-mobile-logout button{width:100%;min-height:42px;padding:10px;border:1px solid #dfe3d7;border-radius:10px;background:#f8f9f2;color:#314333;font-size:12px;font-weight:800;cursor:pointer}
/* Shared bottom-left logout treatment for Admin and Staff navigation. */
.management-shell footer { display: flex; flex-direction: column; align-items: stretch; }
.management-shell-logout { order: 10; margin-top: 8px; }
.management-shell-logout button, .management-shell-mobile-logout button { width: 100%; min-height: 40px; padding: 8px 11px 8px 41px; border: 1px solid #e8c8c3; border-radius: 10px; background: #faeeec; color: #99463e; font-size: 12.5px; font-weight: 800; line-height: 1.25; text-align: left; cursor: pointer; }
.management-shell-logout button:hover, .management-shell-mobile-logout button:hover { background: #f4dfdc; color: #7f302a; }
.management-shell-logout button:focus-visible, .management-shell-mobile-logout button:focus-visible { outline: 2px solid #a94d45; outline-offset: 2px; }

/* Admin navigation refresh: consistent line icons and balanced desktop/mobile states. */
.management-shell { background: linear-gradient(180deg,#fbfcf8 0%,#f4f7f1 100%); border-right-color:#dce6d9; box-shadow:4px 0 20px rgba(32,58,42,.045); }
.management-shell-brand { margin-bottom:16px; padding:8px 6px; border-radius:14px; }
.management-shell nav { gap:5px; padding-right:3px; scrollbar-width:thin; scrollbar-color:#c9d9cb transparent; }
.management-shell nav a { min-height:46px; gap:11px; padding:6px 8px; border:1px solid transparent; border-radius:12px; color:#45594b; font-size:12.5px; font-weight:760; line-height:1.25; transition:background-color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease; }
.management-shell nav a > span { position:relative; flex:0 0 32px; width:32px; height:32px; border-radius:10px; background:#eaf1e7; color:#41694d; font-size:0; }
.management-shell nav a > span::before, .management-mobile-nav > a > span::before { content:""; display:block; width:19px; height:19px; 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; }
.management-shell nav a:hover, .management-shell nav a.active { background:#eaf3e9; border-color:#d3e5d3; color:#1b5335; box-shadow:0 5px 12px rgba(37,83,50,.06); transform:translateX(2px); }
.management-shell nav a.active { background:linear-gradient(105deg,#e1f0e5,#edf6ea); border-color:#bcd9c4; box-shadow:inset 3px 0 #348257,0 6px 14px rgba(37,83,50,.07); }
.management-shell nav a:is(:hover,.active) > span { background:#d7eadb; color:#256946; }
.management-shell nav a:focus-visible, .management-mobile-nav a:focus-visible, .management-mobile-nav summary:focus-visible { outline:2px solid #39845b; outline-offset:2px; }
.management-shell nav a[href^="index.php"], .management-mobile-nav a[href^="index.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%22m3%2010%209-7%209%207v10H3V10Z%22%2F%3E%3Cpath%20d%3D%22M9%2020v-7h6v7%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="reports.php"], .management-mobile-nav a[href^="reports.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%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-3m4%203V9m4%207v-5%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="program.php"], .management-mobile-nav a[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.85%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%200h3m-9%203h3%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="breaks-admin.php"], .management-mobile-nav a[href^="breaks-admin.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%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%207v5l3%202%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="uniforms.php"], .management-mobile-nav a[href^="uniforms.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%22m8%203-5%203-1%205%204%202%201-2v10h10V11l1%202%204-2-1-5-5-3-2%203h-4L8%203Z%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="people-content.php"], .management-mobile-nav a[href^="people-content.php"], .management-shell nav a[href^="recipes.php"], .management-mobile-nav a[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.85%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"); }
.management-shell nav a[href^="daily-fills-admin.php"], .management-mobile-nav a[href^="daily-fills-admin.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%22M5%208h14l-1%2012H6L5%208Zm2-4h10m-5-1v11m-3-3%203%203%203-3%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="customer-categories-admin.php"], .management-mobile-nav a[href^="customer-categories-admin.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%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"); }
.management-shell nav a[href^="automations.php"], .management-mobile-nav a[href^="automations.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%22M13%202%204%2014h7l-1%208%2010-12h-7l1-8%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="surveys-admin.php"], .management-mobile-nav a[href^="surveys-admin.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%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"); }
.management-shell nav a[href^="products.php"], .management-mobile-nav a[href^="products.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%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="multipliers.php"], .management-mobile-nav a[href^="multipliers.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%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="staff.php"], .management-mobile-nav a[href^="staff.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%22M4%208h16m-4-4%204%204-4%204M20%2016H4m4-4-4%204%204%204%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell nav a[href^="backend-pin.php"], .management-mobile-nav a[href^="backend-pin.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%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3m-4%204v3%22%2F%3E%3C%2Fsvg%3E"); }
@media (max-width:900px) {
  .management-mobile-nav { gap:4px; padding:7px 6px calc(7px + env(safe-area-inset-bottom)); background:rgba(250,252,248,.97); border-top-color:#d7e4d8; box-shadow:0 -10px 30px rgba(32,58,42,.12); backdrop-filter:blur(14px); }
  .management-mobile-nav > a, .management-mobile-nav summary { min-height:56px; gap:4px; padding:5px 2px; border-radius:12px; color:#516458; font-size:10px; font-weight:760; line-height:1.12; }
  .management-mobile-nav > a > span, .management-mobile-nav summary > span { display:grid; place-items:center; flex:0 0 27px; width:27px; height:27px; border-radius:9px; background:#eaf1e7; color:#41694d; font-size:15px; }
  .management-mobile-nav > a:is(:hover,.active), .management-mobile-nav details[open] > summary { background:#e8f3e9; color:#1b5335; }
  .management-mobile-nav > a:is(:hover,.active) > span, .management-mobile-nav details[open] > summary > span { background:#d7eadb; color:#256946; }
  .management-mobile-nav details > div { bottom:70px; max-height:min(65vh,490px); overflow-y:auto; gap:7px; padding:11px; border:1px solid #d9e6dc; border-radius:18px; background:#fcfefb; box-shadow:0 -18px 40px rgba(30,58,40,.2); }
  .management-mobile-nav details > div a { display:flex; align-items:center; gap:9px; min-height:46px; padding:8px 9px; border-color:#e0e9df; border-radius:11px; background:#f7faf6; color:#344d3c; font-size:11.5px; font-weight:750; line-height:1.2; text-align:left; }
  .management-mobile-nav details > div a::before { content:""; display:block; flex:0 0 18px; width:18px; height:18px; background:#4d7055; -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; }
  .management-mobile-nav details > div a:is(:hover,.active) { background:#eaf3e9; border-color:#c8decf; color:#1b5335; }
  .management-mobile-nav details > div a:not([href^="index.php"]):not([href^="reports.php"]):not([href^="program.php"]):not([href^="breaks-admin.php"]):not([href^="uniforms.php"]):not([href^="equipment.php"]):not([href^="food-cost.php"]):not([href^="people-content.php"]):not([href^="recipes.php"]):not([href^="daily-fills-admin.php"]):not([href^="customer-categories-admin.php"]):not([href^="surveys-admin.php"]):not([href^="automations.php"]):not([href^="products.php"]):not([href^="multipliers.php"]):not([href^="orders.php"]):not([href^="mail-admin.php"]):not([href^="staff.php"]):not([href^="backend-pin.php"])::before { display:none; }
}
@media (prefers-reduced-motion:reduce) { .management-shell nav a { transition:none; transform:none !important; } }

/* Keep the mobile route glyph behind the new line icon. */
@media (max-width:900px) { .management-mobile-nav > a > span { font-size:0; } }

/* Shared portal typography: the same Greek-capable UI stack in Admin and Staff. */
:root { --portal-ui-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body.has-management-shell, .management-shell, .management-mobile-nav { font-family: var(--portal-ui-font); text-rendering: optimizeLegibility; }
body.has-management-shell :where(h1,h2,h3,h4,h5,h6,p,a,label,button,input,select,textarea,table,th,td,summary,small) { font-family: var(--portal-ui-font); }
.management-shell nav a, .management-mobile-nav > a, .management-mobile-nav summary { font-weight: 700; letter-spacing: -.012em; }

/* Unified navigation finish: quiet line icons, one type scale, one active state. */
.management-shell { background:#f8faf7; border-right:1px solid #dce6dd; box-shadow:none; }
.management-shell nav { gap:3px; }
.management-shell nav a { 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,system-ui,sans-serif); letter-spacing:-.012em; box-shadow:none; transform:none; }
.management-shell nav a > span { flex:0 0 20px; width:20px; height:20px; border:0; border-radius:0; background:transparent; color:#5c7967; font-size:0; }
.management-shell nav a > span::before { width:20px; height:20px; }
.management-shell nav a:hover { background:#edf4ed; color:#214b34; border:0; box-shadow:none; transform:none; }
.management-shell nav a.active { background:#e7f1e8; color:#17492f; border:0; box-shadow:none; transform:none; }
.management-shell nav a:is(:hover,.active) > span { background:transparent; color:#2b7450; }
.management-shell footer { border-top-color:#dce6dd; }
@media (max-width:900px) {
 .management-mobile-nav { gap:3px; background:#fbfdfb; border-top-color:#dce6dd; backdrop-filter:none; box-shadow:0 -6px 22px rgba(31,65,42,.09); }
 .management-mobile-nav > a, .management-mobile-nav summary { 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; }
 .management-mobile-nav > a > span, .management-mobile-nav summary > span { display:grid; place-items:center; flex:0 0 22px; width:22px; height:22px; border:0; border-radius:0; background:transparent; color:#5c7967; }
 .management-mobile-nav > a > span { font-size:0; }
 .management-mobile-nav > a:is(:hover,.active), .management-mobile-nav details[open] > summary { background:#e7f1e8; color:#17492f; }
 .management-mobile-nav > a:is(:hover,.active) > span, .management-mobile-nav details[open] > summary > span { background:transparent; color:#2b7450; }
 .management-mobile-nav details > div { background:#fbfdfb; border-color:#dce6dd; box-shadow:0 -14px 32px rgba(31,65,42,.13); }
 .management-mobile-nav details > div a { background:#fff; border-color:#e3ebe4; color:#425749; font:700 12px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif); }
 .management-mobile-nav details > div a:is(:hover,.active) { background:#e7f1e8; color:#17492f; }
}

/* Align each menu symbol in the middle of the shared icon slot. */
.management-shell nav a > span { display:grid; place-items:center; }
.management-shell nav a > span::before { display:block; flex:none; width:18px; height:18px; margin:0; }
.management-mobile-nav > a > span::before { display:block; width:18px; height:18px; margin:0; }

/* Restore the soft-green icon tile; keep the drawing centered inside it. */
.management-shell nav a > span { display:grid; place-items:center; flex:0 0 32px; width:32px; height:32px; border:1px solid #dce9dd; border-radius:10px; background:#eaf1e7; color:#41694d; }
.management-shell nav a:is(:hover,.active) > span { border-color:#c8dfce; background:#d7eadb; color:#256946; }
@media (max-width:900px) { .management-mobile-nav > a > span { display:grid; place-items:center; flex:0 0 27px; width:27px; height:27px; border:1px solid #dce9dd; border-radius:9px; background:#eaf1e7; color:#41694d; } .management-mobile-nav > a:is(:hover,.active) > span { border-color:#c8dfce; background:#d7eadb; color:#256946; } }

/* Unified full-height sidebar finish: brand, navigation, identity and actions. */
.management-shell { padding:16px 13px 14px; }
.management-shell-brand { display:flex; align-items:center; gap:10px; margin:0 0 12px; padding:6px 7px 14px; border-bottom:1px solid #dce6dd; border-radius:0; color:#203c2d; font:750 16px/1.2 var(--portal-ui-font,Inter,system-ui,sans-serif); letter-spacing:-.02em; }
.management-shell-brand img { flex:none; width:43px!important; height:43px!important; max-width:43px!important; max-height:43px!important; object-fit:contain; }
.management-shell-brand span { display:grid; gap:3px; }
.management-shell-brand small { color:#5e7665; font:750 9px/1.15 var(--portal-ui-font,Inter,system-ui,sans-serif); letter-spacing:.11em; }
.management-shell nav { gap:4px; padding-right:2px; }
.management-shell footer { display:flex; flex-direction:column; align-items:stretch; gap:5px; margin-top:auto; padding:13px 2px 0; border-top:1px solid #dce6dd; }
.management-shell footer > p { display:grid; grid-template-columns:32px minmax(0,1fr); grid-template-rows:auto auto; align-items:center; column-gap:10px; min-height:54px; margin:0 0 5px; padding:9px 10px; border:1px solid #dce8da; border-radius:12px; background:#f0f5ee; color:#254534; font:750 12.5px/1.24 var(--portal-ui-font,Inter,system-ui,sans-serif); overflow-wrap:anywhere; }
.management-shell footer > p::before { content:""; grid-column:1; grid-row:1/3; width:32px; height:32px; border:1px solid #dce9dd; border-radius:10px; background:#eaf1e7 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%22%2341694d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M5%2020v-1a7%207%200%200%201%2014%200v1%22%2F%3E%3C%2Fsvg%3E") center/18px 18px no-repeat; }
.management-shell footer > p small { grid-column:2; grid-row:2; margin-top:2px; color:#637a6a; font:650 9.5px/1.2 var(--portal-ui-font,Inter,system-ui,sans-serif); letter-spacing:.035em; }
.management-shell footer > :is(a,button.portal-switch) { box-sizing:border-box; display:flex; align-items:center; gap:10px; width:100%; min-height:42px; padding:6px 8px; border:1px solid transparent; border-radius:10px; background:transparent; color:#425749; font:700 12.5px/1.2 var(--portal-ui-font,Inter,system-ui,sans-serif); text-align:left; text-decoration:none; }
.management-shell footer > :is(a,button.portal-switch)::before { content:""; flex:0 0 28px; width:28px; height:28px; border:1px solid #dce9dd; border-radius:8px; background:#eaf1e7 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%22%2341694d%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%225%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2012h8m-3-3%203%203-3%203%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat; }
.management-shell footer > :is(a,button.portal-switch)[href^="backend-pin.php"]::before { background-image: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%22%2341694d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%2210%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2010V7a4%204%200%200%201%208%200v3%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell footer > :is(a,button.portal-switch)[href="mail-admin.php"]::before { background-image: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%22%2341694d%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202V4m0%2016v2M4.9%204.9l1.4%201.4m11.4%2011.4l1.4%201.4M2%2012h2m16%200h2M4.9%2019.1l1.4-1.4M17.7%206.3l1.4-1.4%22%2F%3E%3C%2Fsvg%3E"); }
.management-shell footer > :is(a,button.portal-switch).active { border-color:#d3e5d3; background:#e5eadc; color:#1f5635; box-shadow:inset 3px 0 #65733f; }
.management-shell footer > :is(a,button.portal-switch):hover { border-color:#d3e5d3; background:#edf4ed; color:#214b34; }
.management-shell footer > :is(a,button.portal-switch):focus-visible, .management-shell-logout button:focus-visible { outline:2px solid #39845b; outline-offset:2px; }
.management-shell-logout { order:10; margin:5px 0 0; }
.management-shell-logout button { box-sizing:border-box; display:flex; align-items:center; gap:10px; width:100%; min-height:44px; padding:6px 8px; border:1px solid #e8c8c3; border-radius:10px; background:#faeeec; color:#99463e; font:700 12.5px/1.2 var(--portal-ui-font,Inter,system-ui,sans-serif); text-align:left; box-shadow:none; cursor:pointer; }
.management-shell-logout button::before { content:""; flex:0 0 28px; width:28px; height:28px; border:1px solid #edccc6; border-radius:8px; background:#f5dfda 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%22%2399463e%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H6a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h4%22%2F%3E%3Cpath%20d%3D%22M14%208l4%204-4%204m4-4H9%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat; }
.management-shell-logout button:hover { border-color:#e3b8b0; background:#f4dfdc; color:#7f302a; }

/* 2026-09-25: center route icons independently of the hidden legacy glyph. */
.management-shell nav a > span,
.management-mobile-nav > a > span { position:relative; }
.management-shell nav a > span::before,
.management-mobile-nav > a > span::before { position:absolute; top:50%; left:50%; margin:0; transform:translate(-50%,-50%); }

/* 2026-09-25: identical logout controls in Admin and Staff, including mobile menus. */
body.has-management-shell .management-shell footer :is(.management-shell-logout button,#logout),
body.has-management-shell :is(.management-shell-mobile-logout button,#mobile-logout){box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:44px;padding:6px 8px;border:1px solid #e8c8c3;border-radius:10px;background:#faeeec;color:#99463e;font:700 12.5px/1.2 var(--portal-ui-font,Inter,system-ui,sans-serif);letter-spacing:normal;text-align:left;box-shadow:none;cursor:pointer}
body.has-management-shell .management-shell footer #logout{order:10;margin:5px 0 0}
body.has-management-shell .management-shell footer :is(.management-shell-logout button,#logout)::before,
body.has-management-shell :is(.management-shell-mobile-logout button,#mobile-logout)::before{content:"";position:static;display:block;flex:0 0 28px;width:28px;height:28px;box-sizing:border-box;margin:0;border:1px solid #edccc6;border-radius:8px;transform:none;background:#f5dfda 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%22%2399463e%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%204H6a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h4%22%2F%3E%3Cpath%20d%3D%22M14%208l4%204-4%204m4-4H9%22%2F%3E%3C%2Fsvg%3E") center/17px 17px no-repeat}
body.has-management-shell .management-shell footer :is(.management-shell-logout button,#logout):hover,
body.has-management-shell :is(.management-shell-mobile-logout button,#mobile-logout):hover{border-color:#e3b8b0;background:#f4dfdc;color:#7f302a}
body.has-management-shell .management-shell footer :is(.management-shell-logout button,#logout):focus-visible,
body.has-management-shell :is(.management-shell-mobile-logout button,#mobile-logout):focus-visible{outline:2px solid #39845b;outline-offset:2px}
.management-shell-mobile-logout{grid-column:1/-1;order:99;margin:0}

/* Shared manager identity and the read-only PortalGate traffic signal. */
.management-gate-mobile{display:none}
.management-gate-identity{min-width:0;display:grid;gap:2px;text-align:left;color:#253f31}
.management-gate-identity strong{display:block;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.25;font-weight:800}
.management-gate-identity small{color:#647b68;font-size:10.5px;line-height:1.2;font-weight:700;overflow-wrap:anywhere}
.management-gate{position:relative;flex:none}
.management-gate>summary{display:grid;place-items:center;width:32px;height:44px;padding:3px;border:1px solid #dce6dd;border-radius:9px;background:#f3f6f1;list-style:none;cursor:pointer}
.management-gate>summary::-webkit-details-marker{display:none}
.management-gate>summary:focus-visible{outline:2px solid #39845b;outline-offset:2px}
.management-gate-signal{display:grid;justify-items:center;gap:2px;width:20px;padding:3px 0;border-radius:6px;background:#26362d;box-shadow:inset 0 1px 2px #0006}
.management-gate-signal i{display:block;width:8px;height:8px;border-radius:50%;opacity:.28}
.management-gate-signal i:nth-child(1){background:#f5675e}.management-gate-signal i:nth-child(2){background:#f5ad43}.management-gate-signal i:nth-child(3){background:#53cf77}
.management-gate[data-state=red] .management-gate-signal i:nth-child(1),.management-gate[data-state=amber] .management-gate-signal i:nth-child(2),.management-gate[data-state=green] .management-gate-signal i:nth-child(3){opacity:1;box-shadow:0 0 6px currentColor,0 0 2px #fff}
.management-gate[data-state=red] .management-gate-signal i:nth-child(1){color:#f5675e}.management-gate[data-state=amber] .management-gate-signal i:nth-child(2){color:#f5ad43}.management-gate[data-state=green] .management-gate-signal i:nth-child(3){color:#53cf77}
.management-gate-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:201;width:280px;max-width:calc(100vw - 24px);padding:15px;border:1px solid #dce6dd;border-radius:14px;background:#fff;box-shadow:0 14px 35px #203a2a26;color:#294638}
.management-gate-panel b{font-size:13px}.management-gate-panel p{margin:8px 0;color:#445e4d;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.management-gate-panel small{display:block;color:#718277;font-size:10px}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.has-management-shell .cc-top>strong{display:none!important}
@media(max-width:900px){
  .management-mobile-nav .management-gate-mobile{grid-column:1/-1;justify-self:stretch;display:block;box-sizing:border-box;width:100%;min-width:0;padding:0;border:1px solid #dce6dd;border-radius:13px;background:#fff;box-shadow:0 3px 14px #203a2a12}
  .management-mobile-nav .management-gate-mobile>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:11px;box-sizing:border-box;width:100%;min-height:54px;height:auto;margin:0;padding:9px 13px;border:0;border-radius:12px;background:transparent;text-align:left}
  .management-mobile-nav .management-gate-mobile>summary>.management-gate-identity{display:grid;place-items:initial;flex:1 1 auto;width:auto;height:auto;min-width:0;gap:2px;border:0;border-radius:0;background:transparent;color:#253f31;text-align:left}
  .management-gate-mobile .management-gate-identity strong{font-size:12px;line-height:1.25}
  .management-gate-mobile .management-gate-identity small{font-size:10px;line-height:1.1}
  .management-mobile-nav .management-gate-mobile>summary>.management-gate-signal{display:grid;place-items:initial;justify-items:center;flex:none;width:20px;height:auto;gap:2px;padding:3px 0;border:0;border-radius:6px;background:#26362d;box-shadow:inset 0 1px 2px #0006}
  .management-mobile-nav .management-gate-mobile .management-gate-signal i{display:block;width:8px;height:8px;border-radius:50%}
  .management-gate-mobile:not([open])>.management-gate-panel{display:none}
  .management-gate-mobile>.management-gate-panel{position:static;display:block;width:100%;max-width:100%;max-height:none;overflow:visible;margin:0;padding:10px 12px;border:0;border-top:1px solid #dce6dd;border-radius:0 0 12px 12px;background:#fff;box-shadow:none}
  .management-mobile-nav>details>div{max-height:calc(100vh - 110px);overflow-y:auto}
  body.has-management-shell :is(.management-topbar,.program-topbar,.report-topbar,.uniform-topbar,.cc-top,.people-content-top,.hiring-admin-topbar){padding-right:clamp(16px,3vw,38px)!important}
}

/* Match new management routes to the shared line-icon system. */
.management-shell nav a[href^="equipment.php"],.management-mobile-nav a[href^="equipment.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%22M14%206a5%205%200%200%200-6%206l-5%205a2%202%200%200%200%204%204l5-5a5%205%200%200%200%206-6l-3%203-4-4%203-3Z%22%2F%3E%3C%2Fsvg%3E")}
.management-shell nav a[href^="food-cost.php"],.management-mobile-nav a[href^="food-cost.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%22M3%204h7a2%202%200%200%201%202%202v15a3%203%200%200%200-3-2H3V4Zm18%200h-7a2%202%200%200%200-2%202m0%2015a3%203%200%200%201%203-2h6V4M6%208h3m-3%204h3m6-4h3m-3%204h3%22%2F%3E%3C%2Fsvg%3E")}
.management-mobile-nav a[href^="mail-admin.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%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M4.9%204.9l1.4%201.4m11.4%2011.4%201.4%201.4M2%2012h2m16%200h2M4.9%2019.1l1.4-1.4M17.7%206.3l1.4-1.4%22%2F%3E%3C%2Fsvg%3E")}

/* Keep the status light beside the manager's two-line identity. */
.management-shell footer>.management-gate-sidebar{width:100%;min-width:0}
.management-shell footer>.management-gate-sidebar>summary{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:50px;height:auto;padding:8px;border:0;border-radius:10px;background:transparent;color:#425749;text-align:left}
.management-gate-sidebar>summary:hover{background:#edf4ed}
.management-gate-sidebar .management-gate-signal{flex:none;width:28px;height:28px;gap:1px;padding:3px 0;border-radius:8px}
.management-gate-sidebar .management-gate-signal i{width:6px;height:6px}
.management-gate-sidebar .management-gate-identity{display:grid;justify-items:stretch;flex:1 1 auto;width:auto;text-align:left}
.management-gate-sidebar .management-gate-identity strong{font:750 11.5px/1.25 var(--portal-ui-font,Inter,system-ui,sans-serif)}
.management-gate-sidebar>.management-gate-panel{top:auto;right:auto;bottom:calc(100% + 8px);left:0}

/* Shared content header and quiet desktop navigation control. */
body.has-management-shell :is(.management-topbar,.program-topbar,.report-topbar,.uniform-topbar,.people-content-top,.hiring-admin-topbar,.cc-top,.management-page-header){display:flex!important;max-width:none!important;width:100%;min-height:72px!important;padding:11px clamp(16px,3vw,38px)!important;align-items:center!important;justify-content:space-between;gap:14px!important;margin:0!important;background:#fff!important;border-bottom:1px solid #dce4da!important;box-shadow:none!important;border-radius:0!important}
body.has-management-shell :is(.management-topbar,.program-topbar,.report-topbar,.uniform-topbar,.people-content-top,.hiring-admin-topbar,.cc-top,.management-page-header)>div:first-of-type{flex:1;min-width:0}
body.has-management-shell :is(.management-topbar,.program-topbar,.report-topbar,.uniform-topbar,.people-content-top,.hiring-admin-topbar,.cc-top,.management-page-header) h1{font-size:1.42rem!important;letter-spacing:-.02em!important;line-height:1.2;margin:2px 0 0!important}
body.has-management-shell :is(.management-topbar,.management-page-header) .eyebrow{font-size:.65rem;letter-spacing:.12em;font-weight:750;line-height:1.3;color:#657563;margin:0 0 4px}
body.has-management-shell .management-sidebar-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;min-height:30px;padding:0!important;border:1px solid transparent!important;border-radius:7px;background:transparent!important;color:#718276;cursor:pointer}
body.has-management-shell .management-sidebar-toggle:hover{color:#234d38;background:#edf3ed!important;border-color:#dbe5db!important}
body.has-management-shell .management-sidebar-toggle:focus-visible{outline:2px solid #4d795d;outline-offset:3px}
@media(min-width:901px){body.has-management-shell.management-sidebar-collapsed{margin-left:0!important}.management-sidebar-collapsed .management-shell{display:none!important}}
@media(max-width:900px){body.has-management-shell .management-sidebar-toggle{display:none!important}body.has-management-shell .management-page-header{flex-wrap:wrap}body.has-management-shell .management-page-header h1{font-size:1.25rem!important}}

@media(max-width:900px){body.has-management-shell .management-page-header>div:first-of-type{flex:1 1 100%!important}body.has-management-shell .management-page-header .equipment-actions{flex:1 1 auto;justify-content:flex-start}body.has-management-shell .management-page-header button{font-size:.82rem;line-height:1.2}}

/* Keep the Reports drawing in markup on desktop and mobile. */
.management-shell nav a[href^="reports.php"]>span::before,
.management-mobile-nav>a[href^="reports.php"]>span::before,
.management-mobile-nav details>div a[href^="reports.php"]::before{
  content:none!important;display:none!important;
}
.management-shell nav a[href^="reports.php"] svg,
.management-mobile-nav a[href^="reports.php"] svg{display:block;flex:none;width:18px;height:18px;color:#41694d}

.portal-section-tabs{margin-bottom:18px;text-decoration:none}.portal-section-tabs a,.program-tabs>a{text-decoration:none}

.management-shell nav a[href^="orders.php"], .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"); }

.portal-section-tabs{display:flex;gap:7px;padding:6px;border:1px solid #dde4d5;border-radius:16px;background:#f3f6f0;overflow:auto}.portal-section-tabs button{min-height:39px;border-radius:10px;white-space:nowrap}body .portal-section-tabs button.active{background:#65704a;color:#fff;border-color:#65704a}

/* Shared settings workspace for mail and management PIN. */
main.settings-main{width:100%;max-width:1180px;margin:0 auto;padding:88px clamp(16px,3vw,40px) 80px}
.settings-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px;padding:6px;border:1px solid #d5ded0;border-radius:16px;background:#f3f6f0}.settings-tabs a{display:inline-flex;align-items:center;min-height:39px;padding:0 16px;border-radius:10px;color:#315e40;font-size:14px;font-weight:800;text-decoration:none}.settings-tabs a:hover{background:#e4ecdf}.settings-tabs a[aria-current="page"]{background:#5a7141;color:#fff}
.settings-panel{min-height:400px;padding:clamp(16px,3vw,30px);border:1px solid #d5ded0;border-radius:18px;background:#fff}.settings-panel .card{max-width:750px;padding:clamp(10px,2vw,24px);border:0;box-shadow:none}.settings-panel .card h2{margin:.3em 0;font-size:clamp(22px,2.2vw,28px)}
.settings-form{max-width:480px;display:grid;gap:16px;margin-top:22px}
.settings-form label{display:block;margin:0 0 6px}
.settings-form input,.settings-form select{width:100%;min-width:0}
.settings-form .actions{margin-top:4px}
.settings-identity,.settings-hint{margin:12px 0 0;color:#647469;font-size:14px;line-height:1.5}
.settings-disclosure{margin-top:28px;padding-top:24px;border-top:1px solid #e4eae0}
.settings-disclosure>summary{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;min-height:42px;list-style:none;text-align:left;font-size:.82rem;line-height:1.35}
.settings-disclosure>summary::-webkit-details-marker{display:none}
.settings-disclosure>summary svg{width:18px;height:18px;flex:none}
.settings-disclosure>summary span{min-width:0}
.settings-disclosure-chevron{margin-left:auto}
.settings-disclosure[open] .settings-disclosure-chevron{transform:rotate(180deg)}
@media(max-width:900px){main.settings-main{padding:76px 14px 110px}.settings-panel{padding:14px}}

/* Canonical content header: module styles may not change these values. */
@media screen {
body.has-management-shell .portal-page-header{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;width:100%!important;max-width:none!important;min-height:72px!important;margin:0!important;padding:11px clamp(16px,3vw,38px)!important;border:0!important;border-bottom:1px solid #dce4da!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;text-align:left!important}
body.has-management-shell .portal-page-header h1{margin:2px 0 0!important;font-size:1.42rem!important;line-height:1.2!important;letter-spacing:-.02em!important;font-weight:700!important}
body.has-management-shell .portal-page-header .eyebrow{margin:0 0 4px!important;font-size:.65rem!important;line-height:1.3!important;letter-spacing:.12em!important;font-weight:600!important;color:#657563!important}
body.has-management-shell .portal-page-header>div:first-of-type{flex:1 1 auto!important;min-width:0}
body.has-management-shell .portal-page-header.portal-help-host{padding-right:80px!important}
body.has-management-shell .portal-page-header .portal-help-button{position:absolute;right:clamp(16px,3vw,38px);top:12px!important;transform:none!important;margin:0!important}
body.has-management-shell .portal-page-header .program-actions:not(:has(>button:not([hidden]))){display:none!important}
body.has-management-shell .portal-page-header .pilot-session{display:none!important}
body.has-management-shell .portal-page-header.survey-home-head{border-radius:0!important}
@media(max-width:900px){body.has-management-shell .portal-page-header{min-height:64px!important;padding:10px 16px!important}body.has-management-shell .portal-page-header.portal-help-host{padding-right:64px!important}body.has-management-shell .portal-page-header h1{font-size:1.25rem!important}}
}
/* Navigation uses simple line icons without a second colored square. */
.management-shell nav a>span,.staff-site-sidebar .staff-nav .staff-menu-icon{border:0!important;background:transparent!important;border-radius:0!important;width:20px!important;flex-basis:20px!important}
.management-shell footer a[href="notifications.php"]::before,.management-mobile-nav a[href="notifications.php"]::before{display:none!important;content:none!important}
body:not(.has-staff-shell) :is(.management-shell,.management-mobile-nav) a[href="notifications.php"] svg{display:block!important;flex:none;width:20px;height:20px}

body.has-management-shell{margin-top:0!important;margin-right:0!important;margin-bottom:0!important}

body.has-management-shell .portal-page-header button.portal-help-button{border-radius:50%!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:17px!important}

.management-mobile-nav>a>span,.staff-mobile-nav>:is(button,a)>span{background:transparent!important;border:0!important;border-radius:0!important}

/* One compact brand row in the browser and in installed Android shells. */
body.has-management-shell header.portal-page-header{position:relative!important}
body.has-management-shell header.portal-page-header :is(.page-brand-row,.pilot-brand,.perigis-app-title){display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0;color:inherit;text-decoration:none}
body.has-management-shell header.portal-page-header :is(.site-logo-link,.perigis-app-brand){display:flex!important;flex:0 0 44px;align-items:center}
body.has-management-shell header.portal-page-header img[src*="peri-gis-logo"]{display:block!important;width:44px!important;max-width:44px!important;height:37px!important;object-fit:contain;margin:0!important;flex-shrink:0}
body.has-management-shell header.portal-page-header :is(.page-brand-row,.pilot-brand,.perigis-app-title)>div{min-width:0}

/* Shared settings and legacy APK menu suppression for Staff and Admin. */
body.has-management-shell .management-mobile-nav .perigis-app-actions{display:none!important}
.portal-settings-trigger{display:flex;align-items:center;gap:10px;cursor:pointer}
.portal-settings-trigger svg{display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.management-shell footer>.portal-settings-trigger{width:100%;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#425749;text-align:left;font:600 13px/1.3 var(--portal-ui-font,Inter,system-ui,sans-serif)}
.management-mobile-nav .portal-settings-trigger{padding:8px 11px;border:0;background:transparent;color:inherit;font:inherit;text-align:left}
dialog.portal-settings-dialog{box-sizing:border-box;width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:16px;border:1px solid #dce6dd;border-radius:16px;background:#fbfdfb;color:#173027;font:13px/1.4 var(--portal-ui-font,Inter,system-ui,sans-serif);box-shadow:0 18px 60px #17302733}
.portal-settings-dialog::backdrop{background:#17302766}
.portal-settings-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}
.portal-settings-dialog h2{margin:0;font-size:17px!important;line-height:1.3!important}
.portal-settings-dialog .portal-settings-close{display:grid;place-items:center;width:32px;min-height:32px;padding:0;border:1px solid #dce6dd;border-radius:50%;background:#fff;color:#425749;font:600 22px/1 system-ui;cursor:pointer}
.portal-settings-choices{display:grid;gap:8px}
.portal-settings-choices :is(a,button){display:flex;box-sizing:border-box;width:100%;align-items:center;min-height:44px;padding:10px 12px!important;border:1px solid #e3ebe4!important;border-radius:10px!important;background:#fff!important;color:#425749!important;font:600 13px/1.3 var(--portal-ui-font,Inter,system-ui,sans-serif)!important;text-decoration:none;text-align:left;cursor:pointer}
.portal-settings-choices [role=status]{display:block;margin:6px 2px 0;font:400 12px/1.4 var(--portal-ui-font,Inter,system-ui,sans-serif);color:#61716a}
.portal-settings-choices [role=status][hidden]{display:none}

/* The Android fallback overflow is redundant with the shared account/settings menu. */
.perigis-app-fallback{display:none!important}

/* Anonymous Staff login mirrors the portal switch on the Admin login. */
body.pilot-body:not(.has-management-shell) .portal-page-header .pilot-brand{min-width:0;gap:12px}
body.pilot-body:not(.has-management-shell) .portal-page-header .pilot-brand img{width:44px;height:37px;flex:none}
body.pilot-body:not(.has-management-shell) .portal-page-header .pilot-session{margin-left:auto;flex:none}

@media(max-width:900px){
 .portal-six-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-auto-flow:column;gap:3px;padding:7px 5px;min-height:77px}
 .portal-six-nav>:is(a,button),.portal-six-nav>details>summary{min-width:0;min-height:62px;padding:4px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:700 10px/1.15 Inter,system-ui,sans-serif}
 .portal-bottom-label{font:inherit;white-space:pre-line;text-align:center}
 .portal-six-nav>details>div>.management-gate,.portal-six-nav>details>div>.portal-settings-trigger{grid-column:1/-1}
}