.sidebar{height:100vh;height:100dvh;overflow:hidden}
.sidebar .brand,.sidebar-label{flex-shrink:0}
.sidebar .brand{margin-bottom:22px}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;align-content:start;scrollbar-width:thin;scrollbar-color:#58717f transparent}
.sidebar-bottom{flex-shrink:0;margin-top:12px;padding:14px 10px 0;gap:12px;border-top:1px solid #ffffff20;background:var(--ink)}
.sidebar-bottom #logout{width:100%;min-height:44px;color:#fff;border-color:#7894a4;font-size:14px}
.sidebar-bottom #logout:hover{background:#ffffff15}
#loginStatus{min-height:22px;overflow-wrap:anywhere}
@media(max-width:760px){
 .sidebar{height:auto;overflow:visible}
 .sidebar nav{flex:none;overflow-x:auto;overflow-y:hidden}
 .sidebar-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 0 0;gap:10px}
 .sidebar-bottom .connection{flex:1;min-width:140px}
 .sidebar-bottom a{display:none}
 .sidebar-bottom #logout{width:auto;flex-shrink:0}
}