/* Filament 2 Style Sidebar */
.fi-sidebar {
    background-color: #ffffff !important;
    border-right: 1px solid #e5e7eb;
    box-shadow : 0 0 10px 0 rgba(0,0,0,0.1) !important;
}

.fi-simple-main {
    box-shadow : 0 0 10px 0 rgba(0,0,0,0.1) !important;
}

/* Dark Mode Sidebar Styles */
.dark .fi-sidebar {
    /* A darker background color for the sidebar in dark mode */
    background-color: #1f2937 !important; /* Example dark background color (e.g., slate-800) */
    /* A darker border color */
    border-right: 1px solid #374151; /* Example darker border color (e.g., slate-700) */
    /* Darker, less noticeable box shadow for dark mode */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important;
}

.dark .fi-simple-main {
    /* Darker, less noticeable box shadow for the main content in dark mode */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4) !important;
}

/* Dashboard widgets: cap height and scroll overflow */
.fi-page-dashboard .fi-wi-widget {
    max-height: 24rem;
    overflow-y: auto;
}

.fi-page-dashboard .fi-wi-table .fi-ta-header-ctn {
    position: sticky;
    top: 0;
    z-index: 10;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(4px);
}

.dark .fi-page-dashboard .fi-wi-table .fi-ta-header-ctn {
    background: rgba(17, 24, 39, 0.9);
}

/* Dashboard widget heading icon */
.fi-page-dashboard .dashboard-widget-heading {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.fi-page-dashboard .dashboard-widget-heading-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.75);
    font-size: 14px;
}

.dark .fi-page-dashboard .dashboard-widget-heading-icon {
    background: rgba(31, 41, 55, 0.8);
}

/* KPI cards colors */
.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(1) {
    background: linear-gradient(135deg, #eff6ff, #e0e7ff) !important;
}

.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(2) {
    background: linear-gradient(135deg, #fffbeb, #fef3c7) !important;
}

.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(3) {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
}

.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(4) {
    background: linear-gradient(135deg, #fff1f2, #ffe4e6) !important;
}

.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(5) {
    background: linear-gradient(135deg, #ecfeff, #cffafe) !important;
}

.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(6) {
    background: linear-gradient(135deg, #fff7ed, #ffedd5) !important;
}

.fi-wi-dashboard-kpi-overview .fi-wi-stats-overview-stat:nth-child(7) {
    background: linear-gradient(135deg, #f5f3ff, #ede9fe) !important;
}

/* Widget panel backgrounds */
.fi-wi-dashboard-upcoming-meetings .fi-ta {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important;
}

.fi-wi-dashboard-recommendation-requests .fi-ta {
    background: linear-gradient(135deg, #fffbeb, #ffedd5) !important;
}

.fi-wi-dashboard-arbitrations .fi-ta {
    background: linear-gradient(135deg, #fff1f2, #ffe4e6) !important;
}

.fi-wi-dashboard-members .fi-ta {
    background: linear-gradient(135deg, #eff6ff, #e0e7ff) !important;
}