/* MzM Sudan Style Branding - Amber Edition */
:root {
    --mz-sidebar-bg: #101924;
    --mz-main-bg: #f5f6fa;
    --mz-primary: #fbbf24;
    --mz-text-muted: #8094ae;
}

.fi-sidebar {
    background-color: var(--mz-sidebar-bg) !important;
    border-inline-end: 1px solid rgba(255,255,255,0.05) !important;
}

.fi-sidebar-header {
    background-color: var(--mz-sidebar-bg) !important;
}

.fi-sidebar-item-button {
    color: white !important;
    transition: all 0.3s ease !important;
    position: relative;
}

.fi-sidebar-item-button.bg-gray-100,
.fi-sidebar-item-button.dark\:bg-white\/5,
.fi-sidebar-item-button:hover,
.fi-sidebar-item-button.fi-active {
    background-color: rgba(251, 191, 36, 0.25) !important;
    color: white !important;
}

.fi-sidebar-item-button.bg-gray-100 span,
.fi-sidebar-item-button.bg-gray-100 svg,
.fi-sidebar-item-button:hover span,
.fi-sidebar-item-button:hover svg,
.fi-sidebar-item-button.fi-active span,
.fi-sidebar-item-button.fi-active svg {
    color: white !important;
}

.fi-sidebar-item-button.fi-active::after,
.fi-sidebar-item-button.bg-gray-100::after {
    content: "";
    position: absolute;
    top: 15%;
    bottom: 15%;
    inset-inline-start: -1px;
    width: 4px;
    background-color: var(--mz-primary) !important;
    border-radius: 0 4px 4px 0;
    box-shadow: 0 0 10px rgba(251, 191, 36, 0.5);
}

.fi-main {
    background-color: var(--mz-main-bg) !important;
}

.fi-topbar {
    background-color: white !important;
    border-bottom: 1px solid #e5e9f2 !important;
}

.fi-section, .fi-ta-ctn {
    border: 1px solid #e5e9f2 !important;
    box-shadow: 0 1px 3px 0 rgba(54,74,99,.05) !important;
}

.fi-sidebar-item-button span, 
.fi-sidebar-group-label span {
    font-weight: normal !important;
    
    color: white !important;
}

.fi-sidebar-group-label {
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: white !important;
    font-weight: normal !important;
}

.fi-sidebar-item-label, 
.fi-sidebar-group-label span {
    font-weight: normal !important;
    
    color: white !important;
}

/* HIDE FILAMENT BRANDING / INFO WIDGET GLOBALLY */
.fi-wi-filament-info,
.fi-sidebar-footer,
.fi-main-footer {
    display: none !important;
}
.fi-sidebar-group-label, .fi-sidebar-group-label span {
    font-size: 14px !important;
}
.fi-sidebar-item-label, .fi-sidebar-item-button span {
    font-size: 14px !important;
}