/* Association only: compact rail on portrait tablets, drawer on phones. */
.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;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 .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 .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}}