/* Scan Vibe — Maroon theme override */
:root {
  --bs-primary:               #800000;
  --bs-primary-rgb:           128, 0, 0;
  --bs-primary-contrast:      #ffffff;
  --bs-primary-text-emphasis: #4d0000;
  --bs-primary-bg-subtle:     #ffe5e5;
  --bs-primary-border-subtle: #ffb3b3;
}

[data-bs-theme="dark"] {
  --bs-primary:               #cc3333;
  --bs-primary-rgb:           204, 51, 51;
  --bs-primary-contrast:      #ffffff;
  --bs-primary-text-emphasis: #ff9999;
  --bs-primary-bg-subtle:     #330000;
  --bs-primary-border-subtle: #800000;
}

/* ── Sidebar overlay ──────────────────────────────────────────── */

/* Solid maroon sidebar */
#layout-menu {
  background: linear-gradient(170deg, #4a0000 0%, #1e0000 100%) !important;
}

/* Lift all menu content above the overlay */
#layout-menu .app-brand,
#layout-menu .menu-inner-shadow,
#layout-menu .menu-inner {
  position: relative;
  z-index: 1;
}

/* Brand text */
#layout-menu .app-brand-text {
  color: #ffffff !important;
}

/* Menu section headers */
#layout-menu .menu-header-text {
  color: rgba(255,255,255,0.45) !important;
}

/* Menu item links — default state */
#layout-menu .menu-item > .menu-link {
  color: rgba(255,255,255,0.78) !important;
}

#layout-menu .menu-item > .menu-link .menu-icon,
#layout-menu .menu-item > .menu-link i {
  color: rgba(255,255,255,0.65) !important;
}

/* Hover state */
#layout-menu .menu-item:not(.active) > .menu-link:hover {
  background: rgba(255,255,255,0.10) !important;
  color: #ffffff !important;
}

#layout-menu .menu-item:not(.active) > .menu-link:hover i {
  color: #ffffff !important;
}

/* Active item */
#layout-menu .menu-item.active > .menu-link {
  background: rgba(255,255,255,0.18) !important;
  color: #ffffff !important;
  border-radius: 6px;
}

#layout-menu .menu-item.active > .menu-link i {
  color: #ffffff !important;
}

/* Toggle button — always visible, not just on hover */
#layout-menu .layout-menu-toggle {
  display: flex !important;
  opacity: 1 !important;
  color: rgba(255,255,255,0.75) !important;
  border-radius: 6px;
  transition: background .15s;
}

#layout-menu .layout-menu-toggle:hover {
  background: rgba(255,255,255,0.12) !important;
  color: #ffffff !important;
}

/* Sidebar toggle button hover */
#sidebarToggleBtn:hover {
  background: rgba(255,255,255,0.12) !important;
}
#sidebarToggleBtn:hover #sidebarToggleIcon {
  color: #ffffff !important;
}

/* Collapsed state — keep maroon on icon-only strip */
.layout-menu-collapsed #layout-menu {
  background: linear-gradient(170deg, #4a0000 0%, #1e0000 100%) !important;
}

.layout-menu-collapsed #layout-menu .menu-item > .menu-link i {
  color: rgba(255,255,255,0.75) !important;
}

.layout-menu-collapsed #layout-menu .menu-item.active > .menu-link {
  background: rgba(255,255,255,0.18) !important;
}

/* Divider / shadow line */
#layout-menu .menu-inner-shadow {
  background: linear-gradient(#3a0000 5%, transparent) !important;
}