/* School Panel - Dynamic Sidebar Styles */
/* Uses --tenant-color CSS variable set by PHP */

aside.fi-sidebar,
.fi-sidebar {
    background: linear-gradient(180deg, var(--tenant-color) 0%, var(--tenant-color-dark, var(--tenant-color)) 100%) !important;
}

.fi-sidebar .fi-sidebar-header {
    background: transparent !important;
}

/* Sidebar nav items */
.fi-sidebar .fi-sidebar-nav .fi-sidebar-item > a,
.fi-sidebar .fi-sidebar-nav .fi-sidebar-item > button,
.fi-sidebar .fi-sidebar-nav .fi-sidebar-item-button,
.fi-sidebar-item-button {
    color: rgba(255, 255, 255, 0.9) !important;
}

.fi-sidebar .fi-sidebar-nav .fi-sidebar-item > a:hover,
.fi-sidebar .fi-sidebar-nav .fi-sidebar-item > button:hover,
.fi-sidebar-item-button:hover {
    background: rgba(255,255,255,0.18) !important;
    color: white !important;
}

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

/* Sidebar group labels */
.fi-sidebar .fi-sidebar-group > button,
.fi-sidebar .fi-sidebar-group-label,
.fi-sidebar-group-button {
    color: rgba(255, 255, 255, 0.75) !important;
}

/* Sidebar brand */
.fi-sidebar .fi-sidebar-header a,
.fi-sidebar .fi-sidebar-header span,
.fi-sidebar-header * {
    color: white !important;
}

/* User menu at bottom */
.fi-sidebar .fi-sidebar-footer,
.fi-sidebar-footer {
    background: rgba(0,0,0,0.15) !important;
}

.fi-sidebar .fi-sidebar-footer *,
.fi-sidebar-footer * {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Hide scrollbar */
.fi-sidebar-nav::-webkit-scrollbar,
aside::-webkit-scrollbar {
    display: none;
}

.fi-sidebar-nav,
aside {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Icons in sidebar */
.fi-sidebar .fi-sidebar-item-icon,
.fi-sidebar svg.fi-sidebar-item-icon,
.fi-sidebar-item-button svg,
.fi-sidebar-item-icon {
    color: rgba(255, 255, 255, 0.8) !important;
}

.fi-sidebar-item-active .fi-sidebar-item-icon,
.fi-sidebar .fi-sidebar-item-active svg {
    color: white !important;
}

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

/* Group expand icons */
.fi-sidebar-group-button svg,
.fi-sidebar .fi-sidebar-group button svg {
    color: rgba(255, 255, 255, 0.7) !important;
}