/* v3.25.72 — supervisor sidebar follows content height, not fixed viewport height.
 * Scope: supervisor portal only. Also removes the mobile dark/blur overlay from above the drawer.
 */

/* Base: sidebar grows naturally with its own contents. */
html body .sfwb-supervisor-app.sfwb-role-central-app{
  position:relative!important;
}
html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar.sfwb-role-central-sidebar{
  box-sizing:border-box!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar.sfwb-role-central-sidebar > .sfwb-nav{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Desktop/tablet landscape: keep sidebar in normal document flow so its height is driven by its tabs/cards. */
@media (min-width:901px){
  html body .sfwb-supervisor-app.sfwb-role-central-app{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:0!important;
    padding-right:0!important;
    min-height:0!important;
    overflow:visible!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar.sfwb-role-central-sidebar{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:292px!important;
    min-width:292px!important;
    max-width:292px!important;
    flex:0 0 292px!important;
    align-self:flex-start!important;
    margin:0!important;
    transform:none!important;
    transition:none!important;
    z-index:20!important;
    padding-bottom:18px!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > .sfwb-sup-workspace{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    box-sizing:border-box!important;
  }
}

/* Mobile: off-canvas remains, but its height follows the sidebar content instead of being fixed to 100dvh. */
@media (max-width:900px){
  html body .sfwb-supervisor-app.sfwb-role-central-app{
    display:block!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar.sfwb-role-central-sidebar{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:auto!important;
    left:auto!important;
    width:min(340px,88vw)!important;
    min-width:0!important;
    max-width:88vw!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    transform:translate3d(105%,0,0)!important;
    transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
    z-index:2147483000!important;
    box-shadow:-18px 0 44px rgba(2,27,55,.28)!important;
    padding-top:max(16px,env(safe-area-inset-top))!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app.is-menu-open > aside.sfwb-sidebar.sfwb-role-central-sidebar{
    transform:translate3d(0,0,0)!important;
  }
  html body .sfwb-supervisor-app.sfwb-role-central-app > aside.sfwb-sidebar.sfwb-role-central-sidebar > .sfwb-nav{
    overflow:visible!important;
    max-height:none!important;
    height:auto!important;
  }

  /* Remove all supervisor drawer backdrop layers so nothing dark/blurred can sit above the menu. */
  html body .sfwb-supervisor-app.sfwb-role-central-app::after,
  html body .sfwb-supervisor-app.sfwb-role-central-app.is-menu-open::after{
    content:none!important;
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  html.sfwb-sup-drawer-open,
  html.sfwb-sup-drawer-open body,
  body.sfwb-sup-drawer-open{
    overflow:auto!important;
    overscroll-behavior:auto!important;
  }
}