/* Material Symbols */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Base */
body {
  background-color: #0f111a;
  font-family: 'Poppins', sans-serif;
}

/* Sidebar nav links */
.nav-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  border-radius: 0.5rem;
  color: #c8c4d5;
  font-size: 14px;
  line-height: 1.5;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
  text-decoration: none;
  width: 100%;
  text-align: left;
  background: none;
  border: none;
}
.nav-link:hover {
  background-color: #2b2930;
  color: #e5e1eb;
}
.nav-link.active {
  background-color: #3d33a9;
  color: #e3dfff;
}

/* Sortable table headers */
.sortable {
  cursor: pointer;
  user-select: none;
}
.sortable:hover { color: #e5e1eb; }
.sort-icon { font-size: 14px; vertical-align: middle; opacity: 0.4; }
.sort-icon.active { opacity: 1; color: #827bf2; }