/* Force dark mode color scheme for form controls */
:root {
    color-scheme: light dark;
}

html.dark {
    color-scheme: dark;
}

/* Aggressive Select styling for Dark Mode */
html.dark select {
    background-color: #1f2937 !important; /* gray-800 */
    color: #ffffff !important;
    border-color: #374151 !important; /* gray-700 */
}

html.dark select option {
    background-color: #1f2937 !important;
    color: #ffffff !important;
}

/* Specific focus on Filament classes if they are used */
html.dark .fi-input, 
html.dark .fi-select-input {
    background-color: #1f2937 !important;
    color: white !important;
}

/* Styling for navigation groups in the sidebar */
.fi-sidebar-group-label {
    color: #f97316 !important; /* orange-500 */
    font-weight: 700 !important;
    font-size: 0.85rem !important;
}

/* Hover effect for better interactivity */
.fi-sidebar-group-label:hover {
    color: #ea580c !important; /* orange-600 */
}

/* Reduce font size for tables */
.fi-ta-table, 
.fi-ta-text-item,
.fi-ta-header-cell-label,
.fi-ta-cell {
    font-size: 0.8rem !important;
}

.fi-ta-header-cell {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}