/* Flat navigation uses the original cabinet typography, artwork and active row.
   Only the list scrolls on shorter screens; client selection and profile stay visible. */
.shell .sidebar { overflow: hidden; }
.shell .sidebar-sections {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #52677b transparent;
}
.shell .sidebar-sections > * { flex-shrink: 0; }
.shell .sidebar .side-bottom { flex-shrink: 0; }

/* Neutral, lighter navigation text; keep the existing type size and geometry. */
.shell .sidebar .nav-item {
  color: #d2d5da;
  font-weight: 400;
}
.shell .sidebar .nav-item:hover { color: #eef0f2; }
.shell .sidebar .nav-item.active {
  color: #ffffff;
  font-weight: 500;
}
.shell .sidebar .nav-item.nav-placeholder:hover { color: #d2d5da; }
.shell .sidebar .nav-caption,
.shell .sidebar .organization-switcher > label {
  color: #9fa7b0;
  font-weight: 400;
}
.shell .sidebar .organization-trigger {
  color: #e2e5e9;
  font-weight: 400;
}
.shell .sidebar .profile-copy strong {
  color: #e2e5e9;
  font-weight: 500;
}
.shell .sidebar .profile-copy span {
  color: #9fa7b0;
  font-weight: 400;
}

/* Tighten desktop navigation without changing labels, icons or workspace width. */
@media (min-width: 960px) {
  .shell .sidebar-sections .nav-list { gap: 1px; }
  .shell .sidebar-sections .nav-item { min-height: 34px; padding-block: 6px; }
  .shell .sidebar-sections .nav-caption { margin-block: 14px 6px; }
  .shell .sidebar-sections .nav-list.secondary { padding-top: 10px; }
}
@media (min-width: 960px) and (max-height: 850px) {
  .shell .sidebar-sections .nav-item { min-height: 30px; padding-block: 4px; }
  .shell .sidebar-sections .nav-caption { margin-block: 10px 5px; }
  .shell .sidebar-sections .nav-list.secondary { padding-top: 8px; }
}