html[data-theme="light"] {
    color-scheme: light;
    --bg: #f8fbff;
    --page-bg: #f8fbff;
    --workspace-bg: #f8fbff;
    --panel: #ffffff;
    --panel-soft: #f7fbff;
    --panel-muted: #f1f6fd;
    --panel-elevated: #ffffff;
    --admin-sticky-cell-bg: #ffffff;
    --admin-sticky-cell-active-bg: #eaf3ff;
    --line: rgba(26, 67, 122, 0.12);
    --line-strong: rgba(0, 101, 255, 0.22);
    --text: #172033;
    --text-strong: #0f172a;
    --muted: #607089;
    --muted-strong: #43536b;
    --primary-50: #eff6ff;
    --primary-100: #dbeeff;
    --primary-200: #b9dcff;
    --primary-500: #176bff;
    --primary-600: #0057e6;
    --primary-text: #005bd8;
    --primary-border: rgba(23, 107, 255, 0.24);
    --primary-soft-bg: #eaf3ff;
    --primary-soft-strong-bg: #d8eaff;
    --primary-strong-bg: linear-gradient(135deg, #1d7cff 0%, #0057e6 100%);
    --primary-contrast: #ffffff;
    --info: #0284ff;
    --info-text: #006bd6;
    --info-border: rgba(2, 132, 255, 0.22);
    --info-soft-bg: rgba(2, 132, 255, 0.09);
    --info-soft-strong-bg: rgba(2, 132, 255, 0.15);
    --info-strong-bg: linear-gradient(135deg, #2b9aff 0%, #006bd6 100%);
    --info-contrast: #ffffff;
    --accent: #176bff;
    --accent-strong: #0057e6;
    --accent-soft: rgba(23, 107, 255, 0.1);
    --accent-soft-strong: rgba(23, 107, 255, 0.16);
    --accent-contrast: #ffffff;
    --success: #009f7a;
    --success-text: #007a5e;
    --success-border: rgba(0, 159, 122, 0.2);
    --success-soft: rgba(0, 159, 122, 0.1);
    --success-soft-strong-bg: rgba(0, 159, 122, 0.16);
    --success-strong-bg: linear-gradient(135deg, #14b995 0%, #008f6d 100%);
    --success-contrast: #ffffff;
    --danger: #e11d48;
    --danger-text: #be123c;
    --danger-border: rgba(225, 29, 72, 0.2);
    --danger-soft: rgba(225, 29, 72, 0.09);
    --danger-soft-strong-bg: rgba(225, 29, 72, 0.15);
    --danger-strong-bg: linear-gradient(135deg, #f43f5e 0%, #d81742 100%);
    --danger-contrast: #ffffff;
    --warning: #f59e0b;
    --warning-text: #b86600;
    --warning-border: rgba(245, 158, 11, 0.24);
    --warning-soft: rgba(245, 158, 11, 0.11);
    --warning-soft-strong-bg: rgba(245, 158, 11, 0.18);
    --warning-strong-bg: linear-gradient(135deg, #ffb020 0%, #e58a00 100%);
    --warning-contrast: #ffffff;
    --neutral: #53657d;
    --neutral-text: #43536b;
    --neutral-border: rgba(83, 101, 125, 0.18);
    --neutral-soft: rgba(83, 101, 125, 0.08);
    --neutral-soft-strong-bg: rgba(83, 101, 125, 0.13);
    --neutral-strong-bg: linear-gradient(135deg, #6b7d94 0%, #43536b 100%);
    --neutral-contrast: #ffffff;
    --field-bg: rgba(255, 255, 255, 0.92);
    --field-border: rgba(26, 67, 122, 0.16);
    --focus-ring: rgba(23, 107, 255, 0.18);
    --focus-shadow: 0 12px 26px rgba(18, 49, 89, 0.08);
    --shadow-soft: 0 10px 28px rgba(18, 49, 89, 0.06);
    --shadow-panel: 0 18px 46px rgba(18, 49, 89, 0.08);
    --shadow-floating: 0 24px 64px rgba(18, 49, 89, 0.12);
    --shadow-primary: 0 14px 34px rgba(23, 107, 255, 0.18);
    --shadow: var(--shadow-soft);
    --elevated-shadow: var(--shadow-panel);
    --button-shadow: var(--shadow-primary);
    --hero-bg: linear-gradient(145deg, #ffffff 0%, #f5faff 100%);
    --hero-text: #43536b;
    --sidebar-bg: rgba(255, 255, 255, 0.96);
    --sidebar-item-bg: rgba(247, 251, 255, 0.94);
    --sidebar-item-hover: rgba(23, 107, 255, 0.08);
    --sidebar-item-active-text: #ffffff;
    --table-row-hover: rgba(23, 107, 255, 0.045);
    --table-row-active: rgba(23, 107, 255, 0.09);
    --disabled-bg: rgba(241, 246, 253, 0.9);
    --disabled-text: #8ba0b9;
    --modal-backdrop: rgba(15, 38, 72, 0.36);
    --modal-bg: rgba(255, 255, 255, 0.98);
    --modal-shadow: var(--shadow-floating);
    --checkbox-bg: rgba(255, 255, 255, 0.98);
    --checkbox-border: rgba(26, 67, 122, 0.2);
    --checkbox-icon: rgba(67, 83, 107, 0.84);
    --checkbox-hover-bg: rgba(23, 107, 255, 0.08);
    --checkbox-checked-bg: rgba(23, 107, 255, 0.11);
    --checkbox-checked-border: rgba(23, 107, 255, 0.58);
    --checkbox-checked-icon: #176bff;
    --admin-date-icon-filter: none;
}

html[data-theme="light"] body.admin-body:has(.business-overview-sample),
html[data-theme="light"] body.admin-body:has(.business-mainline-page) {
    --bizops-bg: #f8fbff;
    --bizops-page-bg: #f8fbff;
    --bizops-sidebar-bg: rgba(255, 255, 255, 0.96);
    --bizops-field-bg: rgba(255, 255, 255, 0.92);
    --bizops-table-head-bg: rgba(241, 246, 253, 0.92);
    --bizops-panel-bg: #ffffff;
    --bizops-panel-alt: #f7fbff;
    --bizops-panel-gradient: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
    --bizops-control-text: #ffffff;
    --bizops-strong: #102033;
    --bizops-nav-text: #43536b;
    --bizops-link-muted: #172033;
    --bizops-shadow: var(--shadow-panel);
    --bizops-panel: #ffffff;
    --bizops-panel-strong: #f1f6fd;
    --bizops-panel-soft: #eaf3ff;
    --bizops-line: rgba(26, 67, 122, 0.12);
    --bizops-line-strong: rgba(23, 107, 255, 0.24);
    --bizops-text: #172033;
    --bizops-muted: #607089;
    --bizops-blue: #176bff;
    --bizops-green: #009f7a;
    --bizops-amber: #f59e0b;
    --bizops-red: #e11d48;
    --bizops-purple: #176bff;
}

html[data-theme="light"] .admin-tabs {
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .panel-card,
html[data-theme="light"] .metric-panel,
html[data-theme="light"] .login-card {
    box-shadow: var(--shadow-soft);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-theme="light"] .admin-data-table-wrap.admin-data-table-sticky-start .admin-table th:first-child,
    html[data-theme="light"] .admin-data-table-wrap.admin-data-table-sticky-start .admin-table td:first-child,
    html[data-theme="light"] .admin-data-table-wrap.admin-data-table-sticky-end .admin-table th:last-child,
    html[data-theme="light"] .admin-data-table-wrap.admin-data-table-sticky-end .admin-table td:last-child {
        background: var(--admin-sticky-cell-bg);
    }

}

html[data-theme="light"] .overview-hero {
    border-color: rgba(255, 255, 255, 0.72);
}

html[data-theme="light"] .overview-shortcut,
html[data-theme="light"] .analytics-list-row,
html[data-theme="light"] .overview-domain-metric,
html[data-theme="light"] .overview-health-stat,
html[data-theme="light"] .overview-radar-grid > div,
html[data-theme="light"] .overview-ai-stats > div,
html[data-theme="light"] .overview-finance-grid > div,
html[data-theme="light"] .overview-source-metrics > div,
html[data-theme="light"] .overview-compact-row,
html[data-theme="light"] .overview-health-item {
    background: rgba(255, 255, 255, 0.88);
}

html[data-theme="light"] .overview-performance-kpi,
html[data-theme="light"] .overview-chart-summary span,
html[data-theme="light"] .overview-mix-row,
html[data-theme="light"] .overview-chart-tooltip {
    background: rgba(255, 255, 255, 0.9);
}

html[data-theme="light"] .section-label {
    color: var(--accent-strong);
}

html[data-theme="light"] .icon-chip {
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .overview-hero,
html[data-theme="light"] .overview-shortcut,
html[data-theme="light"] .overview-kpi-card,
html[data-theme="light"] .overview-domain-card,
html[data-theme="light"] .overview-health-card,
html[data-theme="light"] .overview-radar-panel,
html[data-theme="light"] .overview-health-panel,
html[data-theme="light"] .overview-panel,
html[data-theme="light"] .overview-source-card,
html[data-theme="light"] .analytics-card,
html[data-theme="light"] .overview-shell > .panel-card {
    --section-accent: var(--accent);
    --section-soft: rgba(23, 107, 255, 0.08);
    --section-border: rgba(23, 107, 255, 0.14);
}

html[data-theme="light"] .overview-performance-kpi {
    --section-accent: var(--accent);
    --section-soft: rgba(23, 107, 255, 0.08);
    --section-border: rgba(23, 107, 255, 0.14);
    position: relative;
    overflow: hidden;
    border-color: var(--section-border);
    background: #ffffff;
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .overview-hero,
html[data-theme="light"] .overview-shortcut,
html[data-theme="light"] .overview-kpi-card,
html[data-theme="light"] .overview-domain-card,
html[data-theme="light"] .overview-health-card,
html[data-theme="light"] .overview-radar-panel,
html[data-theme="light"] .overview-health-panel,
html[data-theme="light"] .overview-panel,
html[data-theme="light"] .overview-source-card,
html[data-theme="light"] .analytics-card {
    position: relative;
    overflow: hidden;
    border-color: var(--section-border);
}

html[data-theme="light"] .overview-shortcut,
html[data-theme="light"] .overview-kpi-card,
html[data-theme="light"] .overview-domain-card,
html[data-theme="light"] .overview-health-card,
html[data-theme="light"] .overview-radar-panel,
html[data-theme="light"] .overview-health-panel,
html[data-theme="light"] .overview-panel,
html[data-theme="light"] .overview-source-card,
html[data-theme="light"] .analytics-card {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut::before,
html[data-theme="light"] .overview-kpi-card::before,
html[data-theme="light"] .overview-domain-card::before,
html[data-theme="light"] .overview-health-card::before,
html[data-theme="light"] .overview-radar-panel::before,
html[data-theme="light"] .overview-health-panel::before,
html[data-theme="light"] .overview-panel::before,
html[data-theme="light"] .overview-source-card::before,
html[data-theme="light"] .analytics-card::before {
    content: none;
}

html[data-theme="light"] .overview-hero {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-sync,
html[data-theme="light"] .overview-kpi-card-sync,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-sync .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-sync .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-analytics,
html[data-theme="light"] .overview-kpi-card-analytics,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-analytics .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-analytics .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-exports,
html[data-theme="light"] .overview-kpi-card-exports,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-exports .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-exports .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-projects,
html[data-theme="light"] .overview-kpi-card-projects,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-projects .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-projects .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-content,
html[data-theme="light"] .overview-kpi-card-content,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-content .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-content .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-resources,
html[data-theme="light"] .overview-kpi-card-resources,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-resources .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-resources .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut-runtime,
html[data-theme="light"] .overview-kpi-card-runtime,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-domain-metric,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-health-stat,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-radar-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-ai-stats > div,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-finance-grid > div,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-compact-row,
html[data-theme="light"] .overview-shell .overview-tone-runtime .overview-health-item,
html[data-theme="light"] .overview-shell .overview-tone-runtime .analytics-list-row {
    background: #ffffff;
}

html[data-theme="light"] .overview-shortcut::after {
    content: none;
}

html[data-theme="light"] .overview-kpi-card {
    padding-top: 16px;
}

html[data-theme="light"] .overview-kpi-card .metric-label {
    color: var(--section-accent);
}

html[data-theme="light"] .overview-domain-card,
html[data-theme="light"] .overview-health-card,
html[data-theme="light"] .overview-radar-panel,
html[data-theme="light"] .overview-health-panel,
html[data-theme="light"] .overview-panel,
html[data-theme="light"] .overview-source-card,
html[data-theme="light"] .overview-shortcut,
html[data-theme="light"] .analytics-card {
    box-shadow: var(--shadow-soft);
}

html[data-theme="light"] .overview-shell > .overview-tone-analytics,
html[data-theme="light"] .overview-shell > .overview-tone-content,
html[data-theme="light"] .overview-shell > .overview-tone-projects,
html[data-theme="light"] .overview-shell > .overview-tone-resources,
html[data-theme="light"] .overview-shell > .overview-tone-runtime {
    background: #ffffff;
}

html[data-theme="light"] .overview-hero .section-label,
html[data-theme="light"] .overview-shortcut strong,
html[data-theme="light"] .overview-shell .overview-tone-sync .section-label,
html[data-theme="light"] .overview-shell .overview-tone-analytics .section-label,
html[data-theme="light"] .overview-shell .overview-tone-exports .section-label,
html[data-theme="light"] .overview-shell .overview-tone-projects .section-label,
html[data-theme="light"] .overview-shell .overview-tone-content .section-label,
html[data-theme="light"] .overview-shell .overview-tone-resources .section-label,
html[data-theme="light"] .overview-shell .overview-tone-runtime .section-label {
    color: var(--section-accent);
}

html[data-theme="light"] .overview-shell .overview-tone-sync .icon-chip,
html[data-theme="light"] .overview-shell .overview-tone-analytics .icon-chip,
html[data-theme="light"] .overview-shell .overview-tone-exports .icon-chip,
html[data-theme="light"] .overview-shell .overview-tone-projects .icon-chip,
html[data-theme="light"] .overview-shell .overview-tone-content .icon-chip,
html[data-theme="light"] .overview-shell .overview-tone-resources .icon-chip,
html[data-theme="light"] .overview-shell .overview-tone-runtime .icon-chip {
    color: var(--section-accent);
    background: var(--section-soft);
    border-color: var(--section-border);
}

html[data-theme="light"] .overview-pill-row .pill {
    border-color: var(--section-border);
}

html[data-theme="light"] .overview-kpi-card strong,
html[data-theme="light"] .overview-domain-metric strong,
html[data-theme="light"] .overview-health-stat strong,
html[data-theme="light"] .overview-radar-grid strong,
html[data-theme="light"] .overview-ai-stats strong,
html[data-theme="light"] .overview-finance-grid strong,
html[data-theme="light"] .overview-source-metrics strong,
html[data-theme="light"] .overview-trend-total {
    color: var(--text-strong);
}

html[data-theme="light"] .overview-kpi-card .metric-label svg,
html[data-theme="light"] .overview-shortcut-top > .icon,
html[data-theme="light"] .overview-shortcut-top > svg:last-child {
    color: var(--section-accent);
}

html[data-theme="light"] .overview-trend-bar span {
    background: linear-gradient(135deg, var(--section-accent) 0%, var(--accent-strong) 100%);
}

html[data-theme="light"] .admin-page-frame[data-admin-section="overview"] .overview-hero {
    background: transparent;
    border-color: transparent;
    overflow: visible;
}