.admin-nav-close{display:none}
@media(max-width:700px){
 body.admin-navigation-open{overflow:hidden}
 #staff-root .workspace .sidebar{inset:0;width:100%;max-width:none;height:100dvh;box-sizing:border-box;z-index:100;padding:20px 22px max(24px,env(safe-area-inset-bottom));overscroll-behavior:contain;background:#000!important}
 #staff-root .sidebar .brand{min-height:90px;margin:0 56px 20px;justify-content:center}
 #staff-root .sidebar .brand-logo{width:125px;height:100px}
 #staff-root .admin-nav-close{display:grid;place-items:center;position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));width:46px;height:46px;padding:11px;border:1px solid #34574e;border-radius:50%;background:#102b25;color:#fff}
 .admin-nav-close svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
 #staff-root .admin-nav-group{border:0;border-bottom:1px solid #244039;border-radius:0;background:transparent;margin:0;padding:0}
 #staff-root .admin-nav-group summary{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:8px 2px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
 .admin-nav-group summary::-webkit-details-marker{display:none}
 .admin-nav-group summary:after{content:'+';font-size:24px;color:#28dfcb;font-weight:400}
 .admin-nav-group[open] summary:after{content:'−'}
 #staff-root .admin-nav-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-bottom:14px}
 #staff-root .sidebar .nav-item{margin:0;padding:12px 10px;min-width:0;min-height:48px;font-size:14px;line-height:1.3;gap:9px;white-space:normal}
 #staff-root .sidebar-bottom{margin-top:22px;padding:18px 2px;gap:7px}
 #staff-root .sidebar-bottom button{justify-self:start;min-height:44px}
}

/* Thumb-friendly persistent admin navigation. */
@media(max-width:700px){
 #staff-root .workspace .staff-bottom-nav{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#050d0b;border-top:1px solid #275047;box-shadow:0 -6px 24px #061c181a;box-sizing:border-box}
 #staff-root .workspace .staff-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:58px;padding:7px 2px;border-radius:12px;color:#d4e4e0!important;text-decoration:none;font-size:11px;font-weight:600;line-height:1.2;position:relative;-webkit-tap-highlight-color:transparent}
 #staff-root .workspace .staff-bottom-nav a svg{display:block;width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8}
 #staff-root .workspace .staff-bottom-nav a span{display:block;white-space:nowrap}
 #staff-root .workspace .staff-bottom-nav a.active{background:#123e35;color:#36ead6!important}
 #staff-root .workspace .staff-bottom-nav a.active:before{content:'';position:absolute;top:0;width:22px;height:3px;border-radius:0 0 3px 3px;background:#36ead6}
 #staff-root .workspace .staff-bottom-nav a:focus-visible{outline:2px solid #36ead6;outline-offset:-2px}
 #staff-root .workspace .workspace-content{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 #staff-root .workspace.menu-open .staff-bottom-nav{visibility:hidden}
}