/* SISEHAT custom Filament styles - blue sidebar */

.fi-sidebar {
    background-color: #1977cc !important;
}

.fi-sidebar-header {
    background-color: #1666b3 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.fi-sidebar-header .fi-logo,
.fi-sidebar-header a {
    color: #fff !important;
}

.fi-sidebar .fi-sidebar-close-btn,
.fi-sidebar .fi-sidebar-open-btn {
    color: #fff !important;
}

.fi-sidebar .fi-sidebar-close-btn:hover,
.fi-sidebar .fi-sidebar-open-btn:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

/* Nav container */
.fi-sidebar-nav {
    background-color: #1977cc !important;
}

/* Group labels */
.fi-sidebar-nav .fi-sidebar-group-label {
    color: rgba(255, 255, 255, 0.55) !important;
}

/* Menu items - default */
.fi-sidebar-item-button {
    color: rgba(255, 255, 255, 0.85) !important;
}

.fi-sidebar-item-button .fi-sidebar-item-label {
    color: rgba(255, 255, 255, 0.85) !important;
}

.fi-sidebar-item-button .fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Hover state */
.fi-sidebar-item-button:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
}

.fi-sidebar-item-button:hover .fi-sidebar-item-label,
.fi-sidebar-item-button:hover .fi-sidebar-item-icon {
    color: #fff !important;
}

/* Active state */
.fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-label,
.fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-sidebar-item-icon {
    color: #fff !important;
    font-weight: 600;
}

/* Sub-group indicators */
.fi-sidebar-item-grouped-border {
    background-color: transparent !important;
}