/* Custom Sidebar Background Color */
.app-sidebar {
    background-color: #222d32 !important;
}

/* Ensure sidebar stays with custom color in all states */
.app-sidebar,
[data-kt-app-layout="dark-sidebar"] .app-sidebar,
[data-kt-app-sidebar-enabled="true"] .app-sidebar {
    background-color: #222d32 !important;
}

/* White Menu Titles */
.app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-heading,
.app-sidebar .menu .menu-section .menu-heading {
    color: #ffffff !important;
}

/* White Menu Icons */
.app-sidebar .menu .menu-item .menu-link .menu-icon,
.app-sidebar .menu .menu-item .menu-link .menu-icon i,
.app-sidebar .menu .menu-item .menu-link .menu-icon svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* White color on hover */
.app-sidebar .menu .menu-item .menu-link:hover .menu-title,
.app-sidebar .menu .menu-item .menu-link:hover .menu-icon {
    color: #ffffff !important;
}

/* Active menu item - keep white */
.app-sidebar .menu .menu-item.here>.menu-link .menu-title,
.app-sidebar .menu .menu-item.here>.menu-link .menu-icon,
.app-sidebar .menu .menu-item.show>.menu-link .menu-title,
.app-sidebar .menu .menu-item.show>.menu-link .menu-icon {
    color: #ffffff !important;
}