/* ═══════════════════════════════════════════════════════════
   Sidebar Nav Restructure — Expandable Groups + Sub Items
   ═══════════════════════════════════════════════════════════ */

/* ── Nav Group (expandable section) ── */
.nav-group {
  display: flex;
  flex-direction: column;
}
.nav-group-toggle {
  position: relative;
}
.nav-group-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s;
  opacity: 0.6;
}
.nav-group.open .nav-group-arrow {
  transform: translateY(-50%) rotate(180deg);
}
.nav-group-items {
  display: flex;
  flex-direction: column;
  padding-left: 0;
}
.nav-btn.nav-sub {
  padding-left: 2.5rem;
  font-size: 0.82rem;
  opacity: 0.85;
}
.nav-btn.nav-sub:hover {
  opacity: 1;
}
/* Collapsed sidebar: hide sub-items and group arrow */
.app-sidebar.collapsed .nav-group-items {
  display: none !important;
}
.app-sidebar.collapsed .nav-group-arrow {
  display: none;
}