/* Custom Sidebar matching Dynamic Unit Color */
.fi-sidebar {
    background: linear-gradient(135deg, var(--primary-bg-color, #064e3b) 0%, var(--dark-bg-color, #0a2e1d) 100%) !important;
}

/* Sidebar Branding (Make it readable on dark background) */
.fi-sidebar .fi-brand-name {
    color: var(--gold-color, #d4af37) !important;
    /* luxury-gold */
}

/* Sidebar Group Labels */
.fi-sidebar-group-label {
    color: var(--gold-light, #f4e8c1) !important;
    /* light gold */
}

/* Active Item styling */
li[aria-current="page"] .fi-sidebar-item-btn,
.fi-active>.fi-sidebar-item-btn,
.fi-sidebar-item-btn.fi-active {
    background: linear-gradient(135deg, var(--gold-color, #d4af37), var(--gold-light, #f4e8c1)) !important;
    color: var(--primary-bg-color, #064e3b) !important;
}

/* Sidebar Items Text and Icons */
.fi-sidebar-item-btn,
.fi-sidebar-item-label,
.fi-sidebar-item-icon {
    color: #e2e8f0 !important;
    /* light gray/white for contrast against dark background */
}

/* Hover State */
.fi-sidebar-item-btn:hover {
    background: var(--gold-color, #FFD700) !important;
    /* pure gold/yellow */
    transform: translateX(4px) !important;
    transition: all 0.2s ease !important;
}

.fi-sidebar-item-btn:hover * {
    color: var(--primary-bg-color, #064e3b) !important;
    /* dark background color for contrast */
    font-weight: 800 !important;
}