.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none}
@media(max-width:800px){
  body.mobile-nav-open{overflow:hidden}
  .workspace>.sidebar{position:fixed;inset:0 0 0 auto;width:min(310px,86vw);height:100vh;height:100dvh;z-index:1002;display:flex;flex-direction:column;padding:24px 18px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;transform:translateX(105%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:-12px 0 40px #10322c30}
  [dir=ltr] .workspace>.sidebar{inset:0 auto 0 0;transform:translateX(-105%)}
  body.mobile-nav-open .workspace>.sidebar{transform:translateX(0);visibility:visible}
  .sidebar .mobile-nav-close{display:flex;align-items:center;justify-content:center;align-self:flex-end;min-width:44px;min-height:44px;background:#ffffff12;color:#fff;border:1px solid #ffffff30;border-radius:8px;font-size:27px;margin-bottom:12px;flex-shrink:0}
  .workspace>.sidebar .wordmark{display:block;padding:0 12px 20px;font-size:30px}
  .workspace>.sidebar .wordmark span{font-size:9px;margin-top:6px;letter-spacing:2px}
  .workspace>.sidebar .sidebar-caption{display:block;padding-top:4px}
  .workspace>.sidebar nav{display:flex;flex-direction:column;overflow:visible;margin-top:6px;padding-bottom:16px;gap:5px}
  .workspace>.sidebar nav a{min-height:44px;white-space:normal;font-size:13px;padding:10px 13px;flex-shrink:0}
  .workspace>.sidebar nav a.active{box-shadow:inset -3px 0 var(--orange)}
  .workspace>.sidebar .sidebar-bottom{display:block;margin-top:auto}
  .mobile-nav-backdrop{position:fixed;inset:0;background:#0c241db3;z-index:1001}
  body.mobile-nav-open .mobile-nav-backdrop{display:block}
  .topbar{position:sticky;top:0;z-index:20;gap:10px;padding:8px 14px;height:auto;min-height:64px}
  .mobile-nav-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;flex:0 0 44px;background:#fff;border:1px solid var(--border);border-radius:9px;color:var(--forest)}
  .mobile-nav-toggle span{display:block;width:20px;height:2px;border-radius:1px;background:currentColor}
  .topbar>div:first-of-type{flex:1;min-width:0}
  .top-company{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .user-area{flex-shrink:0;gap:6px}
  .workspace>.main{min-width:0}
}
@media(prefers-reduced-motion:reduce){.workspace>.sidebar{transition:none}}
@media print{.mobile-nav-toggle,.mobile-nav-close,.mobile-nav-backdrop{display:none!important}}