/* Sidebar hover/active that works for both light & dark Mantine schemes */
/* Hover: light blue background + blue text */
#sidebar .sb-link:hover {
  background: var(--mantine-color-blue-1) !important;
}
#sidebar .sb-link:hover .mantine-NavLink-label {
  color: var(--mantine-color-blue-9) !important;
}

/* Active: same idea — pale blue bg, strong blue text */
#sidebar .mantine-NavLink-root[data-active="true"] {
  background: var(--mantine-color-blue-1) !important;
}
#sidebar .mantine-NavLink-root[data-active="true"] .mantine-NavLink-label {
  color: var(--mantine-color-blue-9) !important;
}

/* Optional: icon color on hover/active */
#sidebar .sb-link:hover .mantine-NavLink-leftSection,
#sidebar .mantine-NavLink-root[data-active="true"] .mantine-NavLink-leftSection {
  color: var(--mantine-color-blue-7) !important;
}

/* Keep main content offset beside the fixed sidebar */
#page-content {
  margin-left: 260px;
  padding-top: 56px; /* align with your topbar height */
}