/**
 * Version: v2.1.0 (2026-08-01)
 * Demo White Theme — Rule of 85-10-5 + html.dark charcoal overrides
 */

/* ── Light (default) ── */
html:not(.dark) body.demo-console-body {
  background: #FFFFFF;
  color: #111827;
}

html:not(.dark) body.demo-console-body .adm-topbar {
  background: #ffffff !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}
html:not(.dark) body.demo-console-body .adm-breadcrumb { color: #6B7280 !important; font-weight: 600; }
html:not(.dark) body.demo-console-body .adm-breadcrumb strong { color: #111827 !important; }
html:not(.dark) body.demo-console-body .adm-user-name { color: #111827 !important; font-weight: 700; }
html:not(.dark) body.demo-console-body .adm-user-avatar { background: #0F5C61 !important; color: #fff !important; }
html:not(.dark) body.demo-console-body .adm-menu-btn {
  color: #374151 !important; border-color: #8795A8 !important; background: #fff !important;
}

html:not(.dark) body.demo-console-body .adm-sidebar {
  background: #ffffff !important;
  border-right: 1px solid #E5E7EB !important;
  box-shadow: 4px 0 24px -12px rgba(15, 23, 42, 0.08) !important;
}
html:not(.dark) body.demo-console-body .adm-brand-eyebrow { color: #0F5C61 !important; }
html:not(.dark) body.demo-console-body .adm-brand-title { color: #0F172A !important; }
html:not(.dark) body.demo-console-body .adm-nav-section-label { color: #94A3B8 !important; }
html:not(.dark) body.demo-console-body .adm-nav-link { color: #334155 !important; }
html:not(.dark) body.demo-console-body .adm-nav-link:hover {
  background: #F8FAFC !important; color: #0F5C61 !important;
}
html:not(.dark) body.demo-console-body .adm-nav-link.is-active {
  background: rgba(15, 92, 97, 0.08) !important;
  color: #0F5C61 !important;
  box-shadow: inset 3px 0 0 #0F5C61 !important;
}
html:not(.dark) body.demo-console-body .adm-nav-link.is-active .adm-nav-icon {
  background: rgba(15, 92, 97, 0.12) !important; color: #0F5C61 !important;
}
html:not(.dark) body.demo-console-body .adm-sidebar-foot {
  color: #94A3B8 !important; border-top-color: #E5E7EB !important;
}

html:not(.dark) body.demo-console-body .adm-page-head {
  background: transparent !important; border-bottom: 1px solid #E5E7EB !important;
}
html:not(.dark) body.demo-console-body .adm-eyebrow { color: #0F5C61 !important; }
html:not(.dark) body.demo-console-body .adm-page-title { color: #111827 !important; }
html:not(.dark) body.demo-console-body .adm-page-sub { color: #6B7280 !important; }

html:not(.dark) body.demo-console-body .adm-card {
  background: #ffffff !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
html:not(.dark) body.demo-console-body .adm-card--blue {
  background: #ffffff !important; border-left: 3px solid #0F5C61 !important;
}
html:not(.dark) body.demo-console-body .adm-card--navy {
  background: #F9FAFB !important; border: 1px solid #E5E7EB !important;
}
html:not(.dark) body.demo-console-body .adm-card--gold {
  background: #FFFBEB !important; border: 1px solid #FDE68A !important;
}
html:not(.dark) body.demo-console-body .adm-kpi-label { color: #6B7280 !important; }
html:not(.dark) body.demo-console-body .adm-kpi-value { color: #111827 !important; }
html:not(.dark) body.demo-console-body .adm-kpi-delta { color: #059669 !important; }
html:not(.dark) body.demo-console-body .adm-card-head {
  color: #374151 !important; border-bottom: 1px solid #E5E7EB !important;
}

html:not(.dark) body.demo-console-body .adm-feed-head {
  color: #374151 !important; border-bottom: 1px solid #E5E7EB !important;
}
html:not(.dark) body.demo-console-body .adm-feed-head-icon { color: #0F5C61 !important; }

html:not(.dark) body.demo-console-body .adm-data-table th {
  background: #F9FAFB !important; color: #6B7280 !important; border-bottom: 1px solid #E5E7EB !important;
}
html:not(.dark) body.demo-console-body .adm-data-table td {
  border-bottom: 1px solid #F3F4F6 !important; color: #374151 !important;
}
html:not(.dark) body.demo-console-body .adm-data-table tr:hover td { background: #F0FDF4 !important; }

html:not(.dark) body.demo-console-body .ptn-tab {
  color: #6B7280 !important; border-bottom: 2px solid transparent !important;
}
html:not(.dark) body.demo-console-body .ptn-tab.is-active {
  color: #0F5C61 !important; border-bottom-color: #0F5C61 !important; font-weight: 700;
}

html:not(.dark) body.demo-console-body .adm-bottom-nav {
  background: #ffffff !important;
  border-top: 1px solid #E5E7EB !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.06) !important;
}
html:not(.dark) body.demo-console-body .adm-bn-item { color: #9CA3AF !important; }
html:not(.dark) body.demo-console-body .adm-bn-item.is-active { color: #0F5C61 !important; }
html:not(.dark) body.demo-console-body .adm-bn-icon { color: inherit !important; }

html:not(.dark) body.demo-console-body .adm-input,
html:not(.dark) body.demo-console-body .adm-select,
html:not(.dark) body.demo-console-body .ptn-select {
  background: #ffffff !important; border: 1px solid #8795A8 !important; color: #111827 !important;
}
html:not(.dark) body.demo-console-body .adm-input:focus,
html:not(.dark) body.demo-console-body .ptn-select:focus {
  border-color: #0F5C61 !important; outline: none !important;
  box-shadow: 0 0 0 3px rgba(15,92,97,0.1) !important;
}

html:not(.dark) body.demo-console-body .ptn-btn--primary {
  background: #0F5C61 !important; color: #fff !important; border: none !important;
}
html:not(.dark) body.demo-console-body .ptn-btn--primary:hover { background: #148A8F !important; }
html:not(.dark) body.demo-console-body .ptn-btn--ghost {
  border: 1px solid #8795A8 !important; color: #374151 !important; background: transparent !important;
}

html:not(.dark) body.demo-console-body .auth-step-num { background: #0F5C61 !important; color: #fff !important; }
html:not(.dark) body.demo-console-body .auth-step h3 { color: #111827 !important; }
html:not(.dark) body.demo-console-body .auth-step p { color: #6B7280 !important; }

/* Hub chrome */
.demo-hub-hide-inner-tabs { display: none !important; }
#demoHubChrome.demo-hub-chrome { margin-bottom: 0.75rem; }
#demoHubChrome .ptn-hub-tabs { margin-top: 0.35rem; }

/* ── Dark (charcoal) — demo isolation overrides ── */
html.dark body.demo-console-body {
  background: #0F172A !important;
  color: #E2E8F0 !important;
}
html.dark body.demo-console-body .adm-main,
html.dark body.demo-console-body .adm-content {
  background: #0F172A !important;
}
html.dark body.demo-console-body .adm-topbar {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: none !important;
}
html.dark body.demo-console-body .adm-sidebar {
  background: #0F172A !important;
  border-right-color: #334155 !important;
  box-shadow: none !important;
}
html.dark body.demo-console-body .adm-card,
html.dark body.demo-console-body .adm-card--blue,
html.dark body.demo-console-body .adm-card--navy,
html.dark body.demo-console-body .adm-card--gold {
  background: #1E293B !important;
  border-color: #334155 !important;
  box-shadow: none !important;
}
html.dark body.demo-console-body .adm-card--blue { border-left: 3px solid #0F5C61 !important; }
html.dark body.demo-console-body .adm-page-title,
html.dark body.demo-console-body .adm-kpi-value,
html.dark body.demo-console-body .adm-breadcrumb strong,
html.dark body.demo-console-body .adm-brand-title,
html.dark body.demo-console-body .adm-card-head,
html.dark body.demo-console-body .adm-user-name { color: #F1F5F9 !important; }
html.dark body.demo-console-body .adm-page-sub,
html.dark body.demo-console-body .adm-kpi-label,
html.dark body.demo-console-body .adm-breadcrumb,
html.dark body.demo-console-body .adm-nav-desc { color: #94A3B8 !important; }
html.dark body.demo-console-body .adm-nav-link { color: #CBD5E1 !important; }
html.dark body.demo-console-body .adm-nav-link:hover {
  background: rgba(15, 92, 97, 0.15) !important; color: #5EEAD4 !important;
}
html.dark body.demo-console-body .adm-nav-link.is-active {
  background: rgba(15, 92, 97, 0.22) !important;
  color: #5EEAD4 !important;
  box-shadow: inset 3px 0 0 #0F5C61 !important;
}
html.dark body.demo-console-body .adm-bottom-nav {
  background: #0F172A !important; border-top-color: #334155 !important;
}
html.dark body.demo-console-body .adm-bn-item { color: #64748B !important; }
html.dark body.demo-console-body .adm-bn-item.is-active { color: #5EEAD4 !important; }
html.dark body.demo-console-body .adm-data-table th {
  background: #0F172A !important; color: #94A3B8 !important; border-bottom-color: #334155 !important;
}
html.dark body.demo-console-body .adm-data-table td {
  border-bottom-color: #334155 !important; color: #E2E8F0 !important;
}
html.dark body.demo-console-body .adm-data-table tr:hover td {
  background: rgba(15, 92, 97, 0.12) !important;
}
html.dark body.demo-console-body .ptn-tab { color: #94A3B8 !important; }
html.dark body.demo-console-body .ptn-tab.is-active {
  color: #5EEAD4 !important; border-bottom-color: #0F5C61 !important;
}
html.dark body.demo-console-body .adm-input,
html.dark body.demo-console-body .adm-select,
html.dark body.demo-console-body .ptn-select,
html.dark body.demo-console-body .ptn-textarea {
  background: #0F172A !important; border-color: #475569 !important; color: #E2E8F0 !important;
}
html.dark body.demo-console-body .ptn-btn--ghost {
  border-color: #475569 !important; color: #CBD5E1 !important;
}
html.dark body.demo-console-body .lx-executive-brief,
html.dark body.demo-console-body .lx-menu-brief,
html.dark body.demo-console-body .lx-crm-assistant,
html.dark body.demo-console-body .ptn-hub-chrome {
  background: transparent;
}