.mobile-menu-toggle,.mobile-nav-backdrop{display:none}
@media(max-width:760px){
 body.mobile-nav-open{overflow:hidden}
 .mobile-menu-toggle{display:grid;flex:0 0 40px;place-content:center;gap:4px;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink)}
 .mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:.2s}
 body.mobile-nav-open .mobile-menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 body.mobile-nav-open .mobile-menu-toggle span:nth-child(2){opacity:0}
 body.mobile-nav-open .mobile-menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .app-topbar{gap:8px}.topbar-context{min-width:0;flex:1}.topbar-location{max-width:92px}.topbar-actions{flex:0 0 auto}
 .side{display:block!important;z-index:100;width:min(88vw,330px);padding:20px 18px calc(30px + env(safe-area-inset-bottom));transform:translateX(-105%);transition:transform .24s ease;box-shadow:18px 0 48px #10213a2e;overscroll-behavior:contain}
 body.mobile-nav-open .side{transform:translateX(0)}
 .side .brand{margin-bottom:22px}.side .nav-group{display:block!important}.side .nav-group>div{display:grid}
 .side a{padding:10px 12px}.side .nav-logout{width:100%;margin-top:16px}
 .mobile-nav-backdrop{position:fixed;display:block;z-index:90;inset:0;width:100%;height:100%;border:0;background:#10213a70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
 body.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
 .bottom{z-index:80}
}
@media(prefers-reduced-motion:reduce){.side,.mobile-nav-backdrop,.mobile-menu-toggle span{transition:none}}