/* =============================================
   Sidebar – dark theme overrides
   ============================================= */

/* Main sidebar background */
.main-menu.menu-light,
.main-menu.menu-light .navbar-header,
.main-menu.menu-light .main-menu-content,
.main-menu.menu-light .navigation-main,
.main-menu.menu-light .navigation > li.navigation-header,
.main-menu.menu-light .ps > .ps__scrollbar-x-rail,
.main-menu.menu-light .ps > .ps__scrollbar-y-rail {
    background-color: #111827 !important;
}

/* Brand name */
.main-menu.menu-light .navbar-brand .brand-text {
    color: #f97316 !important;
    font-weight: 700;
}

/* Sidebar shadow overlay */
.main-menu.menu-light .shadow-bottom {
    background: linear-gradient(180deg, #111827 44%, rgba(17,24,39,0.5) 73%, transparent) !important;
}

/* Search box */
.main-menu.menu-light #sidebar-search {
    background-color: #1f2937 !important;
    border-color: rgba(255,255,255,0.1) !important;
    color: #e5e7eb !important;
}
.main-menu.menu-light #sidebar-search::placeholder {
    color: #6b7280 !important;
}

/* Section header labels */
.main-menu.menu-light .navigation li.navigation-header span {
    color: #6b7280 !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* All nav links */
.main-menu.menu-light .navigation li > a {
    color: #d1d5db !important;
    border-radius: 8px !important;
    margin: 1px 10px !important;
    padding: 9px 14px !important;
    transition: background 0.15s, color 0.15s !important;
}

/* Hover */
.main-menu.menu-light .navigation li:not(.active) > a:hover {
    background-color: rgba(255,255,255,0.06) !important;
    color: #f9fafb !important;
}

/* Sub-menu background */
.main-menu.menu-light .navigation li > ul,
.main-menu.menu-light .navigation li .menu-content {
    background-color: #0d1525 !important;
}

/* Active item — solid orange pill */
.main-menu.menu-light .navigation li.active > a {
    background-color: #f97316 !important;
    color: #ffffff !important;
    border-left: none !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(249,115,22,0.35) !important;
    margin: 1px 10px !important;
}

/* Active item — icon & text white */
.main-menu.menu-light .navigation li.active > a i,
.main-menu.menu-light .navigation li.active > a svg,
.main-menu.menu-light .navigation li.active > a span {
    color: #ffffff !important;
}

/* Scrollable menu content */
.main-menu .main-menu-content {
    overflow-y: auto;
    overflow-x: hidden;
}
.main-menu .main-menu-content::-webkit-scrollbar {
    width: 4px;
}
.main-menu .main-menu-content::-webkit-scrollbar-thumb {
    background: rgba(249,115,22,0.4);
    border-radius: 2px;
}