/* Disable Dark Mode Override 
 * This file forces light mode regardless of system preferences
 * Temporary solution to fix black background issue
 */

/* Force white background on body and html - highest priority */
html,
body {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #212529 !important;
}

/* Override Bootstrap dark mode */
[data-bs-theme=dark] {
    color-scheme: light !important;
}

/* Force light mode variables */
:root,
[data-bs-theme=dark],
body {
    /* Force light mode colors */
    --color-background: #ffffff !important;
    --color-surface: #ffffff !important;
    --color-text-primary: #212529 !important;
    --color-text-secondary: #6c757d !important;
    --border-color: #dee2e6 !important;
    
    /* Bootstrap light mode colors */
    --bs-body-color: #212529 !important;
    --bs-body-color-rgb: 33, 37, 41 !important;
    --bs-body-bg: #ffffff !important;
    --bs-body-bg-rgb: 255, 255, 255 !important;
    --bs-emphasis-color: #000 !important;
    --bs-emphasis-color-rgb: 0, 0, 0 !important;
    --bs-secondary-color: rgba(33, 37, 41, 0.75) !important;
    --bs-secondary-color-rgb: 33, 37, 41 !important;
    --bs-secondary-bg: #e9ecef !important;
    --bs-secondary-bg-rgb: 233, 236, 239 !important;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5) !important;
    --bs-tertiary-color-rgb: 33, 37, 41 !important;
    --bs-tertiary-bg: #f8f9fa !important;
    --bs-tertiary-bg-rgb: 248, 249, 250 !important;
    
    /* Gray scale for light mode */
    --color-gray-50: #fafafa !important;
    --color-gray-100: #f5f5f5 !important;
    --color-gray-200: #eee !important;
    --color-gray-300: #e0e0e0 !important;
    --color-gray-400: #bdbdbd !important;
    --color-gray-500: #9e9e9e !important;
    --color-gray-600: #757575 !important;
    --color-gray-700: #616161 !important;
    --color-gray-800: #424242 !important;
    --color-gray-900: #212121 !important;
}

/* Force body background to white */
body,
html {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #212529 !important;
}

/* Disable all dark mode media queries */
@media (prefers-color-scheme: dark) {
    :root,
    body,
    html {
        --color-background: #ffffff !important;
        --color-surface: #ffffff !important;
        --color-text-primary: #212529 !important;
        --color-text-secondary: #6c757d !important;
        --border-color: #dee2e6 !important;
        background-color: #ffffff !important;
        background: #ffffff !important;
        color: #212529 !important;
    }
    
    /* Reset any dark mode specific styles */
    * {
        color-scheme: light !important;
    }
}

/* Force main content areas to have white background */
main,
.main-content,
.content,
.page-content,
.container,
.container-fluid {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Fix navbar backgrounds */
.navbar,
.navigation,
nav {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Fix card backgrounds */
.card,
.card-body,
.card-header,
.card-footer {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Fix form control backgrounds */
.form-control,
.form-select,
input,
select,
textarea {
    background-color: #ffffff !important;
    color: #212529 !important;
}

/* Fix dropdown backgrounds */
.dropdown-menu {
    background-color: #ffffff !important;
}

/* Fix modal backgrounds */
.modal-content {
    background-color: #ffffff !important;
}

/* Force disable any remaining dark backgrounds */
*[style*="background-color: black"],
*[style*="background: black"],
*[style*="background-color: #000"],
*[style*="background: #000"],
*[style*="background-color: #000000"],
*[style*="background: #000000"] {
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Additional overrides for combined.min.css dark backgrounds */
html,
body,
body.dark,
body[data-theme="dark"] {
    background-color: #ffffff \!important;
    background: #ffffff \!important;
    color: #212529 \!important;
}

/* Override any dark mode from combined.min.css */
@media (prefers-color-scheme: dark) {
    html,
    body {
        background-color: #ffffff \!important;
        background: #ffffff \!important;
        color: #212529 \!important;
    }
}

/* Ensure containers are transparent to show white body */
main,
.main-content,
#main-content,
.container,
.container-fluid {
    background-color: transparent \!important;
    color: #212529 \!important;
}