/**
 * Demo.* — Classic alineado con el panel real.
 * No forzar fondos sobre dash-hero / KPIs (los pinta dashboard.css).
 */
html.demo-classic.dark-theme,
html.demo-classic.dark-theme body.demo-site-body {
    background: #000000 !important;
    color: #e5e5e5;
    color-scheme: dark;
}

html.demo-classic:not(.dark-theme),
html.demo-classic:not(.dark-theme) body.demo-site-body {
    background: #f4f6fb !important;
    color: #14213d;
    color-scheme: light;
}

.demo-site-body.demo-classic-shell.dark-theme,
.demo-site-body.demo-classic-shell[data-theme="dark"] {
    --adm-bg: #000000;
    --adm-sidebar: #0a101c;
    --adm-navbar: #0a101c;
    --adm-card: #14213d;
    --adm-border: #1c2f52;
    --adm-text: #e5e5e5;
    --adm-muted: rgba(229, 229, 229, 0.72);
    --adm-accent: #fca311;
    --adm-accent-on: #111111;
}

.demo-site-body.demo-classic-shell:not(.dark-theme),
.demo-site-body.demo-classic-shell[data-theme="light"] {
    --adm-bg: #f4f6fb;
    --adm-sidebar: #ffffff;
    --adm-navbar: #ffffff;
    --adm-card: #ffffff;
    --adm-border: #e8ecf0;
    --adm-text: #14213d;
    --adm-muted: rgba(20, 33, 61, 0.65);
    --adm-accent: #d98900;
    --adm-accent-on: #111111;
}

/* Shell oscuro: fondos base (sin pisar dash-hero) */
html.demo-classic.dark-theme .lp-adm.demo-standalone,
html.demo-classic.dark-theme .lp-adm.demo-standalone .demo-panel-wrapper,
html.demo-classic.dark-theme .lp-adm.demo-standalone .demo-main-panel,
html.demo-classic.dark-theme .lp-adm.demo-standalone .content.dash-v2 {
    background: #000000 !important;
    color: #e5e5e5;
}

html.demo-classic:not(.dark-theme) .lp-adm.demo-standalone,
html.demo-classic:not(.dark-theme) .lp-adm.demo-standalone .demo-panel-wrapper,
html.demo-classic:not(.dark-theme) .lp-adm.demo-standalone .demo-main-panel,
html.demo-classic:not(.dark-theme) .lp-adm.demo-standalone .content.dash-v2 {
    background: #f4f6fb !important;
    color: #14213d;
}

/* Sidebar modern (oscuro) */
html.demo-classic.dark-theme .lp-adm .sidebar-modern {
    background: #0a101c !important;
    border-right: 1px solid #1c2f52 !important;
}

html.demo-classic:not(.dark-theme) .lp-adm .sidebar-modern {
    background: #ffffff !important;
    border-right: 1px solid #e8ecf0 !important;
}

/* Cards genéricas de demos (no dashboard hero/KPI) */
html.demo-classic.dark-theme .lp-adm .adm-card,
html.demo-classic.dark-theme .lp-adm .panel:not(.dash-panel):not(.quick-panel),
html.demo-classic.dark-theme .lp-adm .card:not(.dash-24h-card):not(.dash-kpi) {
    background: #14213d !important;
    border-color: #1c2f52 !important;
    color: #e5e5e5 !important;
}

html.demo-classic:not(.dark-theme) .lp-adm .adm-card {
    background: #ffffff !important;
    border-color: #e8ecf0 !important;
    color: #14213d !important;
}

html.demo-classic.dark-theme .lp-adm .demo-top-navbar.navbar,
html.demo-classic.dark-theme .lp-adm .dash-v2-navbar {
    background: linear-gradient(180deg, #0a101c 0%, #000000 100%) !important;
    border-bottom: 1px solid rgba(252, 163, 17, 0.28) !important;
}

html.demo-classic:not(.dark-theme) .lp-adm .demo-top-navbar.navbar,
html.demo-classic:not(.dark-theme) .lp-adm .dash-v2-navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e8ecf0 !important;
}