/* Filament Sidebar - Custom Styling */

/* Sidebar background color */
.fi-sidebar,
.fi-sidebar-nav {
    background-color: #072342 !important;
}

/* Sidebar header background color */
.fi-sidebar-header,
.fi-sidebar .fi-sidebar-header,
header.fi-sidebar-header {
    background-color: #072342 !important;
    border-bottom: 1.5px solid gray !important;
}

/* Sidebar text color - white */
.fi-sidebar .fi-sidebar-nav-item {
    color: white !important;
    background-color: white !important;
}

.fi-sidebar .fi-sidebar-item-button {
    color: #072342 !important;
    background-color: white !important;
}

/* Sidebar icon color*/
.fi-sidebar .fi-sidebar-item-icon {
    color: #072342 !important;
}

/* Sidebar group labels */
.fi-sidebar .fi-sidebar-group-label {
    color: white !important;
}

/* Dark mode adjustments */
.dark .fi-sidebar,
.dark .fi-sidebar-nav {
    background-color: #072342 !important;
}

/* Menu item label text*/
.fi-sidebar .fi-sidebar-item-label {
    color: #072342 !important;
}

.fi-sidebar .fi-sidebar-nav-item:hover .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: white !important;
}

.fi-sidebar .fi-sidebar-nav-item:hover .fi-sidebar-item-label,
.fi-sidebar .fi-sidebar-item-button:hover .fi-sidebar-item-label {
    color: white !important;
}

/* Hover state for menu items */
.fi-sidebar .fi-sidebar-nav-item:hover,
.fi-sidebar .fi-sidebar-item-button:hover {
    background-color: #ab802c !important;
}

/* Active menu item - #E3B01E background with white text - SPECIFIC TO ITEMS ONLY */
li.fi-sidebar-item.fi-active > a.fi-sidebar-item-button,
li.fi-sidebar-item.fi-active > button.fi-sidebar-item-button,
.fi-sidebar-item.fi-active > a,
.fi-sidebar-item.fi-active > button {
    background-color: #E3B01E !important;
    color: white !important;
}

/* Active menu item icon - white */
li.fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
    color: white !important;
}

/* Active menu item label text - white */
li.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: white !important;
}