/* Sidebar navigation icon map.
   Route-based selectors avoid nth-child drift when menu items are inserted or reordered. */
.nav button{
  --nav-color:var(--action-blue);
}

.nav button[onclick="go('dashboard')"]{--nav-color:#007AFF}
.nav button[onclick="go('dashboard')"]::before{content:"⌂"}

.nav button[onclick="go('students')"]{--nav-color:#34C759}
.nav button[onclick="go('students')"]::before{content:"♙"}

.nav button[onclick="go('supervisors')"]{--nav-color:#FF9500}
.nav button[onclick="go('supervisors')"]::before{content:"✚"}

.nav button[onclick="go('courses')"]{--nav-color:#AF52DE}
.nav button[onclick="go('courses')"]::before{content:"▣"}

.nav button[onclick="go('institutions')"]{--nav-color:#5AC8FA}
.nav button[onclick="go('institutions')"]::before{content:"⌂"}

.nav button[onclick="go('enrollments')"]{--nav-color:#C58B00}
.nav button[onclick="go('enrollments')"]::before{content:"⇄"}

.nav button[onclick="go('violations')"]{--nav-color:#FF3B30}
.nav button[onclick="go('violations')"]::before{content:"!"}

.nav button[onclick="go('statistics')"]{--nav-color:#00A6A6}
.nav button[onclick="go('statistics')"]::before{content:"▥"}

.nav button[onclick="go('accounts')"]{--nav-color:#5856D6}
.nav button[onclick="go('accounts')"]::before{content:"◎"}

.nav button:hover{
  background:color-mix(in srgb,var(--nav-color) 9%,white);
}

.nav button.active{
  background:color-mix(in srgb,var(--nav-color) 13%,white);
  color:var(--text);
  box-shadow:inset 3px 0 0 var(--nav-color),0 5px 14px color-mix(in srgb,var(--nav-color) 10%,transparent);
}

.nav button.active::before{
  background:var(--nav-color);
  color:#fff;
  box-shadow:0 4px 10px color-mix(in srgb,var(--nav-color) 22%,transparent);
}