/* Override the main sidebar background and border */
.main-sidebar > div {
  background-color: #464545 !important; /* slate-800 style */
  border-color: #f3b711 !important; /* darker border */
  color: #f8fafc !important; /* text-slate-50 */
}

/* Optional: make links look lighter in sidebar */
.main-sidebar a {
  color: #cbd5e1 !important;
}

.main-sidebar a:hover {
  color: #fff !important;
  background-color: rgb(252, 146, 9);
}
.main-sidebar a:hover svg path {
  fill: #ffffff !important; /* make sure SVG icon paths also turn white */
}

/* Dark mode sidebar background */
.dark .main-sidebar > div {
  background-color: #1e293b !important; /* Tailwind's slate-800 */
}
/* Sidebar item hover — dark mode */
.dark .main-sidebar a:hover {
  background-color: #334155 !important; /* Tailwind's navy-600/700 equivalent */
  color: #ffffff !important;
}

/* Sidebar item hover — dark mode */
.text-primary {
  color: #f17807;
}