/* Custom Filament CSS for better contrast in light mode */

/* Enhance section box contrast */
.fi-section {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Enhance card contrast */
.fi-card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

/* Enhance form field contrast */
.fi-form-component {
    background-color: rgb(255, 255, 255);
}

/* Enhance table contrast */
.fi-ta-header-cell {
    background-color: rgb(243, 244, 246);
    font-weight: 600;
}

/* Dark mode table header override */
.dark .fi-ta-header-cell,
.dark th.fi-ta-header-cell {
    background-color: rgb(31, 41, 55) !important; /* bg-gray-800 */
    color: rgb(255, 255, 255) !important; /* text-white */
}

/* Enhance sidebar contrast */
.fi-sidebar {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

/* Hide the fi-wi-widget class */
/* 
.fi-wi-widget {
    display: none !important;
}
*/

/* Hide Parts Requests card on dashboard */
.filament-dashboard .filament-card:has(h2:contains("Parts Requests")) {
    display: none !important;
}

/* Dashboard Improvements */
.filament-dashboard {
    @apply space-y-6;
}

/* Stats Widget Improvements */
.fi-wi-stats-overview {
    @apply grid grid-cols-1 md:grid-cols-3 gap-4;
}

.fi-wi-stats-overview .fi-wi-stats-overview-stat {
    @apply transition-all duration-200 hover:shadow-lg;
}

/* Table Widget Improvements */
.fi-wi-table {
    @apply rounded-lg overflow-hidden;
}

.fi-wi-table .fi-ta-header-cell {
    @apply bg-gray-50;
}

/* Quick Actions Button */
.filament-actions-action-group {
    @apply shadow-lg hover:shadow-xl transition-all duration-200;
}

/* Welcome Message */
.filament-dashboard h1 {
    @apply text-2xl font-bold mb-6;
}

/* Widget Headers */
.fi-wi-header {
    @apply text-lg font-semibold mb-4;
}

/* Responsive Grid block removed to allow full width */

/* Dark mode override for filter indicators background */
html.dark .fi-ta-filter-indicators {
    @apply bg-gray-900;
}

/* Force full width containers on large screens */
@media (min-width: 1024px) {
    .fi-page, 
    .fi-main, 
    .fi-content,
    .fi-container,
    .filament-main,
    .filament-page,
    .filament-dashboard,
    .fi-dashboard,
    .fi-wi {
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Force dashboard widgets to full width */
    .fi-widgets-grid,
    .fi-dashboard-widgets,
    .fi-wi-widget {
        width: 100% !important;
        max-width: 100% !important;
        grid-column: 1 / -1 !important;
    }
    
    /* Override Filament's grid system for dashboard */
    .fi-dashboard .fi-widgets-grid {
        display: block !important;
        grid-template-columns: 1fr !important;
    }
}

/* Custom responsive grid for Parts & Labor at 1800px breakpoint */
.responsive-parts-labor-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 1800px) {
    .responsive-parts-labor-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* Highlight expanded group header row in Filament tables */
.fi-ta-group-header {
    background-color: #5e779f !important; /* Custom blue-gray background */
    color: #ffffff !important; /* White text for better contrast */
}

/* Dark mode support for group rows */
.dark .fi-ta-group-header {
    background-color: #4f7d8e !important; /* Custom teal-gray for dark mode */
    color: #f9fafb !important; /* Light gray text for dark mode */
}