/* =========================================================
       Light Theme Overrides
       - PortfolioAI-inspired density is preserved
       - Surfaces, borders and text switch to a native light palette
       - Semantic accent colors (blue/green/amber/red/violet) remain
       ========================================================= */

.datahubx-theme-light .home-dashboard,
html.datahubx-theme-light .home-dashboard,
body.datahubx-theme-light .home-dashboard {
    color: #172033 !important;
    background: radial-gradient(circle at 88% 0%, rgba(16, 185, 129, .035), transparent 24%), radial-gradient(circle at 18% 0%, rgba(59, 130, 246, .045), transparent 28%), #f5f7fb !important;
}

    .datahubx-theme-light .home-dashboard .page-title,
    html.datahubx-theme-light .home-dashboard .page-title,
    body.datahubx-theme-light .home-dashboard .page-title {
        color: #111827 !important;
    }

    .datahubx-theme-light .home-dashboard .dashboard-muted,
    .datahubx-theme-light .home-dashboard .command-time,
    html.datahubx-theme-light .home-dashboard .dashboard-muted,
    html.datahubx-theme-light .home-dashboard .command-time,
    body.datahubx-theme-light .home-dashboard .dashboard-muted,
    body.datahubx-theme-light .home-dashboard .command-time {
        color: #64748b !important;
    }

    .datahubx-theme-light .home-dashboard .product-tag,
    html.datahubx-theme-light .home-dashboard .product-tag,
    body.datahubx-theme-light .home-dashboard .product-tag {
        color: #2563eb !important;
    }

    .datahubx-theme-light .home-dashboard .briefing-toggle,
    html.datahubx-theme-light .home-dashboard .briefing-toggle,
    body.datahubx-theme-light .home-dashboard .briefing-toggle {
        border-color: #cbd5e1 !important;
        color: #334155 !important;
        background: linear-gradient(180deg, #f8fafc, #f1f5f9) !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, .03) !important;
    }

    .datahubx-theme-light .home-dashboard .briefing-title .mud-icon-root,
    html.datahubx-theme-light .home-dashboard .briefing-title .mud-icon-root,
    body.datahubx-theme-light .home-dashboard .briefing-title .mud-icon-root {
        color: #475569 !important;
    }

    .datahubx-theme-light .home-dashboard .briefing-hint,
    html.datahubx-theme-light .home-dashboard .briefing-hint,
    body.datahubx-theme-light .home-dashboard .briefing-hint {
        color: #94a3b8 !important;
    }

    /* KPI cards: keep the strong operations-console identity in light mode */
    .datahubx-theme-light .home-dashboard .metric-card,
    html.datahubx-theme-light .home-dashboard .metric-card,
    body.datahubx-theme-light .home-dashboard .metric-card {
        border-color: #d7e0ea !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, .055) !important;
    }

    .datahubx-theme-light .home-dashboard .metric-label,
    html.datahubx-theme-light .home-dashboard .metric-label,
    body.datahubx-theme-light .home-dashboard .metric-label {
        color: #64748b !important;
    }

    .datahubx-theme-light .home-dashboard .metric-value,
    html.datahubx-theme-light .home-dashboard .metric-value,
    body.datahubx-theme-light .home-dashboard .metric-value {
        color: #0f172a !important;
    }

        .datahubx-theme-light .home-dashboard .metric-value span,
        .datahubx-theme-light .home-dashboard .metric-trend,
        html.datahubx-theme-light .home-dashboard .metric-value span,
        html.datahubx-theme-light .home-dashboard .metric-trend,
        body.datahubx-theme-light .home-dashboard .metric-value span,
        body.datahubx-theme-light .home-dashboard .metric-trend {
            color: #64748b !important;
        }

            .datahubx-theme-light .home-dashboard .metric-trend.positive,
            html.datahubx-theme-light .home-dashboard .metric-trend.positive,
            body.datahubx-theme-light .home-dashboard .metric-trend.positive {
                color: #059669 !important;
            }

    .datahubx-theme-light .home-dashboard .metric-icon,
    html.datahubx-theme-light .home-dashboard .metric-icon,
    body.datahubx-theme-light .home-dashboard .metric-icon {
        border-color: #bfdbfe !important;
        color: #2563eb !important;
        background: #eff6ff !important;
    }

        .datahubx-theme-light .home-dashboard .metric-icon.run,
        html.datahubx-theme-light .home-dashboard .metric-icon.run,
        body.datahubx-theme-light .home-dashboard .metric-icon.run {
            border-color: #a7f3d0 !important;
            color: #059669 !important;
            background: #ecfdf5 !important;
        }

        .datahubx-theme-light .home-dashboard .metric-icon.warning,
        html.datahubx-theme-light .home-dashboard .metric-icon.warning,
        body.datahubx-theme-light .home-dashboard .metric-icon.warning {
            border-color: #fde68a !important;
            color: #b45309 !important;
            background: #fffbeb !important;
        }

        .datahubx-theme-light .home-dashboard .metric-icon.query,
        .datahubx-theme-light .home-dashboard .metric-icon.star,
        html.datahubx-theme-light .home-dashboard .metric-icon.query,
        html.datahubx-theme-light .home-dashboard .metric-icon.star,
        body.datahubx-theme-light .home-dashboard .metric-icon.query,
        body.datahubx-theme-light .home-dashboard .metric-icon.star {
            border-color: #ddd6fe !important;
            color: #7c3aed !important;
            background: #f5f3ff !important;
        }

        .datahubx-theme-light .home-dashboard .metric-icon.shield,
        html.datahubx-theme-light .home-dashboard .metric-icon.shield,
        body.datahubx-theme-light .home-dashboard .metric-icon.shield {
            border-color: #a5f3fc !important;
            color: #0891b2 !important;
            background: #ecfeff !important;
        }

    /* Platform status strip */
    .datahubx-theme-light .home-dashboard .status-strip,
    html.datahubx-theme-light .home-dashboard .status-strip,
    body.datahubx-theme-light .home-dashboard .status-strip {
        border-color: #d7e0ea !important;
        background: #ffffff !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, .04) !important;
    }

    .datahubx-theme-light .home-dashboard .status-tile,
    html.datahubx-theme-light .home-dashboard .status-tile,
    body.datahubx-theme-light .home-dashboard .status-tile {
        border-color: #e2e8f0 !important;
        background: #ffffff !important;
    }

    .datahubx-theme-light .home-dashboard .status-tile-icon,
    html.datahubx-theme-light .home-dashboard .status-tile-icon,
    body.datahubx-theme-light .home-dashboard .status-tile-icon {
        border-color: #bfdbfe !important;
        color: #2563eb !important;
        background: #eff6ff !important;
    }

    .datahubx-theme-light .home-dashboard .status-name,
    html.datahubx-theme-light .home-dashboard .status-name,
    body.datahubx-theme-light .home-dashboard .status-name {
        color: #334155 !important;
    }

    /* Main cards */
    .datahubx-theme-light .home-dashboard .dashboard-card,
    html.datahubx-theme-light .home-dashboard .dashboard-card,
    body.datahubx-theme-light .home-dashboard .dashboard-card {
        border-color: #d7e0ea !important;
        color: #334155 !important;
        background: #ffffff !important;
        box-shadow: 0 1px 3px rgba(15, 23, 42, .05) !important;
    }

    .datahubx-theme-light .home-dashboard .card-header,
    html.datahubx-theme-light .home-dashboard .card-header,
    body.datahubx-theme-light .home-dashboard .card-header {
        border-bottom-color: #e2e8f0 !important;
    }

    .datahubx-theme-light .home-dashboard .card-title,
    .datahubx-theme-light .home-dashboard .row-title,
    .datahubx-theme-light .home-dashboard .section-title,
    html.datahubx-theme-light .home-dashboard .card-title,
    html.datahubx-theme-light .home-dashboard .row-title,
    html.datahubx-theme-light .home-dashboard .section-title,
    body.datahubx-theme-light .home-dashboard .card-title,
    body.datahubx-theme-light .home-dashboard .row-title,
    body.datahubx-theme-light .home-dashboard .section-title {
        color: #172033 !important;
    }

    .datahubx-theme-light .home-dashboard .small-badge,
    .datahubx-theme-light .home-dashboard .impact-chip,
    html.datahubx-theme-light .home-dashboard .small-badge,
    html.datahubx-theme-light .home-dashboard .impact-chip,
    body.datahubx-theme-light .home-dashboard .small-badge,
    body.datahubx-theme-light .home-dashboard .impact-chip {
        border-color: #93c5fd !important;
        color: #1d4ed8 !important;
        background: #eff6ff !important;
    }

    .datahubx-theme-light .home-dashboard .card-link,
    html.datahubx-theme-light .home-dashboard .card-link,
    body.datahubx-theme-light .home-dashboard .card-link {
        color: #2563eb !important;
    }

    /* Rows / list items */
    .datahubx-theme-light .home-dashboard .insight-row,
    .datahubx-theme-light .home-dashboard .alert-row,
    .datahubx-theme-light .home-dashboard .event-row,
    .datahubx-theme-light .home-dashboard .recommend-row,
    .datahubx-theme-light .home-dashboard .dataset-row,
    .datahubx-theme-light .home-dashboard .query-row,
    .datahubx-theme-light .home-dashboard .schedule-row,
    .datahubx-theme-light .home-dashboard .system-row,
    html.datahubx-theme-light .home-dashboard .insight-row,
    html.datahubx-theme-light .home-dashboard .alert-row,
    html.datahubx-theme-light .home-dashboard .event-row,
    html.datahubx-theme-light .home-dashboard .recommend-row,
    html.datahubx-theme-light .home-dashboard .dataset-row,
    html.datahubx-theme-light .home-dashboard .query-row,
    html.datahubx-theme-light .home-dashboard .schedule-row,
    html.datahubx-theme-light .home-dashboard .system-row,
    body.datahubx-theme-light .home-dashboard .insight-row,
    body.datahubx-theme-light .home-dashboard .alert-row,
    body.datahubx-theme-light .home-dashboard .event-row,
    body.datahubx-theme-light .home-dashboard .recommend-row,
    body.datahubx-theme-light .home-dashboard .dataset-row,
    body.datahubx-theme-light .home-dashboard .query-row,
    body.datahubx-theme-light .home-dashboard .schedule-row,
    body.datahubx-theme-light .home-dashboard .system-row {
        border-color: #dbe3ec !important;
        color: #334155 !important;
        background: #f8fafc !important;
    }

        .datahubx-theme-light .home-dashboard .insight-row:hover,
        .datahubx-theme-light .home-dashboard .dataset-row:hover,
        .datahubx-theme-light .home-dashboard .query-row:hover,
        html.datahubx-theme-light .home-dashboard .insight-row:hover,
        html.datahubx-theme-light .home-dashboard .dataset-row:hover,
        html.datahubx-theme-light .home-dashboard .query-row:hover,
        body.datahubx-theme-light .home-dashboard .insight-row:hover,
        body.datahubx-theme-light .home-dashboard .dataset-row:hover,
        body.datahubx-theme-light .home-dashboard .query-row:hover {
            border-color: #93c5fd !important;
            background: #eff6ff !important;
        }

    .datahubx-theme-light .home-dashboard .insight-icon,
    .datahubx-theme-light .home-dashboard .alert-icon,
    .datahubx-theme-light .home-dashboard .recommend-icon,
    html.datahubx-theme-light .home-dashboard .insight-icon,
    html.datahubx-theme-light .home-dashboard .alert-icon,
    html.datahubx-theme-light .home-dashboard .recommend-icon,
    body.datahubx-theme-light .home-dashboard .insight-icon,
    body.datahubx-theme-light .home-dashboard .alert-icon,
    body.datahubx-theme-light .home-dashboard .recommend-icon {
        color: #2563eb !important;
        background: #eaf3ff !important;
    }

    .datahubx-theme-light .home-dashboard .time-text,
    html.datahubx-theme-light .home-dashboard .time-text,
    body.datahubx-theme-light .home-dashboard .time-text {
        color: #94a3b8 !important;
    }

    /* Health gauge */
    .datahubx-theme-light .home-dashboard .health-gauge,
    html.datahubx-theme-light .home-dashboard .health-gauge,
    body.datahubx-theme-light .home-dashboard .health-gauge {
        background: conic-gradient(#10b981 calc(var(--score) * 1%), #e2e8f0 0) !important;
        box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .04) !important;
    }

    .datahubx-theme-light .home-dashboard .health-gauge-inner,
    html.datahubx-theme-light .home-dashboard .health-gauge-inner,
    body.datahubx-theme-light .home-dashboard .health-gauge-inner {
        border-color: #dbe3ec !important;
        background: #ffffff !important;
    }

    .datahubx-theme-light .home-dashboard .health-score,
    html.datahubx-theme-light .home-dashboard .health-score,
    body.datahubx-theme-light .home-dashboard .health-score {
        color: #0f172a !important;
    }

    .datahubx-theme-light .home-dashboard .health-unit,
    .datahubx-theme-light .home-dashboard .scale-row,
    html.datahubx-theme-light .home-dashboard .health-unit,
    html.datahubx-theme-light .home-dashboard .scale-row,
    body.datahubx-theme-light .home-dashboard .health-unit,
    body.datahubx-theme-light .home-dashboard .scale-row {
        color: #64748b !important;
    }

    .datahubx-theme-light .home-dashboard .score-mini,
    html.datahubx-theme-light .home-dashboard .score-mini,
    body.datahubx-theme-light .home-dashboard .score-mini {
        border-color: #dbe3ec !important;
        background: #f8fafc !important;
    }

        .datahubx-theme-light .home-dashboard .score-mini strong,
        html.datahubx-theme-light .home-dashboard .score-mini strong,
        body.datahubx-theme-light .home-dashboard .score-mini strong {
            color: #172033 !important;
        }

    /* Donut / categories */
    .datahubx-theme-light .home-dashboard .donut::before,
    html.datahubx-theme-light .home-dashboard .donut::before,
    body.datahubx-theme-light .home-dashboard .donut::before {
        border-color: #dbe3ec !important;
        background: #ffffff !important;
    }

    .datahubx-theme-light .home-dashboard .donut strong,
    html.datahubx-theme-light .home-dashboard .donut strong,
    body.datahubx-theme-light .home-dashboard .donut strong {
        color: #172033 !important;
    }

    .datahubx-theme-light .home-dashboard .donut span,
    html.datahubx-theme-light .home-dashboard .donut span,
    body.datahubx-theme-light .home-dashboard .donut span {
        color: #64748b !important;
    }

    .datahubx-theme-light .home-dashboard .category-row,
    html.datahubx-theme-light .home-dashboard .category-row,
    body.datahubx-theme-light .home-dashboard .category-row {
        border-bottom-color: #e2e8f0 !important;
        color: #475569 !important;
    }

    /* Quick actions */
    .datahubx-theme-light .home-dashboard .quick-action,
    html.datahubx-theme-light .home-dashboard .quick-action,
    body.datahubx-theme-light .home-dashboard .quick-action {
        border-color: #dbe3ec !important;
        color: #334155 !important;
        background: #f8fafc !important;
    }

        .datahubx-theme-light .home-dashboard .quick-action:hover,
        html.datahubx-theme-light .home-dashboard .quick-action:hover,
        body.datahubx-theme-light .home-dashboard .quick-action:hover {
            border-color: #93c5fd !important;
            background: #eff6ff !important;
        }

    .datahubx-theme-light .home-dashboard .quick-action-icon,
    html.datahubx-theme-light .home-dashboard .quick-action-icon,
    body.datahubx-theme-light .home-dashboard .quick-action-icon {
        color: #2563eb !important;
        background: #eaf3ff !important;
    }

    .datahubx-theme-light .home-dashboard .schedule-time,
    html.datahubx-theme-light .home-dashboard .schedule-time,
    body.datahubx-theme-light .home-dashboard .schedule-time {
        color: #2563eb !important;
    }

    .datahubx-theme-light .home-dashboard .empty-state,
    html.datahubx-theme-light .home-dashboard .empty-state,
    body.datahubx-theme-light .home-dashboard .empty-state {
        border-color: #cbd5e1 !important;
        color: #64748b !important;
        background: #f1f5f9 !important;
    }

    /* MudBlazor elements inside Home */
    .datahubx-theme-light .home-dashboard .mud-paper,
    html.datahubx-theme-light .home-dashboard .mud-paper,
    body.datahubx-theme-light .home-dashboard .mud-paper {
        color: #334155;
    }

    .datahubx-theme-light .home-dashboard .mud-button-outlined,
    html.datahubx-theme-light .home-dashboard .mud-button-outlined,
    body.datahubx-theme-light .home-dashboard .mud-button-outlined {
        border-color: #94a3b8 !important;
        color: #334155 !important;
        background: #ffffff !important;
    }

        .datahubx-theme-light .home-dashboard .mud-button-outlined .mud-icon-root,
        html.datahubx-theme-light .home-dashboard .mud-button-outlined .mud-icon-root,
        body.datahubx-theme-light .home-dashboard .mud-button-outlined .mud-icon-root {
            color: #475569 !important;
        }

        .datahubx-theme-light .home-dashboard .mud-button-outlined:hover,
        html.datahubx-theme-light .home-dashboard .mud-button-outlined:hover,
        body.datahubx-theme-light .home-dashboard .mud-button-outlined:hover {
            border-color: #3b82f6 !important;
            color: #1d4ed8 !important;
            background: #eff6ff !important;
        }

    .datahubx-theme-light .home-dashboard .mud-progress-linear,
    html.datahubx-theme-light .home-dashboard .mud-progress-linear,
    body.datahubx-theme-light .home-dashboard .mud-progress-linear {
        background-color: #e2e8f0 !important;
    }

    /* Keep AUTO LIVE green and primary action vivid */
    .datahubx-theme-light .home-dashboard .auto-chip,
    html.datahubx-theme-light .home-dashboard .auto-chip,
    body.datahubx-theme-light .home-dashboard .auto-chip {
        border-color: #34d399 !important;
        color: #059669 !important;
        background: #ecfdf5 !important;
    }

    .datahubx-theme-light .home-dashboard .primary-action,
    html.datahubx-theme-light .home-dashboard .primary-action,
    body.datahubx-theme-light .home-dashboard .primary-action {
        color: #ffffff !important;
        border-color: #4f46e5 !important;
        background: linear-gradient(135deg, #2563eb, #4f46e5) !important;
    }

        .datahubx-theme-light .home-dashboard .primary-action .mud-icon-root,
        html.datahubx-theme-light .home-dashboard .primary-action .mud-icon-root,
        body.datahubx-theme-light .home-dashboard .primary-action .mud-icon-root {
            color: #ffffff !important;
        }


/* =========================================================
   DataHubX Light mode: dark navigation chrome contrast fix
   The light content area intentionally coexists with a dark
   AppBar and sidebar. Keep their labels/icons legible.
   Scoped to datahubx-theme-light ONLY.
   ========================================================= */

/* AppBar: white text on the retained dark header. */
html.datahubx-theme-light .dp-appbar,
body.datahubx-theme-light .dp-appbar {
    background-color: #142635 !important;
    color: #edf4ff !important;
}

html.datahubx-theme-light .dp-appbar .dp-app-title,
html.datahubx-theme-light .dp-appbar .dp-time,
html.datahubx-theme-light .dp-appbar .dp-mode-menu,
html.datahubx-theme-light .dp-appbar .dp-domain-button,
html.datahubx-theme-light .dp-appbar .mud-typography,
html.datahubx-theme-light .dp-appbar .mud-button-label,
html.datahubx-theme-light .dp-appbar .mud-icon-root,
body.datahubx-theme-light .dp-appbar .dp-app-title,
body.datahubx-theme-light .dp-appbar .dp-time,
body.datahubx-theme-light .dp-appbar .dp-mode-menu,
body.datahubx-theme-light .dp-appbar .dp-domain-button,
body.datahubx-theme-light .dp-appbar .mud-typography,
body.datahubx-theme-light .dp-appbar .mud-button-label,
body.datahubx-theme-light .dp-appbar .mud-icon-root {
    color: #e6effb !important;
}

html.datahubx-theme-light .dp-appbar .dp-domain-button.active,
body.datahubx-theme-light .dp-appbar .dp-domain-button.active {
    color: #ffffff !important;
    background-color: #234663 !important;
}

/* Language selector on dark AppBar: preserve contrast, including placeholder. */
html.datahubx-theme-light .dp-appbar .dp-language-switch,
body.datahubx-theme-light .dp-appbar .dp-language-switch {
    color: #e6effb !important;
    background-color: #142635 !important;
    border-color: #476178 !important;
}

html.datahubx-theme-light .dp-appbar .dp-language-switch .mud-input,
html.datahubx-theme-light .dp-appbar .dp-language-switch .mud-select-input,
html.datahubx-theme-light .dp-appbar .dp-language-switch .mud-input-slot,
html.datahubx-theme-light .dp-appbar .dp-language-switch input,
body.datahubx-theme-light .dp-appbar .dp-language-switch .mud-input,
body.datahubx-theme-light .dp-appbar .dp-language-switch .mud-select-input,
body.datahubx-theme-light .dp-appbar .dp-language-switch .mud-input-slot,
body.datahubx-theme-light .dp-appbar .dp-language-switch input {
    color: #e6effb !important;
    -webkit-text-fill-color: #e6effb !important;
}

/* Sidebar: avoid the dark-on-dark texts visible in the screenshot. */
html.datahubx-theme-light .dp-sidebar,
body.datahubx-theme-light .dp-sidebar {
    background: #1c1d2e !important;
    color: #d9e3f3 !important;
}

html.datahubx-theme-light .dp-sidebar .dp-nav-header,
html.datahubx-theme-light .dp-sidebar .dp-nav-mode-label,
html.datahubx-theme-light .dp-sidebar .dp-nav-domain-label,
html.datahubx-theme-light .dp-sidebar .dp-nav-group-header,
html.datahubx-theme-light .dp-sidebar .mud-nav-link,
html.datahubx-theme-light .dp-sidebar .mud-nav-link-text,
html.datahubx-theme-light .dp-sidebar .mud-navmenu,
html.datahubx-theme-light .dp-sidebar .mud-typography,
html.datahubx-theme-light .dp-sidebar .mud-icon-root,
body.datahubx-theme-light .dp-sidebar .dp-nav-header,
body.datahubx-theme-light .dp-sidebar .dp-nav-mode-label,
body.datahubx-theme-light .dp-sidebar .dp-nav-domain-label,
body.datahubx-theme-light .dp-sidebar .dp-nav-group-header,
body.datahubx-theme-light .dp-sidebar .mud-nav-link,
body.datahubx-theme-light .dp-sidebar .mud-nav-link-text,
body.datahubx-theme-light .dp-sidebar .mud-navmenu,
body.datahubx-theme-light .dp-sidebar .mud-typography,
body.datahubx-theme-light .dp-sidebar .mud-icon-root {
    color: #d9e3f3 !important;
}

html.datahubx-theme-light .dp-sidebar .mud-nav-link.active,
html.datahubx-theme-light .dp-sidebar .mud-nav-link.mud-nav-link-active,
body.datahubx-theme-light .dp-sidebar .mud-nav-link.active,
body.datahubx-theme-light .dp-sidebar .mud-nav-link.mud-nav-link-active {
    background: #2b4265 !important;
    color: #ffffff !important;
}

html.datahubx-theme-light .dp-sidebar .mud-nav-link:hover,
body.datahubx-theme-light .dp-sidebar .mud-nav-link:hover {
    background: #2b3046 !important;
    color: #ffffff !important;
}

/* The dashboard remains a light canvas; no broad .mud-typography overrides. */
html.datahubx-theme-light .home-dashboard .status-tile .status-value,
body.datahubx-theme-light .home-dashboard .status-tile .status-value {
    color: #172033 !important;
}

html.datahubx-theme-light .dp-sidebar .dp-nav-link,
html.datahubx-theme-light .dp-sidebar .dp-nav-link .mud-nav-link-text,
body.datahubx-theme-light .dp-sidebar .dp-nav-link,
body.datahubx-theme-light .dp-sidebar .dp-nav-link .mud-nav-link-text {
    color: #d9e3f3 !important;
}

html.datahubx-theme-light .dp-sidebar .dp-nav-link:hover,
body.datahubx-theme-light .dp-sidebar .dp-nav-link:hover {
    background: #2b3046 !important;
}