/* Sidebar grouping trial — keep locked 230px width and 35px menu-row geometry. */
.nav-menu{
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}
.nav-menu::-webkit-scrollbar{display:none!important}

/* Section labels consume only 15px each to avoid introducing sidebar scrolling. */
.nav-section{
  list-style:none!important;
  box-sizing:border-box!important;
  flex:0 0 15px!important;
  height:15px!important;
  min-height:15px!important;
  max-height:15px!important;
  margin:1px 0 0!important;
  padding:0 12px!important;
  display:flex!important;
  align-items:flex-end!important;
  color:#6f87a3!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.9px!important;
  user-select:none!important;
  pointer-events:none!important;
}

/* One clean SVG icon family throughout sidebar. */
.nav-item .nav-svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#91a9c4!important;
}
.nav-item .nav-svg svg{
  width:15px!important;
  height:15px!important;
  display:block!important;
}
.nav-item:hover .nav-svg,
.nav-item.active .nav-svg{color:#dbeafe!important}

/* Preserve existing menu row size exactly. */
.nav-item,
.nav-item:hover,
.nav-item.active{
  flex:0 0 35px!important;
  height:35px!important;
  min-height:35px!important;
  max-height:35px!important;
}

/* If viewport is unusually short, tighten only section labels, never add a scrollbar. */
@media (max-height:680px){
  .nav-section{
    flex-basis:11px!important;
    height:11px!important;
    min-height:11px!important;
    max-height:11px!important;
    font-size:7px!important;
    margin:0!important;
  }
}