/* SCRM's rectangular main frame and 9px menu rows, in both account palettes. */
#appShell[data-academy-layout=sidebar]{--academy-nav-surface:#75beee;--academy-nav-border:#ffffff4d;--academy-nav-text:#fff;--academy-nav-hover:#ffffff29}
#appShell[data-academy-layout=sidebar][data-academy-palette=light]{--academy-nav-surface:#f4f9fd;--academy-nav-border:#e0edf5;--academy-nav-text:#42647a;--academy-nav-hover:#e5f1fa}
#appShell[data-academy-layout=sidebar]>.sidebar{border-radius:0;box-shadow:none}
#appShell[data-academy-layout=sidebar]>.main,
#appShell[data-academy-layout=sidebar]>.main>.topbar{border-top-left-radius:0!important}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-nav{padding:22px 12px;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--academy-nav-text) var(--academy-nav-border);overscroll-behavior-y:contain}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-group{margin-bottom:13px}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-group-toggle{min-height:37px;height:37px;padding:9px 10px;border-radius:8px!important;font-weight:600;gap:8px}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-group-toggle>span:first-child{font-size:12px;font-weight:600;letter-spacing:0}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-group-toggle::after{display:none!important}
#appShell[data-academy-layout=sidebar]>.sidebar :is(.nav-item,.nav-item:hover,.nav-item.active,.nav-item.active:hover){min-height:37px;padding:8px 10px;margin-bottom:3px;border-radius:9px!important;box-shadow:none!important;gap:9px;font-weight:500}
#appShell[data-academy-layout=sidebar]>.sidebar .nav-item:not(.active):hover{background:var(--academy-nav-hover)!important}
#appShell[data-academy-layout=sidebar]>.sidebar .nav-item .nav-label{font-size:12px;line-height:1.4;font-weight:500}
#appShell[data-academy-layout=sidebar]>.sidebar .nav-item.active .nav-label{font-weight:600}
#appShell[data-academy-layout=sidebar]>.sidebar .nav-icon{width:22px;height:22px;min-width:22px}
#appShell[data-academy-layout=sidebar]>.sidebar .nav-icon svg{width:16px;height:16px}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-quick-actions .btn{border-radius:8px}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-bottom{flex-shrink:0;padding:13px 12px;border-top:1px solid var(--academy-nav-border);background:transparent}
#appShell[data-academy-layout=sidebar]>.sidebar .sb-bottom .user-card{padding:6px 4px;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important}
#appShell[data-academy-layout=sidebar]>.sidebar .user-menu{max-height:calc(100dvh - 170px);overflow-y:auto}
.academy-sidebar-collapse-row,.academy-sidebar-toggle{display:none}
.academy-sidebar-collapse-row[hidden],.academy-sidebar-toggle[hidden]{display:none!important}
@media(min-width:769px){
  #appShell[data-academy-layout=sidebar]>.sidebar{overflow:hidden;transition:width 280ms cubic-bezier(.22,1,.36,1)}
  #appShell[data-academy-layout=sidebar]>.main{transition:margin-left 280ms cubic-bezier(.22,1,.36,1)}
  #appShell[data-academy-layout=sidebar] .academy-sidebar-collapse-row{display:flex;justify-content:flex-end;flex-shrink:0;padding:8px 12px 12px}
  #appShell[data-academy-layout=sidebar] .academy-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:7px;border:1px solid var(--academy-nav-border);border-radius:9px;background:var(--academy-nav-surface);color:var(--academy-nav-text);cursor:pointer;transition:background 160ms ease}
  #appShell[data-academy-layout=sidebar] .academy-sidebar-toggle svg{width:19px;height:19px;flex-shrink:0}
  #appShell[data-academy-layout=sidebar] .academy-sidebar-toggle:hover{background:var(--academy-nav-hover)}
  #appShell[data-academy-layout=sidebar] .academy-sidebar-toggle:focus-visible{outline:2px solid var(--academy-nav-text);outline-offset:2px}
  #appShell[data-academy-layout=sidebar]>.academy-sidebar-toggle-expand{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:120;width:32px;height:48px;border-left:0;border-radius:0 10px 10px 0;box-shadow:0 3px 12px #27476310}
  #appShell[data-academy-layout=sidebar][data-academy-sidebar-collapsed=true]>.sidebar{width:0!important;border-width:0;pointer-events:none}
  #appShell[data-academy-layout=sidebar][data-academy-sidebar-collapsed=true]>.main{margin-left:0!important}
}
@media(max-width:768px){#appShell[data-academy-layout=sidebar]>.sidebar .sb-group-toggle{min-height:44px;height:44px}#appShell[data-academy-layout=sidebar]>.sidebar .nav-item{min-height:44px}}
@media(prefers-reduced-motion:reduce){#appShell[data-academy-layout=sidebar]>.sidebar,#appShell[data-academy-layout=sidebar]>.main,.academy-sidebar-toggle{transition:none!important}}
