/* V25 — compact sidebar navigation spacing */
.sidebar-profile-card{margin-bottom:12px!important}

body.app-mode .main-nav{
  gap:4px!important;
  padding:0 0 8px!important;
}
body.app-mode .nav-item{
  min-height:54px!important;
  border-radius:18px!important;
  padding:7px 9px!important;
  grid-template-columns:40px minmax(0,1fr) 16px!important;
  gap:9px!important;
}
body.app-mode .nav-item .nav-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
}
body.app-mode .nav-item .nav-icon i{font-size:15px!important}
body.app-mode .nav-item .nav-copy{gap:1px!important}
body.app-mode .nav-item .nav-copy b{font-size:12px!important;line-height:1.3!important}
body.app-mode .nav-item .nav-copy small{font-size:8px!important;margin-top:1px!important}
body.app-mode .nav-item .nav-arrow{font-size:8px!important}
body.app-mode .nav-item.active{box-shadow:0 9px 20px rgba(171,227,75,.07)!important}
body.app-mode .nav-item.active:after{top:11px!important;bottom:11px!important}

/* a bit more compact on smaller screens */
@media (max-width:980px){
  .sidebar{padding:18px 14px!important}
  .sidebar-profile-card{margin-bottom:10px!important}
  .sidebar-profile-main{padding-bottom:10px!important}
  .sidebar-profile-actions{margin-top:10px!important;gap:7px!important}
  body.app-mode .main-nav{gap:3px!important}
  body.app-mode .nav-item{
    min-height:50px!important;
    padding:6px 8px!important;
    grid-template-columns:36px minmax(0,1fr) 14px!important;
    gap:8px!important;
    border-radius:16px!important;
  }
  body.app-mode .nav-item .nav-icon{
    width:34px!important;
    height:34px!important;
    border-radius:12px!important;
  }
  body.app-mode .nav-item .nav-icon i{font-size:14px!important}
  body.app-mode .nav-item .nav-copy b{font-size:11px!important}
  body.app-mode .nav-item .nav-copy small{font-size:7.5px!important}
}