/* ASKV 1.3.9 — vertical sidebar compatibility for Chrome/Opera and browser zoom */
@media (min-width:821px){
  .sidebar{
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    overflow:hidden;
  }
  .sidebar .brand{
    flex:0 0 auto;
  }
  .sidebar nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    padding-right:4px;
    scrollbar-width:thin;
    scrollbar-color:#38535a transparent;
  }
  .sidebar nav::-webkit-scrollbar{width:6px}
  .sidebar nav::-webkit-scrollbar-track{background:transparent}
  .sidebar nav::-webkit-scrollbar-thumb{background:#38535a;border-radius:10px}
  .sidebar .user-badge{
    margin-top:12px;
    flex:0 0 auto;
    background:#0d2931;
    padding-bottom:max(0px,env(safe-area-inset-bottom));
  }
}

/* On vertically constrained browser windows keep all identity controls visible;
   only the navigation area becomes more compact/scrollable. */
@media (min-width:821px) and (max-height:760px){
  .sidebar{padding-top:22px;padding-bottom:16px}
  .brand{margin-bottom:14px}
  .nav-btn{padding:12px 15px}
  .sidebar nav{gap:5px}
  .user-badge{padding-top:12px!important}
  .avatar{width:42px;height:42px}
  .logout-btn{margin-top:5px}
}