/* SD Engine — Metabase white theme override
   Injected via nginx sub_filter. Forces light/white palette. */

:root,
.mb-wrapper,
[data-theme],
[class*="theme"] {
    /* Backgrounds */
    --mb-color-background-primary:         #ffffff !important;
    --mb-color-background-primary-inverse: #1a1a1a !important;
    --mb-color-background-secondary:       #f8f9fa !important;
    --mb-color-background-tertiary:        #f1f3f5 !important;
    --mb-color-background-hover:           #f1f3f5 !important;

    /* Text */
    --mb-color-text-primary:               #111111 !important;
    --mb-color-text-primary-inverse:       #ffffff !important;
    --mb-color-text-secondary:             #4b5563 !important;
    --mb-color-text-tertiary:              #9ca3af !important;

    /* Brand / accent */
    --mb-color-brand:                      #2563eb !important;
    --mb-color-focus:                      #93c5fd !important;

    /* Error */
    --mb-color-error:                      #dc2626 !important;

    /* Borders and shadow */
    --mb-color-border:                     #e5e7eb !important;
    --mb-color-shadow:                     rgba(0, 0, 0, 0.08) !important;
    --mb-color-overlay:                    rgba(0, 0, 0, 0.4) !important;
}

/* Force body and root backgrounds */
html, body, #root, .mb-wrapper {
    background-color: #ffffff !important;
    color: #111111 !important;
}

/* Nav / sidebar */
nav, [class*="Nav"], [class*="nav"],
[class*="Sidebar"], [class*="sidebar"] {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #111111 !important;
}

/* Cards and panels */
[class*="Card"], [class*="card"],
[class*="Panel"], [class*="panel"],
[class*="Modal"], [class*="modal"],
[class*="Popover"], [class*="popover"] {
    background-color: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #111111 !important;
}

/* Tables */
table, th, td {
    background-color: transparent !important;
    border-color: #e5e7eb !important;
    color: #111111 !important;
}

/* Inputs */
input, select, textarea {
    background-color: #ffffff !important;
    border-color: #d1d5db !important;
    color: #111111 !important;
}

/* Dark backgrounds that sneak through */
[style*="background: rgb(34"],
[style*="background-color: rgb(34"],
[style*="background:#2"],
[style*="background: #1"],
[style*="background-color: #1"] {
    background-color: #ffffff !important;
}