/* Association only: compact rail on portrait tablets, drawer on phones. */
/* Constrain the flex container, then scroll the menu, not the document.
   Works in landscape, compact mode and the mobile drawer alike. */
.app-body .sidebar{height:100vh;height:100dvh;height:var(--association-visible-height,100dvh);min-height:0;overflow:hidden;box-sizing:border-box;padding-bottom:max(18px,env(safe-area-inset-bottom))}
.app-body .sidebar-brand,.app-body .sidebar-profile{flex-shrink:0}
.app-body .side-nav{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#91a0c0 transparent;padding-bottom:12px;scroll-padding-block:12px}
.app-body .side-nav>a,.app-body .side-nav>p{flex-shrink:0;touch-action:pan-y pinch-zoom}
.app-body .side-nav>a{min-height:46px}
.app-body .nav-group{flex-shrink:0}
.app-body .nav-group summary{display:flex;align-items:center;gap:13px;min-height:46px;padding:0 14px;cursor:pointer;color:#c6d7e6;font-size:.88rem;font-weight:650;touch-action:pan-y pinch-zoom}
.app-body .nav-group summary::after{content:'›';margin-left:auto}
.app-body .nav-group[open] summary::after{transform:rotate(90deg)}
.app-body .nav-group summary svg{fill:currentColor;flex:0 0 20px;width:20px;height:20px}
.app-body .nav-group a{padding-left:20px;min-height:44px}
.app-body .nav-group summary:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.app-body .mobile-menu-toggle{display:block;flex:0 0 44px;min-width:44px;min-height:44px;cursor:pointer}
.app-body .workspace-bar .global-search{min-width:0;flex:1}
.app-body .side-nav svg{flex:0 0 20px;width:20px;height:20px}
.app-body .mobile-menu-toggle:focus-visible,.app-body .side-nav a:focus-visible{outline:3px solid var(--primary);outline-offset:2px}
@media(min-width:621px){
  .app-body .sidebar{transform:none;visibility:visible;width:276px}
  .app-body .workspace{margin-left:276px;min-width:0}
  .app-body .sidebar-overlay{display:none!important}
  .app-body.nav-compact .sidebar{width:76px;padding:18px 10px;padding-bottom:max(18px,env(safe-area-inset-bottom));overflow-x:hidden}
  .app-body.nav-compact .workspace{margin-left:76px}
  .app-body.nav-compact .sidebar-brand{padding:0;justify-content:center}
  .app-body.nav-compact .sidebar-brand>span:last-child:not(.sidebar-mark),
  .app-body.nav-compact .sidebar-profile>span:not(.avatar),
  .app-body.nav-compact .sidebar-profile>.personal-profile-link,
  .app-body.nav-compact .side-nav p{display:none}
  .app-body.nav-compact .side-nav{margin-top:20px;gap:7px}
  .app-body.nav-compact .side-nav a{position:relative;justify-content:center;padding:0;min-height:46px;border-radius:12px}
  .app-body.nav-compact .side-nav a span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  .app-body.nav-compact .nav-group summary{justify-content:center;padding:0}
  .app-body.nav-compact .nav-group summary>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .app-body.nav-compact .nav-group summary::after{display:none}
  .app-body.nav-compact .nav-group[open]{border:1px solid #536680;border-radius:12px}
  .app-body.nav-compact .nav-group a{font-size:.64rem;line-height:1.2;padding:6px 2px;overflow-wrap:anywhere}
  .app-body.nav-compact .nav-group a span{position:static;width:auto;height:auto;clip-path:none;white-space:normal;text-align:center}
  .app-body.nav-compact .sidebar-profile{grid-template-columns:1fr;justify-items:center;gap:7px;padding:8px 0;margin-top:20px}
  .app-body.nav-compact .sidebar-profile button,.app-body.nav-compact .profile-security-link{width:44px;min-height:44px}
  .app-body .workspace-bar{gap:12px;padding-right:20px;padding-left:20px}
}
@media(max-width:620px){.app-body .workspace{margin-left:0}}