/* Custom Filament Styling */

.fi-sidebar {
    background-color: white !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.01) !important;
}

.fi-sidebar-item-button:hover {
    background-color: #f1f5f9 !important;
}

.fi-main {
    background-color: #f8fafc !important;
    /* Premium light gray background */
}

.fi-topbar {
    background-color: white !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}

/* Make widgets look more premium */
.fi-wi-stats-overview-stat-card,
.fi-section,
.fi-ta-ctn {
    background-color: white !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    border-radius: 12px !important;
    transition: all 0.3s ease;
}

.fi-wi-stats-overview-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08) !important;
}

/* Improved spacing for the main container */
.fi-main-ctn {
    padding-top: 2rem !important;
}

/* Specific styling for Primary Buttons */
.fi-btn.fi-color-primary {
    background-color: #ffbc00 !important;
    color: #000 !important;
    /* Black text usually looks better on bright yellow/gold */
    font-weight: 700 !important;
}

.fi-btn.fi-color-primary:hover {
    background-color: #e5a900 !important;
}