/* Sidebar UI overrides */

/* Use brand primary if available; fallback to #15487B */
:root {
  --sidebar-brand-blue: var(--primary-color, #15487B);
}

/* Sidebar container: white background and blue border */
.app-sidebar {
  background-color: #ffffff !important;
  border-right: 2px solid var(--sidebar-brand-blue) !important;
}

/* Ensure inner wrapper & header use white */
.app-sidebar .main-sidebar,
.app-sidebar .main-sidebar-header {
  background-color: #ffffff !important;
}


.app-sidebar .main-sidebar-header::before,
.app-sidebar .main-sidebar-header::after {
  background-color: var(--sidebar-brand-blue) !important;
  border-color: var(--sidebar-brand-blue) !important;
}

/* Main menu and submenus: keep white background */
.app-sidebar .main-menu,
.app-sidebar .slide-menu {
  background-color: #ffffff !important;
}

/* Menu items and icons: brand blue on white */
.app-sidebar .main-menu > .slide > .side-menu__item,
.app-sidebar .slide-menu .side-menu__item,
.app-sidebar .side-menu__label {
  color: var(--sidebar-brand-blue) !important;
}

.app-sidebar .side-menu__icon,
.app-sidebar .side-menu__angle {
  color: var(--sidebar-brand-blue) !important;
  fill: var(--sidebar-brand-blue) !important;
}

/* Hover/active states: no background tint; keep blue text/icons */
.app-sidebar .side-menu__item:hover,
.app-sidebar .side-menu__item.active {
  background-color: transparent !important;
  color: var(--sidebar-brand-blue) !important;
}

/* Submenu background white as well */
.app-sidebar .slide.has-sub .slide-menu {
  background-color: #ffffff !important;
}


