/* ============================================================
   Vaape.ai — Light theme (accent black, monochrome)
   Loaded LAST. Dark files are untouched.
   Canvas #F7F8FA, surfaces #FFFFFF, accent #171717.
   ============================================================ */

html[data-theme="light"] {
  color-scheme: light;
  /* ── Palette Lemlist ── */
  --sk-canvas:      #F7F8FA;
  --sk-surface:     #FFFFFF;
  --sk-muted-bg:    #F3F4F6;
  --sk-border:      #E5E7EB;
  --sk-border-h:    #D1D5DB;
  --sk-text:        #111827;
  --sk-text-2:      #4B5563;
  --sk-text-3:      #9CA3AF;
  --sk-ink:         #111827;
  --sk-accent:      #171717;
  --sk-accent-soft: #F0F0F0;
  --sk-shadow:      0 1px 2px rgba(17,24,39,0.04);
  --sk-shadow-md:   0 8px 24px rgba(17,24,39,0.06);
  --sk-radius:      12px;

  /* ── Global aliases (dark token names, light values) ── */
  --black:          #F7F8FA;
  --black-2:        #FFFFFF;
  --black-3:        #FFFFFF;
  --black-4:        #F3F4F6;
  --black-5:        #FFFFFF;
  --black-6:        #F3F4F6;
  --border:         #E5E7EB;
  --border-hover:   #D1D5DB;
  --border-bright:  #C4CBD4;
  --text-primary:   #111827;
  --text-secondary: #4B5563;
  --text-muted:     #9CA3AF;
  --text-dim:       #B0B7C3;
  --lime:           #171717;
  --lime-dim:       #3A3A3A;
  --lime-glow:      rgba(0,0,0,0.10);
  --lime-border:    rgba(0,0,0,0.22);
  --purple:         #171717;
  --purple-light:   #93B4FF;
  --purple-dim:     rgba(0,0,0,0.12);
  --teal:           #0F766E;
  --teal-dim:       rgba(15,118,110,0.10);
  --orange:         #C2410C;
  --success:        #16A34A;
  --error:          #DC2626;
  --warning:        #D97706;
  --info:           #2563EB;
  --gold:           #A16207;
  --gold-dim:       rgba(161,98,7,0.10);
  --bg-primary:     #F7F8FA;
  --bg-secondary:   #FFFFFF;
  --bg-card:        #FFFFFF;
  --bg-card-hover:  #F3F4F6;
  --bg-elevated:    #FFFFFF;
  --shadow-sm:      0 1px 2px rgba(0,0,0,0.04);
  --shadow-md:      0 4px 16px rgba(0,0,0,0.06);
  --shadow-lg:      0 12px 32px rgba(0,0,0,0.08);
  --shadow-lime:    0 1px 2px rgba(0,0,0,0.04);
  --shadow-gold:    0 1px 2px rgba(0,0,0,0.04);

  /* ── Web Agency ── */
  --wa-black: #F7F8FA; --wa-bg: #F7F8FA;
  --wa-surface: #FFFFFF; --wa-surface2: #F3F4F6; --wa-surface3: #FFFFFF; --wa-surface4: #F0F0F0;
  --wa-border: #E5E7EB; --wa-border-hover: #D1D5DB;
  --wa-border-lime: rgba(0,0,0,0.22); --wa-border-blue: rgba(0,0,0,0.14);
  --wa-lime: #171717; --wa-lime-dim: #3A3A3A;
  --wa-lime-glow: rgba(0,0,0,0.10); --wa-lime-border: rgba(0,0,0,0.22);
  --wa-blue: #171717; --wa-blue-dim: rgba(0,0,0,0.10);
  --wa-blue-glow: rgba(0,0,0,0.10); --wa-blue-border: rgba(0,0,0,0.22);
  --wa-green: #16A34A; --wa-yellow: #D97706; --wa-red: #DC2626;
  --wa-purple: #171717; --wa-orange: #C2410C; --wa-cyan: #0F766E;
  --wa-text: #111827; --wa-muted: #4B5563; --wa-dim: #9CA3AF;

  /* ── Community ── */
  --cm-black: #F7F8FA; --cm-bg: #F7F8FA;
  --cm-bg2: #FFFFFF; --cm-bg3: #F3F4F6; --cm-bg4: #FFFFFF;
  --cm-border: #E5E7EB; --cm-border2: #D1D5DB; --cm-border3: #C4CBD4;
  --cm-lime: #171717; --cm-lime-dim: rgba(0,0,0,0.10); --cm-lime-glow: rgba(0,0,0,0.16);
  --cm-text: #111827; --cm-text-s: #4B5563;
  --cm-muted: #6B7280; --cm-dim: #9CA3AF;
  --cm-shadow: 0 1px 2px rgba(17,24,39,0.04);
  --cm-shadow-lg: 0 8px 24px rgba(17,24,39,0.08);

  /* ── Messaging ── */
  --msg-bg: #F7F8FA; --msg-panel: #FFFFFF; --msg-panel-2: #FFFFFF;
  --msg-border: #E5E7EB; --msg-border-2: #D1D5DB;
  --msg-text: #111827; --msg-muted: #4B5563; --msg-dim: #9CA3AF;
  --msg-lime: #171717; --msg-lime-dim: rgba(0,0,0,0.10); --msg-vip: #D97706;

  /* ── Shared --biz-* ── */
  --biz-accent: #171717; --biz-accent-dim: #3A3A3A; --biz-accent-soft: #F0F0F0;
  --biz-accent-glow: rgba(0,0,0,0.10); --biz-accent-border: rgba(0,0,0,0.28);
  --biz-green: #16A34A; --biz-red: #DC2626; --biz-amber: #D97706;
  --biz-cyan: #0F766E; --biz-cyan-soft: #6B6B6B; --biz-cyan-glow: rgba(15,118,110,0.10);
  --biz-bg: #F7F8FA; --biz-card: #FFFFFF; --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB; --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563; --biz-text: #111827; --biz-dark: #FFFFFF; --biz-panel: #F3F4F6;

  /* ── Factories ── */
  --cf-bg: #F7F8FA; --cf-bg2: #FFFFFF; --cf-bg3: #F3F4F6; --cf-bg4: #FFFFFF; --cf-bg5: #F3F4F6;
  --cf-border: #E5E7EB; --cf-border2: #E5E7EB; --cf-border3: #D1D5DB;
  --cf-gold: #171717; --cf-gold2: #3A3A3A;
  --cf-gold-glow: rgba(0,0,0,0.10); --cf-gold-dim: rgba(0,0,0,0.14); --cf-gold-b: rgba(0,0,0,0.35);
  --cf-text: #111827; --cf-text2: #4B5563; --cf-muted: #4B5563; --cf-muted2: #9CA3AF;
  --cf-white: #111827; --cf-success: #16A34A; --cf-warning: #D97706; --cf-danger: #DC2626;
  --cf-shadow-lg: 0 12px 32px rgba(17,24,39,0.08);

  --ef-bg: #F7F8FA; --ef-bg2: #FFFFFF; --ef-bg3: #F3F4F6; --ef-bg4: #FFFFFF; --ef-bg5: #F3F4F6;
  --ef-border: #E5E7EB; --ef-border2: #E5E7EB; --ef-border3: #D1D5DB;
  --ef-gold: #171717; --ef-gold2: #3A3A3A;
  --ef-gold-glow: rgba(0,0,0,0.10); --ef-gold-dim: rgba(0,0,0,0.14); --ef-gold-b: rgba(0,0,0,0.35);
  --ef-text: #111827; --ef-text2: #4B5563; --ef-muted: #4B5563; --ef-muted2: #9CA3AF;
  --ef-white: #111827; --ef-success: #16A34A; --ef-warning: #D97706; --ef-danger: #DC2626;
  --ef-shadow-lg: 0 12px 32px rgba(17,24,39,0.08);

  --ma-bg: #F7F8FA; --ma-bg2: #FFFFFF; --ma-bg3: #F3F4F6; --ma-bg4: #FFFFFF; --ma-bg5: #F3F4F6;
  --ma-border: #E5E7EB; --ma-border2: #E5E7EB; --ma-border3: #D1D5DB;
  --ma-gold: #171717; --ma-gold2: #3A3A3A;
  --ma-gold-glow: rgba(0,0,0,0.10); --ma-gold-g: #F0F0F0;
  --ma-gold-dim: rgba(0,0,0,0.14); --ma-gold-b: rgba(0,0,0,0.35);
  --ma-text: #111827; --ma-text2: #4B5563; --ma-muted: #4B5563; --ma-muted2: #9CA3AF;
  --ma-white: #111827; --ma-success: #16A34A; --ma-warning: #D97706; --ma-danger: #DC2626;
  --ma-shadow-lg: 0 12px 32px rgba(17,24,39,0.08);

  --sf-bg: #F7F8FA; --sf-bg2: #FFFFFF; --sf-bg3: #F3F4F6; --sf-bg4: #FFFFFF;
  --sf-border: #E5E7EB; --sf-border2: #E5E7EB;
  --sf-rose: #171717; --sf-rose-dim: #3A3A3A;
  --sf-rose-glow: rgba(0,0,0,0.10); --sf-rose-border: rgba(0,0,0,0.35);
  --sf-cyan: #171717;
  --sf-text: #111827; --sf-muted: #4B5563;

  --saf-bg: #F7F8FA; --saf-bg2: #FFFFFF; --saf-bg3: #F3F4F6; --saf-bg4: #FFFFFF; --saf-bg5: #F3F4F6;
  --saf-border: #E5E7EB; --saf-border2: #E5E7EB; --saf-border3: #D1D5DB;
  --saf-gold: #171717; --saf-gold2: #3A3A3A;
  --saf-gold-glow: rgba(0,0,0,0.10); --saf-gold-g: #F0F0F0;
  --saf-gold-dim: rgba(0,0,0,0.14); --saf-gold-b: rgba(0,0,0,0.35);
  --saf-text: #111827; --saf-text2: #4B5563; --saf-muted: #4B5563; --saf-muted2: #9CA3AF;
  --saf-white: #111827; --saf-success: #16A34A; --saf-warning: #D97706; --saf-danger: #DC2626;
  --saf-shadow-lg: 0 12px 32px rgba(0,0,0,0.08);

  --sd-bg: #F7F8FA; --sd-bg2: #FFFFFF; --sd-bg3: #F3F4F6; --sd-bg4: #FFFFFF; --sd-bg5: #F3F4F6;
  --sd-border: #E5E7EB; --sd-border2: #E5E7EB; --sd-border3: #D1D5DB;
  --sd-gold: #171717; --sd-gold2: #3A3A3A;
  --sd-gold-glow: rgba(0,0,0,0.10); --sd-gold-g: #F0F0F0;
  --sd-gold-dim: rgba(0,0,0,0.14); --sd-gold-b: rgba(0,0,0,0.35);
  --sd-text: #111827; --sd-text2: #4B5563; --sd-muted: #4B5563; --sd-muted2: #9CA3AF;
  --sd-white: #111827; --sd-success: #16A34A; --sd-warning: #D97706; --sd-danger: #DC2626;
  --sd-shadow-lg: 0 12px 32px rgba(0,0,0,0.08);

  /* ── Vinted / Miniseries / Etsy / Kids / Academy ── */
  --vt-teal: #171717; --vt-teal-dim: rgba(0,0,0,0.10); --vt-teal-b: rgba(0,0,0,0.28);
  --vt-cyan: #6B6B6B; --vt-lime: #171717; --vt-rose: #6B6B6B;
  --vt-muted: #4B5563; --vt-text: #111827; --vt-text-s: #4B5563;
  --vt-bg: #F7F8FA; --vt-bg2: #FFFFFF; --vt-bg3: #F3F4F6; --vt-bg4: #F3F4F6;
  --vt-border: #E5E7EB; --vt-border2: #D1D5DB;
  --vt-shadow: 0 8px 24px rgba(0,0,0,0.06);

  --ms-violet: #171717; --ms-violet-l: #3A3A3A; --ms-violet-d: #93B4FF;
  --ms-violet-g: rgba(0,0,0,0.10); --ms-violet-b: rgba(0,0,0,0.28);
  --ms-cyan: #6B6B6B; --ms-cyan-d: #8A8A8A;
  --ms-cyan-g: rgba(23,23,23,0.05); --ms-cyan-b: rgba(0,0,0,0.12);
  --ms-rose: #6B6B6B; --ms-rose-g: rgba(23,23,23,0.05); --ms-rose-b: rgba(0,0,0,0.12);
  --ms-gradient: linear-gradient(135deg, #FFFFFF 0%, #F3F4F6 100%);
  --ms-gradient-g: none;
  --ms-shadow-card: 0 1px 2px rgba(0,0,0,0.04);

  --et-orange: #171717; --et-orange-d: #3A3A3A;
  --et-orange-g: rgba(0,0,0,0.10); --et-orange-b: rgba(0,0,0,0.28);
  --et-coral: #6B6B6B; --et-coral-g: rgba(23,23,23,0.04); --et-coral-b: rgba(0,0,0,0.12);
  --et-gold: #171717; --et-gold-g: rgba(23,23,23,0.05); --et-gold-b: rgba(0,0,0,0.14);
  --et-teal: #6B6B6B; --et-teal-g: rgba(23,23,23,0.04); --et-teal-b: rgba(0,0,0,0.12);
  --et-lime: #171717; --et-lime-glow: rgba(0,0,0,0.10); --et-lime-b: rgba(0,0,0,0.28);

  --ka-black: #F7F8FA; --ka-bg: #F7F8FA; --ka-bg2: #FFFFFF; --ka-bg3: #F3F4F6;
  --ka-bg4: #FFFFFF; --ka-bg5: #F3F4F6;
  --ka-border: #E5E7EB; --ka-border-hover: #D1D5DB; --ka-border-bright: #C4CBD4;
  --ka-pink: #171717; --ka-pink-dim: rgba(0,0,0,0.10);
  --ka-pink-border: rgba(0,0,0,0.28); --ka-pink-glow: rgba(0,0,0,0.10);
  --ka-purple: #6B6B6B; --ka-purple-dim: rgba(23,23,23,0.05);
  --ka-text: #111827; --ka-text-s: #4B5563;
  --ka-muted: #4B5563; --ka-dim: #9CA3AF;

  --acy-green: #16A34A; --acy-green-dark: #15803D;
  --acy-red: #DC2626; --acy-blue: #2563EB;
  --acy-gold: #CA8A04; --acy-purple: #3A3A3A;
}

html[data-theme="light"] .cc-page {
  --cc-line: #E5E7EB;
  --cc-line-h: #D1D5DB;
  --cc-bg: #FFFFFF;
  --cc-bg2: #F3F4F6;
  --cc-muted: #4B5563;
  --cc-dim: #9CA3AF;
  --cc-glass: #FFFFFF;
  --cc-glass-hover: #F3F4F6;
  --cc-shadow: 0 1px 2px rgba(17,24,39,0.04);
  --cc-shadow-h: 0 8px 24px rgba(17,24,39,0.06);
  --cc-accent: #171717;
  --cc-silver: #6B7280;
  --cc-ok: #16A34A;
  color: #111827;
}

/* ── Canvas ── */
html[data-theme="light"],
html[data-theme="light"] body,
html[data-theme="light"] .wa-body,
html[data-theme="light"] .cm-page,
html[data-theme="light"] .app-shell,
html[data-theme="light"] .wa-main {
  background: #F7F8FA !important;
  color: #111827;
}

/* ── Primary buttons = black fill ── */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-lime,
html[data-theme="light"] .wa-btn-lime,
html[data-theme="light"] .wa-btn-primary,
html[data-theme="light"] .cm-btn-primary,
html[data-theme="light"] a.cm-btn-primary,
html[data-theme="light"] .ka-btn-primary,
html[data-theme="light"] .ka-btn.primary,
html[data-theme="light"] .sf-btn.primary,
html[data-theme="light"] .lsd-btn.primary,
html[data-theme="light"] .cf-btn-primary,
html[data-theme="light"] .ef-btn-primary,
html[data-theme="light"] .ma-btn-primary,
html[data-theme="light"] .sd-btn-primary,
html[data-theme="light"] .saf-btn-primary,
html[data-theme="light"] .ud-btn-primary,
html[data-theme="light"] .ft-btn-primary,
html[data-theme="light"] .ccx-btn.primary,
html[data-theme="light"] .et-btn.primary,
html[data-theme="light"] .et-btn.orange,
html[data-theme="light"] .vt-btn.primary,
html[data-theme="light"] .aii-btn.primary,
html[data-theme="light"] .ms-btn.primary,
html[data-theme="light"] .ms-btn.gradient,
html[data-theme="light"] .ms-btn.cyan,
html[data-theme="light"] .saf-btn-gold,
html[data-theme="light"] .sd-btn-gold {
  background: #171717 !important;
  color: #FFFFFF !important;
  border: 1px solid #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-lime:hover,
html[data-theme="light"] .wa-btn-lime:hover,
html[data-theme="light"] .wa-btn-primary:hover,
html[data-theme="light"] .cm-btn-primary:hover,
html[data-theme="light"] a.cm-btn-primary:hover,
html[data-theme="light"] .ud-btn-primary:hover,
html[data-theme="light"] .ft-btn-primary:hover,
html[data-theme="light"] .ka-btn-primary:hover,
html[data-theme="light"] .ka-btn.primary:hover,
html[data-theme="light"] .sf-btn.primary:hover,
html[data-theme="light"] .lsd-btn.primary:hover,
html[data-theme="light"] .cf-btn-primary:hover,
html[data-theme="light"] .ef-btn-primary:hover,
html[data-theme="light"] .ma-btn-primary:hover,
html[data-theme="light"] .sd-btn-primary:hover,
html[data-theme="light"] .saf-btn-primary:hover,
html[data-theme="light"] .ccx-btn.primary:hover,
html[data-theme="light"] .et-btn.primary:hover,
html[data-theme="light"] .et-btn.orange:hover,
html[data-theme="light"] .vt-btn.primary:hover,
html[data-theme="light"] .aii-btn.primary:hover,
html[data-theme="light"] .ms-btn.primary:hover,
html[data-theme="light"] .ms-btn.gradient:hover,
html[data-theme="light"] .ms-btn.cyan:hover,
html[data-theme="light"] .saf-btn-gold:hover,
html[data-theme="light"] .sd-btn-gold:hover {
  background: #3A3A3A !important;
  color: #FFFFFF !important;
  border-color: #3A3A3A !important;
}

/* ── Secondary = warm grey fill, no heavy border ── */
html[data-theme="light"] .btn-ghost,
html[data-theme="light"] .btn-outline,
html[data-theme="light"] .btn-white,
html[data-theme="light"] .wa-btn-ghost,
html[data-theme="light"] .wa-btn-blue,
html[data-theme="light"] .cm-btn-ghost,
html[data-theme="light"] .ka-btn-ghost,
html[data-theme="light"] .ka-btn.ghost,
html[data-theme="light"] .ka-btn-secondary,
html[data-theme="light"] .ud-btn-ghost,
html[data-theme="light"] .ud-btn-apple-gray,
html[data-theme="light"] .ft-btn-ghost,
html[data-theme="light"] .sf-btn.ghost {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}
html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .btn-outline:hover,
html[data-theme="light"] .btn-white:hover,
html[data-theme="light"] .wa-btn-ghost:hover,
html[data-theme="light"] .wa-btn-blue:hover,
html[data-theme="light"] .cm-btn-ghost:hover,
html[data-theme="light"] .ud-btn-ghost:hover {
  background: #F3F4F6 !important;
  color: #171717 !important;
}

/* ── Inputs ── */
html[data-theme="light"] .wa-input,
html[data-theme="light"] .wa-select,
html[data-theme="light"] .wa-textarea,
html[data-theme="light"] .cm-input,
html[data-theme="light"] .cm-textarea,
html[data-theme="light"] .cm-select,
html[data-theme="light"] .msg-search-input,
html[data-theme="light"] .msg-textarea,
html[data-theme="light"] .ka-input,
html[data-theme="light"] .ka-textarea,
html[data-theme="light"] .ka-select,
html[data-theme="light"] .form-input,
html[data-theme="light"] .form-select {
  background: #F3F4F6;
  color: #171717;
  border: 1px solid transparent;
}
html[data-theme="light"] .wa-input:focus,
html[data-theme="light"] .wa-select:focus,
html[data-theme="light"] .wa-textarea:focus,
html[data-theme="light"] .cm-input:focus,
html[data-theme="light"] .form-input:focus {
  background: #FFFFFF;
  border-color: #DDDDD8;
  box-shadow: 0 0 0 3px rgba(23,23,23,0.06);
}
html[data-theme="light"] select option {
  background: #FFFFFF;
  color: #171717;
}

/* ── Cards (non-dashboard; dashboard Alabaster block wins later) ── */
html[data-theme="light"] .wa-card,
html[data-theme="light"] .cm-post,
html[data-theme="light"] .cm-composer,
html[data-theme="light"] .fm-module-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

/* ── Community / messaging chrome ── */
html[data-theme="light"] .msg-app {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
html[data-theme="light"] .cm-nav-count {
  background: #171717;
  color: #FFFFFF;
}

/* ── Site-preview canvases stay as generated (iframe not inverted) ── */
html[data-theme="light"] .wa-preview-iframe,
html[data-theme="light"] .wa-email-preview-wrap,
html[data-theme="light"] .ml-preview-wrap,
html[data-theme="light"] .wah-proj-screen {
  background: #111111;
}

/* ── Academy overlay ── */
html[data-theme="light"] .acy-player,
html[data-theme="light"] .acy-player-top {
  background: #F7F8FA;
}
html[data-theme="light"] .acy-player-progress {
  background: #E5E7EB;
}
html[data-theme="light"] .acy-node.is-locked {
  background: #E5E7EB;
  color: #6B7280;
  box-shadow: 0 6px 0 #D1D5DB;
}
html[data-theme="light"] .acy-node-start-badge {
  background: #171717;
  color: #FFFFFF;
}
html[data-theme="light"] .acy-btn-main:disabled {
  background: #E5E7EB !important;
  color: #9CA3AF !important;
}

/* ── Layout nav (beats inline !important in main.php) ── */
html[data-theme="light"] .nav-item.nav-sub-item.active {
  color: #171717 !important;
  background: #F3F4F6 !important;
  box-shadow: none;
}
html[data-theme="light"] .nav-item.nav-sub-item.active .nav-icon {
  color: #171717 !important;
}
html[data-theme="light"] .sidebar-biz-back,
html[data-theme="light"] .sidebar-biz-item {
  color: #4B5563;
}
html[data-theme="light"] .sidebar-biz-back:hover,
html[data-theme="light"] .sidebar-biz-item:hover {
  color: #111827;
  background: #F3F4F6;
}
html[data-theme="light"] .sidebar-biz-label {
  color: #9CA3AF;
}
html[data-theme="light"] .sidebar-biz-item.active {
  color: #171717;
  background: #F3F4F6;
  box-shadow: none;
}
html[data-theme="light"] .sidebar-biz-item.active::before {
  background: #171717;
  box-shadow: none;
}
html[data-theme="light"] .wa-tools-trigger {
  color: #4B5563 !important;
}
html[data-theme="light"] .wa-tools-trigger:hover,
html[data-theme="light"] .wa-tools-trigger.open {
  color: #111827 !important;
  background: #F3F4F6 !important;
}
html[data-theme="light"] .wa-tools-sub-item {
  color: #4B5563 !important;
}
html[data-theme="light"] .wa-tools-sub-item:hover {
  color: #111827 !important;
  background: #F3F4F6 !important;
}
html[data-theme="light"] .wa-tools-sub-item.active {
  color: #171717 !important;
  background: #F3F4F6 !important;
  box-shadow: none;
}

/* ── Chat bubble (layout) ── */
html[data-theme="light"] #chatBubbleBtn {
  background: #171717;
  border-color: #171717;
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
html[data-theme="light"] #chatBubbleBtn:hover {
  background: #3A3A3A;
  border-color: #3A3A3A;
  box-shadow: 0 4px 16px rgba(0,0,0,0.10);
}
html[data-theme="light"] #chatPanel {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}
html[data-theme="light"] .chat-header {
  background: #F3F4F6;
}
html[data-theme="light"] .chat-conv-item {
  border-bottom-color: #E5E7EB;
}
html[data-theme="light"] .chat-conv-unread,
html[data-theme="light"] .msg-bubble.mine {
  background: #171717;
  color: #FFFFFF;
}
html[data-theme="light"] .chat-search-input {
  background: #F3F4F6;
  border-color: transparent;
}

html[data-theme="light"] .cm-btn-primary,
html[data-theme="light"] a.cm-btn-primary {
  color: #FFFFFF !important;
}

/* ── Billing / upgrade modal (dashboard + /billing) ── */
html[data-theme="light"] .bill-upgrade-card {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 1px 2px rgba(17,24,39,.04);
}
html[data-theme="light"] .bill-upgrade-card:hover {
  border-color: #D1D5DB;
  box-shadow: 0 8px 24px rgba(17,24,39,.06);
}
html[data-theme="light"] .bill-upgrade-card.featured {
  background: linear-gradient(135deg, rgba(23,23,23,.05) 0%, #FFFFFF 100%);
  border-color: rgba(0,0,0,.28);
}
html[data-theme="light"] .bill-upgrade-card.featured::before {
  background: linear-gradient(90deg, transparent, #171717, transparent);
}
html[data-theme="light"] .bill-upgrade-shine { display: none; }
html[data-theme="light"] .bill-upgrade-badge {
  background: #171717;
  color: #FFFFFF;
}
html[data-theme="light"] .bill-upgrade-creds {
  background: #F3F4F6;
  border-color: rgba(0,0,0,.22);
  color: #171717;
}
html[data-theme="light"] .bill-upgrade-features li.limit {
  color: #9CA3AF !important;
}
html[data-theme="light"] .bill-upgrade-features li::before { color: #171717; }
html[data-theme="light"] a.bill-upgrade-cta {
  background: #171717;
  color: #FFFFFF;
}
html[data-theme="light"] a.bill-upgrade-cta:hover {
  filter: none;
  background: #3A3A3A;
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
}
html[data-theme="light"] button.bill-upgrade-cta[disabled],
html[data-theme="light"] button.bill-upgrade-cta[type="submit"] {
  background: #F3F4F6;
  border: 1px solid #E5E7EB;
  color: #4B5563;
}
.bill-upgrade-close {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: none;
  color: rgba(255,255,255,0.4);
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1;
  z-index: 10;
  font-family: inherit;
  transition: color 0.15s;
}
.bill-upgrade-close:hover { color: #fff; }
html[data-theme="light"] .bill-upgrade-close { color: #9CA3AF; }
html[data-theme="light"] .bill-upgrade-close:hover { color: #111827; }
html[data-theme="light"] .bill-tier-icon.yes {
  background: #F3F4F6;
  border-color: rgba(0,0,0,.22);
  color: #171717;
}
html[data-theme="light"] .bill-tier-icon.no {
  background: #F3F4F6;
  border-color: #E5E7EB;
}

/* ── ARIA coach widgets (factories — dashboard .apc-unified is Alabaster below) ── */
html[data-theme="light"] .sf-apc-unified,
html[data-theme="light"] .ls-apc-unified,
html[data-theme="light"] .ma-apc-unified {
  --apc-bg: #FFFFFF;
  --apc-elev: #FFFFFF;
  --apc-line: #E5E7EB;
  --apc-line-soft: #E5E7EB;
  --apc-text: #171717;
  --apc-muted: #6B6B6B;
  --apc-dim: #8A8A8A;
  --apc-soft: #171717;
  --apc-white: #171717;
  --apc-user: #F3F4F6;
  --apc-aria: #F3F4F6;
  background: #FFFFFF !important;
  border-color: #E5E7EB !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
}
html[data-theme="light"] .sf-apc-header,
html[data-theme="light"] .ls-apc-header,
html[data-theme="light"] .ma-apc-header,
html[data-theme="light"] .apc-header,
html[data-theme="light"] .sf-apc-chat-input-wrap,
html[data-theme="light"] .ls-apc-chat-input-wrap,
html[data-theme="light"] .ma-apc-chat-input-wrap {
  background: #FFFFFF !important;
}
html[data-theme="light"] .sf-apc-avatar,
html[data-theme="light"] .ls-apc-avatar,
html[data-theme="light"] .ma-apc-avatar,
html[data-theme="light"] .sf-apc-ideas-fab,
html[data-theme="light"] .ls-apc-ideas-fab,
html[data-theme="light"] .ma-apc-ideas-fab,
html[data-theme="light"] .sf-apc-chat-welcome-icon,
html[data-theme="light"] .ls-apc-chat-welcome-icon,
html[data-theme="light"] .ma-apc-chat-welcome-icon,
html[data-theme="light"] .sf-apc-filter,
html[data-theme="light"] .ls-apc-filter,
html[data-theme="light"] .ma-apc-filter,
html[data-theme="light"] .sf-apc-chat-input,
html[data-theme="light"] .ls-apc-chat-input,
html[data-theme="light"] .ma-apc-chat-input,
html[data-theme="light"] .sf-apc-history-btn,
html[data-theme="light"] .sf-apc-refresh-btn {
  background: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #171717 !important;
}
html[data-theme="light"] .sf-apc-title,
html[data-theme="light"] .ls-apc-title,
html[data-theme="light"] .ma-apc-title,
html[data-theme="light"] .sf-apc-msg-bubble strong,
html[data-theme="light"] .ls-apc-msg-bubble strong,
html[data-theme="light"] .sf-apc-chat-welcome-title,
html[data-theme="light"] .ls-apc-chat-welcome-title {
  color: #171717 !important;
}
html[data-theme="light"] .sf-apc-msg.aria .sf-apc-msg-bubble,
html[data-theme="light"] .ls-apc-msg.aria .ls-apc-msg-bubble {
  background: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #171717 !important;
}
html[data-theme="light"] .sf-apc-ideas-fab.open,
html[data-theme="light"] .ls-apc-ideas-fab.open,
html[data-theme="light"] .sf-apc-filter.active,
html[data-theme="light"] .ls-apc-filter.active {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #FFFFFF !important;
}

/* ============================================================
   Dashboard — accent blue (last, beats earlier !important)
   ============================================================ */
html[data-theme="light"] .ud-widget,
html[data-theme="light"] .ud-panel,
html[data-theme="light"] .dash-kpi,
html[data-theme="light"] .dash-widget {
  background: #FFFFFF !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .badv-panel > .ud-widget {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ud-btn-ghost,
html[data-theme="light"] .ud-btn-apple-gray,
html[data-theme="light"] .ft-btn-ghost {
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ud-btn-ghost:hover,
html[data-theme="light"] .ud-btn-apple-gray:hover,
html[data-theme="light"] .ft-btn-ghost:hover {
  background: #F3F4F6 !important;
  color: #111827 !important;
  border-color: #D1D5DB !important;
}
html[data-theme="light"] .ud-btn-primary,
html[data-theme="light"] .ft-btn-primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.25) !important;
}
html[data-theme="light"] .ud-btn-primary:hover,
html[data-theme="light"] .ft-btn-primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .ud-cm-feed-list .cm-post {
  background: #FFFFFF !important;
  border-color: #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .apc-unified {
  --apc-bg: #F7F8FA;
  --apc-elev: #FFFFFF;
  --apc-line: #E5E7EB;
  --apc-line-soft: #E5E7EB;
  --apc-text: #111827;
  --apc-muted: #4B5563;
  --apc-dim: #9CA3AF;
  --apc-soft: #171717;
  --apc-white: #111827;
  --apc-user: #F3F4F6;
  --apc-aria: #FFFFFF;
  background: #FFFFFF !important;
  border-color: #E5E7EB !important;
  box-shadow: 0 8px 32px rgba(17,24,39,0.08);
}
html[data-theme="light"] .apc-header,
html[data-theme="light"] .apc-chat-input-wrap,
html[data-theme="light"] .apc-history-panel,
html[data-theme="light"] .apc-filters {
  background: #FFFFFF !important;
}
html[data-theme="light"] .apc-send-btn,
html[data-theme="light"] .apc-retry-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .apc-filter.active,
html[data-theme="light"] .apc-filter-biz.active,
html[data-theme="light"] .apc-ideas-fab.open {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .aria-float-launcher,
html[data-theme="light"] .aria-float.open .aria-float-launcher {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
}
html[data-theme="light"] .theme-toggle {
  background: #F3F4F6;
  border-color: #E5E7EB;
}
html[data-theme="light"] .theme-toggle-icon-moon { color: #171717; }
html[data-theme="light"] .theme-toggle.is-light .theme-toggle-thumb {
  background: #171717;
}
html[data-theme="light"] ::selection {
  background: rgba(0,0,0,0.18);
  color: #111827;
}

/* ── Marketplace (Lemlist) ── */
html[data-theme="light"] .mp-cta.primary,
html[data-theme="light"] .bl-btn.primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}
html[data-theme="light"] .mp-card:hover .mp-cta.primary,
html[data-theme="light"] .bl-btn.primary:hover {
  background: #3A3A3A !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.32) !important;
}
html[data-theme="light"] .mp-hero-btn.primary {
  background: #FFFFFF !important;
  color: #171717 !important;
  border-color: #FFFFFF !important;
  box-shadow: 0 6px 24px rgba(17,24,39,0.14) !important;
}
html[data-theme="light"] .mp-hero-btn.primary:hover {
  background: #F3F4F6 !important;
  color: #2E2E2E !important;
  box-shadow: 0 10px 28px rgba(17,24,39,0.16) !important;
}
html[data-theme="light"] .mkt-chip.active {
  background: #F3F4F6;
  border-color: rgba(0,0,0,0.28);
  color: #171717;
}
html[data-theme="light"] .mkt-featured-label,
html[data-theme="light"] .filter-chip.active {
  color: #171717;
}

/* Dual wordmark: lime (dark) / accent blue (light) */
.vaape-logo {
  display: inline-grid;
  align-items: center;
  line-height: 0;
}
.vaape-logo img { grid-area: 1 / 1; }
.vaape-logo .vaape-logo--dark { display: block !important; }
.vaape-logo .vaape-logo--light { display: none !important; }
html[data-theme="light"] .vaape-logo .vaape-logo--dark { display: none !important; }
html[data-theme="light"] .vaape-logo .vaape-logo--light { display: block !important; }

/* ── Community (Lemlist) — last, beats earlier black !important ── */
html[data-theme="light"] .cm-btn-primary,
html[data-theme="light"] a.cm-btn-primary,
html[data-theme="light"] .cm-page a.cm-btn-primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.22) !important;
}
html[data-theme="light"] .cm-btn-primary:hover,
html[data-theme="light"] a.cm-btn-primary:hover,
html[data-theme="light"] .cm-page a.cm-btn-primary:hover {
  background: #3A3A3A !important;
  color: #FFFFFF !important;
  border-color: #3A3A3A !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.28) !important;
}
html[data-theme="light"] .cm-btn-ghost,
html[data-theme="light"] a.cm-btn-ghost {
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 1px solid #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .cm-btn-ghost:hover {
  background: #F3F4F6 !important;
  color: #111827 !important;
  border-color: #D1D5DB !important;
}
html[data-theme="light"] .cm-nav-count {
  background: #171717 !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .cm-input,
html[data-theme="light"] .cm-textarea,
html[data-theme="light"] .cm-select {
  background: #F3F4F6;
  color: #111827;
  border: 1px solid #E5E7EB;
}
html[data-theme="light"] .cm-input:focus,
html[data-theme="light"] .cm-textarea:focus,
html[data-theme="light"] .cm-select:focus {
  background: #FFFFFF;
  border-color: rgba(0,0,0,0.45);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.12);
}
html[data-theme="light"] .cm-post,
html[data-theme="light"] .cm-composer {
  background: #FFFFFF;
  border-color: #E5E7EB;
  box-shadow: none;
}

/* ── Messaging (Lemlist) — last ── */
html[data-theme="light"] .msg-app {
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
  box-shadow: 0 8px 32px rgba(17,24,39,0.06);
}
html[data-theme="light"] .msg-btn-primary,
html[data-theme="light"] .msg-send-btn,
html[data-theme="light"] .msg-unread-badge,
html[data-theme="light"] .msg-locked-bar a {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}
html[data-theme="light"] .msg-btn-primary:hover,
html[data-theme="light"] .msg-send-btn:hover {
  background: #3A3A3A !important;
  color: #FFFFFF !important;
  filter: none !important;
}
html[data-theme="light"] .msg-btn-ghost {
  background: #FFFFFF !important;
  color: #111827 !important;
  border: 1px solid #E5E7EB !important;
}
html[data-theme="light"] .msg-search-input,
html[data-theme="light"] .msg-textarea,
html[data-theme="light"] .msg-input {
  background: #F3F4F6;
  color: #111827;
  border: 1px solid #E5E7EB;
}
html[data-theme="light"] .msg-search-input:focus,
html[data-theme="light"] .msg-textarea:focus,
html[data-theme="light"] .msg-input:focus {
  background: #FFFFFF;
  border-color: rgba(0,0,0,0.45);
  box-shadow: 0 0 0 3px rgba(0,0,0,0.12);
}
html[data-theme="light"] .msg-bubble-row.mine .msg-bubble {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #FFFFFF !important;
}

/* ── Account / social profile + billing CTAs (last) ── */
html[data-theme="light"] .ap-btn-save,
html[data-theme="light"] .prof-save-btn,
html[data-theme="light"] .bill-pack-cta,
html[data-theme="light"] .bill-btn-primary,
html[data-theme="light"] a.bill-upgrade-cta {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ap-btn-save:hover,
html[data-theme="light"] .prof-save-btn:hover,
html[data-theme="light"] .bill-pack-cta:hover,
html[data-theme="light"] .bill-btn-primary:hover,
html[data-theme="light"] a.bill-upgrade-cta:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .ap-lang-btn.active,
html[data-theme="light"] .prof-selector-item.active {
  background: #F3F4F6 !important;
  border-color: rgba(0,0,0,.40) !important;
  color: #171717 !important;
}
html[data-theme="light"] .prof-selector-item.active .prof-selector-label,
html[data-theme="light"] .prof-selector-item.active .prof-currency-sym {
  color: #171717 !important;
}
html[data-theme="light"] .ap-input:focus,
html[data-theme="light"] .ap-select:focus,
html[data-theme="light"] .ap-textarea:focus,
html[data-theme="light"] .prof-input:focus,
html[data-theme="light"] .prof-textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] button.bill-upgrade-cta[disabled],
html[data-theme="light"] button.bill-upgrade-cta[type="submit"] {
  background: #F3F4F6 !important;
  border: 1px solid #E5E7EB !important;
  color: #4B5563 !important;
}
html[data-theme="light"] .bill-cost-val,
html[data-theme="light"] .bill-pack-price,
html[data-theme="light"] .bill-upgrade-creds,
html[data-theme="light"] .bill-upgrade-features li::before,
html[data-theme="light"] .bill-tx-dot.earned {
  color: #171717 !important;
}
html[data-theme="light"] .bill-wrap [style*="#caff00"],
html[data-theme="light"] .bill-wrap [style*="#CAFF00"],
html[data-theme="light"] .bill-wrap [style*="color:#ffffff"],
html[data-theme="light"] .bill-wrap [style*="color: #ffffff"] {
  color: #171717 !important;
}

/* ── Web Agency (welcome / formation / strategy / blueprint) ── */
html[data-theme="light"] .wa-btn-lime,
html[data-theme="light"] .wa-btn-primary,
html[data-theme="light"] .wah-win-cta,
html[data-theme="light"] .bp-hero-cta,
html[data-theme="light"] .bp-celebrate-close,
html[data-theme="light"] .cc-btn-primary,
html[data-theme="light"] .cc-btn-boss,
html[data-theme="light"] .acy-btn-main.check,
html[data-theme="light"] .acy-fs-continue,
html[data-theme="light"] .aig-btn,
html[data-theme="light"] .aig-save-btn,
html[data-theme="light"] .scraper-run-btn,
html[data-theme="light"] .azr-run-btn,
html[data-theme="light"] .bldr-gen-send,
html[data-theme="light"] .bldr-mobile-btn,
html[data-theme="light"] .dom-search-btn,
html[data-theme="light"] .btn-lime {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .wa-btn-lime:hover,
html[data-theme="light"] .wa-btn-primary:hover,
html[data-theme="light"] .wah-win:hover .wah-win-cta,
html[data-theme="light"] .bp-hero-cta:hover,
html[data-theme="light"] .cc-btn-primary:hover,
html[data-theme="light"] .cc-btn-boss:hover,
html[data-theme="light"] .acy-btn-main.check:not(:disabled):hover,
html[data-theme="light"] .acy-fs-continue:hover,
html[data-theme="light"] .aig-btn:hover,
html[data-theme="light"] .aig-save-btn:hover,
html[data-theme="light"] .scraper-run-btn:hover,
html[data-theme="light"] .azr-run-btn:hover:not(:disabled),
html[data-theme="light"] .bldr-gen-send:hover,
html[data-theme="light"] .dom-search-btn:hover,
html[data-theme="light"] .btn-lime:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .acy-btn-main.check:disabled,
html[data-theme="light"] .acy-btn-main:disabled {
  background: #E5E7EB !important;
  color: #9CA3AF !important;
  border-color: #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .wa-btn-ghost,
html[data-theme="light"] .cc-btn-ghost {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
}
html[data-theme="light"] .wa-btn-ghost:hover,
html[data-theme="light"] .cc-btn-ghost:hover {
  background: #F3F4F6 !important;
  color: #111827 !important;
}
html[data-theme="light"] .wa-tab.active,
html[data-theme="light"] .wa-nav-link.active,
html[data-theme="light"] .aig-tab.active,
html[data-theme="light"] .aig-lang-btn.on,
html[data-theme="light"] .aig-chip-btn.on,
html[data-theme="light"] .aig-filter.on,
html[data-theme="light"] .scraper-quick-chip.active,
html[data-theme="light"] .scraper-filter-chip.active,
html[data-theme="light"] .bldr-style-chip.active,
html[data-theme="light"] .azr-hist-card.active,
html[data-theme="light"] .crm-pipe-tab.active,
html[data-theme="light"] .proj-filter-pill.active,
html[data-theme="light"] .ml-type-btn.active,
html[data-theme="light"] .mp-provider-btn.active,
html[data-theme="light"] .seq-day-btn.active,
html[data-theme="light"] .fin-type-btn.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ml-tab.active,
html[data-theme="light"] .fin-tab.active,
html[data-theme="light"] .bldr-tab.active {
  color: #171717 !important;
  border-bottom-color: #171717 !important;
}

/* ── Lovable SaaS (setup / dashboard / academy / strategy) ── */
html[data-theme="light"] .lsd-btn.primary,
html[data-theme="light"] .ls-btn-primary,
html[data-theme="light"] .ovm-btn-submit,
html[data-theme="light"] .ls-pl-btn,
html[data-theme="light"] .ls-pl-btn-sm,
html[data-theme="light"] .ls-pl-copy-btn,
html[data-theme="light"] .ls-btn-main,
html[data-theme="light"] .ls-lab-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .lsd-btn.primary:hover,
html[data-theme="light"] .ls-btn-primary:hover,
html[data-theme="light"] .ovm-btn-submit:hover,
html[data-theme="light"] .ls-pl-btn:hover,
html[data-theme="light"] .ls-pl-btn-sm:hover,
html[data-theme="light"] .ls-pl-copy-btn:hover,
html[data-theme="light"] .ls-btn-main:hover,
html[data-theme="light"] .ls-lab-btn:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .lsd-tab.active,
html[data-theme="light"] .ls-chip.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ls-tool-card.selected,
html[data-theme="light"] .ls-price-card.selected {
  background: #F3F4F6 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ls-sp-dot.active {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ls-phase-prog-fill,
html[data-theme="light"] .ls-fm-bar-fill,
html[data-theme="light"] .ls-xp-fill,
html[data-theme="light"] .ls-strat-phase-fill,
html[data-theme="light"] .ls-an-prog-fill,
html[data-theme="light"] .ls-mail-kpi-fill,
html[data-theme="light"] .ls-mrr-bar,
html[data-theme="light"] .ls-an-chart-bar {
  background: #171717 !important;
}
html[data-theme="light"] .ws-task.done .ws-task-check {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .ls-rank-badge {
  color: #171717 !important;
  border-color: rgba(0,0,0,.28) !important;
  background: #F3F4F6 !important;
}
html[data-theme="light"] .ls-aria-qbtn {
  color: #171717 !important;
  border-color: rgba(0,0,0,.28) !important;
}
html[data-theme="light"] .ls-aria-qbtn:hover { background: #F3F4F6 !important; }
html[data-theme="light"] .ls-input:focus,
html[data-theme="light"] .ls-textarea:focus,
html[data-theme="light"] .ls-select:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}

/* ── Lovable SaaS AI Tools CTAs / actifs ── */
html[data-theme="light"] .pl-btn,
html[data-theme="light"] .ls-mkt-btn,
html[data-theme="light"] .bs-run-btn,
html[data-theme="light"] .sh-gen-btn,
html[data-theme="light"] .pe-run-btn,
html[data-theme="light"] .ci-analyze-btn,
html[data-theme="light"] .ls-run-btn,
html[data-theme="light"] .ls-btn-lime,
html[data-theme="light"] .lh-launch-btn,
html[data-theme="light"] .bldr-gen-send,
html[data-theme="light"] .bldr-mobile-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .pl-btn:hover,
html[data-theme="light"] .ls-mkt-btn:hover,
html[data-theme="light"] .bs-run-btn:hover,
html[data-theme="light"] .sh-gen-btn:hover,
html[data-theme="light"] .pe-run-btn:hover,
html[data-theme="light"] .ci-analyze-btn:hover,
html[data-theme="light"] .ls-run-btn:hover,
html[data-theme="light"] .ls-btn-lime:hover,
html[data-theme="light"] .lh-launch-btn:hover,
html[data-theme="light"] .bldr-gen-send:hover,
html[data-theme="light"] .bldr-mobile-btn:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .pl-filter.active,
html[data-theme="light"] .ls-mkt-tab.active,
html[data-theme="light"] .ls-mail-tab.active,
html[data-theme="light"] .ls-discreet-tag.active,
html[data-theme="light"] .sh-goal-btn.active,
html[data-theme="light"] .bs-rail-btn.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .sh-plat-tab.active,
html[data-theme="light"] .pe-tab.active,
html[data-theme="light"] .lh-plat-tab.active,
html[data-theme="light"] .bldr-tab.active {
  color: #171717 !important;
  border-bottom-color: #171717 !important;
}
html[data-theme="light"] .pl-btn.pl-btn-ghost {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
}
html[data-theme="light"] .ls-lab-header .ls-lab-btn {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
}

/* ── Lovable SaaS tickets / analytics / checklist / builder prompt ── */
html[data-theme="light"] .tk-btn-lime,
html[data-theme="light"] .td-btn-lime,
html[data-theme="light"] .ls-an-btn,
html[data-theme="light"] .ls-terminal-copy-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .tk-btn-lime:hover,
html[data-theme="light"] .td-btn-lime:hover,
html[data-theme="light"] .ls-an-btn:hover,
html[data-theme="light"] .ls-terminal-copy-btn:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .td-reply-tab.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}

/* ── App Factory CTAs / actifs / canvas ── */
html[data-theme="light"] body.ma-biz {
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .ma-btn-primary,
html[data-theme="light"] .ma-btn-gold,
html[data-theme="light"] a.ma-btn-primary,
html[data-theme="light"] .ma-btn-gen,
html[data-theme="light"] .ma-gen-btn,
html[data-theme="light"] .ma-aso-gen-btn,
html[data-theme="light"] .ma-comp-btn,
html[data-theme="light"] .ma-gen-mkt-btn,
html[data-theme="light"] .ma-legal-btn,
html[data-theme="light"] .ma-analyze-btn,
html[data-theme="light"] .ma-spec-btn,
html[data-theme="light"] .ma-ugc-btn,
html[data-theme="light"] .ma-copy-btn,
html[data-theme="light"] .ma-apc-send-btn,
html[data-theme="light"] .ma-apc-new-conv-btn,
html[data-theme="light"] .ma-apc-retry-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ma-btn-primary:hover,
html[data-theme="light"] .ma-btn-gold:hover,
html[data-theme="light"] a.ma-btn-primary:hover,
html[data-theme="light"] .ma-btn-gen:hover,
html[data-theme="light"] .ma-gen-btn:hover,
html[data-theme="light"] .ma-aso-gen-btn:hover,
html[data-theme="light"] .ma-comp-btn:hover,
html[data-theme="light"] .ma-gen-mkt-btn:hover,
html[data-theme="light"] .ma-legal-btn:hover,
html[data-theme="light"] .ma-analyze-btn:hover,
html[data-theme="light"] .ma-spec-btn:hover,
html[data-theme="light"] .ma-ugc-btn:hover,
html[data-theme="light"] .ma-copy-btn:hover,
html[data-theme="light"] .ma-apc-send-btn:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .ma-btn-ghost,
html[data-theme="light"] .ma-btn-outline {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ma-tab.active,
html[data-theme="light"] .ma-chip-filter.active,
html[data-theme="light"] .ma-spec-tab.active,
html[data-theme="light"] .ma-template-btn.active,
html[data-theme="light"] .ma-apc-filter.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ma-studio-step-dot.active,
html[data-theme="light"] .ma-sp-dot.active,
html[data-theme="light"] .ma-check-box.done,
html[data-theme="light"] .ma-checklist-dot.done {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ma-hub-tab.active {
  color: #171717 !important;
  border-bottom-color: #171717 !important;
  background: transparent !important;
}
html[data-theme="light"] .ma-cover-seg-btn.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ma-input:focus,
html[data-theme="light"] .ma-select:focus,
html[data-theme="light"] .ma-textarea:focus,
html[data-theme="light"] .ma-input-field:focus,
html[data-theme="light"] .ma-lab-input:focus,
html[data-theme="light"] .ma-lab-select:focus,
html[data-theme="light"] .ma-lab-textarea:focus,
html[data-theme="light"] .ma-mkt-input:focus,
html[data-theme="light"] .ma-mkt-ta:focus,
html[data-theme="light"] .ma-mkt-select:focus,
html[data-theme="light"] .ma-legal-select:focus,
html[data-theme="light"] .ma-m-input:focus,
html[data-theme="light"] .ma-m-select:focus,
html[data-theme="light"] .ma-spec-select:focus,
html[data-theme="light"] .ma-ugc-select:focus,
html[data-theme="light"] .ma-chat-input:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .ma-check-pfill,
html[data-theme="light"] .mah-prog > div {
  background: #171717 !important;
}
html[data-theme="light"] .ma-check-pval,
html[data-theme="light"] .ma-sim-m,
html[data-theme="light"] .ma-check-xp,
html[data-theme="light"] .ma-checklist-link {
  color: #171717 !important;
}
html[data-theme="light"] .ma-pos-card.recommended {
  background: #F3F4F6 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] body.ma-biz input[type="checkbox"],
html[data-theme="light"] body.ma-biz input[type="range"],
html[data-theme="light"] body.ma-biz [style*="accent-color:#fff"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.ma-biz [style*="linear-gradient(180deg,#e5e5ea"] {
  background: linear-gradient(180deg, #171717, #3A3A3A) !important;
}

/* ── Amazon Ebook CTAs / actifs / canvas ── */
html[data-theme="light"] body.ef-biz {
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .ef-btn-primary,
html[data-theme="light"] .ef-btn-gold,
html[data-theme="light"] a.ef-btn-primary,
html[data-theme="light"] a.ef-btn-gold {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ef-btn-primary:hover,
html[data-theme="light"] .ef-btn-gold:hover,
html[data-theme="light"] a.ef-btn-primary:hover,
html[data-theme="light"] a.ef-btn-gold:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .ef-btn-ghost,
html[data-theme="light"] .ef-btn-outline {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ef-tab.active,
html[data-theme="light"] .eflib-filter.active,
html[data-theme="light"] .efr-mode.active,
html[data-theme="light"] .efm-mode.active,
html[data-theme="light"] .efm-book.active,
html[data-theme="light"] .efm-hist-item.active,
html[data-theme="light"] .efa-lang:has(input:checked) {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ef-studio-step-dot.active,
html[data-theme="light"] .efbs-step.active .efbs-step-dot,
html[data-theme="light"] .ef-sp-dot.active {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .ef-hub-tab.active {
  color: #171717 !important;
  border-bottom-color: #171717 !important;
  background: transparent !important;
}
html[data-theme="light"] .ef-cover-seg-btn.active {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ef-input:focus,
html[data-theme="light"] .ef-select:focus,
html[data-theme="light"] .ef-textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .ef-progress-fill[style*="background:#ffffff"],
html[data-theme="light"] .ef-progress-fill[style*="background:#fff"] {
  background: #171717 !important;
}
html[data-theme="light"] body.ef-biz input[type="checkbox"],
html[data-theme="light"] body.ef-biz input[type="range"],
html[data-theme="light"] body.ef-biz [style*="accent-color:#fff"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] .sf-apc-send-btn,
html[data-theme="light"] .sf-apc-new-conv-btn,
html[data-theme="light"] .sf-apc-retry-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── Academy OS / Coach Factory CTAs / actifs / canvas ── */
html[data-theme="light"] body.cf-biz {
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .cf-btn-primary,
html[data-theme="light"] .cf-btn-gold,
html[data-theme="light"] a.cf-btn-primary,
html[data-theme="light"] a.cf-btn-gold {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}
html[data-theme="light"] .cf-btn-primary:hover,
html[data-theme="light"] .cf-btn-gold:hover,
html[data-theme="light"] a.cf-btn-primary:hover,
html[data-theme="light"] a.cf-btn-gold:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .cf-btn-ghost,
html[data-theme="light"] .cf-btn-outline {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
}
html[data-theme="light"] .cf-tab.active,
html[data-theme="light"] .cf-chip.selected,
html[data-theme="light"] .cf-lesson-nav-item.active,
html[data-theme="light"] .tier-card.selected {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .cf-hub-tab.active {
  color: #171717 !important;
  border-bottom-color: #171717 !important;
  background: transparent !important;
}
html[data-theme="light"] .cf-input:focus,
html[data-theme="light"] .cf-select:focus,
html[data-theme="light"] .cf-textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .cf-eb-progress-bar {
  background: #171717 !important;
}
html[data-theme="light"] .cf-eb-input,
html[data-theme="light"] .cf-eb-textarea {
  background: #F3F4F6 !important;
  border-color: #E5E7EB !important;
  color: #111827 !important;
}
html[data-theme="light"] body.cf-biz [style*="color:#fff"] {
  color: #111827 !important;
}
html[data-theme="light"] body.cf-biz .cf-cover-stage [style*="color:#fff"],
html[data-theme="light"] body.cf-biz .cf-hub-cover [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.cf-biz input[type="checkbox"],
html[data-theme="light"] body.cf-biz input[type="range"] {
  accent-color: #171717 !important;
}

/* ── YouTube Clipping / Clip Factory CTAs / actifs / canvas ── */
html[data-theme="light"] body.sf-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-cyan: #171717;
  --biz-cyan-soft: #3A3A3A;
  --biz-cyan-glow: rgba(0,0,0,0.10);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .sf-btn.primary,
html[data-theme="light"] a.sf-btn.primary,
html[data-theme="light"] button.sf-btn.primary,
html[data-theme="light"] body.sf-biz .sf-page .sf-btn.primary,
html[data-theme="light"] .sf-page .btn-primary,
html[data-theme="light"] .sf-page .btn.btn-primary,
html[data-theme="light"] .sf-fm-topbtn.primary,
html[data-theme="light"] .sfh-vcard-cta {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .sf-btn.primary:hover,
html[data-theme="light"] a.sf-btn.primary:hover,
html[data-theme="light"] button.sf-btn.primary:hover,
html[data-theme="light"] .sf-fm-topbtn.primary:hover,
html[data-theme="light"] .sfh-vcard-cta:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .sf-btn.ghost,
html[data-theme="light"] .sf-btn.cyan {
  background: #F3F4F6 !important;
  color: #4B5563 !important;
  border-color: #E5E7EB !important;
}
html[data-theme="light"] .sf-chip.active,
html[data-theme="light"] .sf-type-card.selected,
html[data-theme="light"] .sf-plat.selected,
html[data-theme="light"] .sfcs-clip.selected,
html[data-theme="light"] .sfcs-opt-card.selected,
html[data-theme="light"] .sfvl-tool.active,
html[data-theme="light"] .sf-fm-lesson-link.active,
html[data-theme="light"] .sfac-sugg-chip:hover {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .sf-input:focus,
html[data-theme="light"] .sf-select:focus,
html[data-theme="light"] .sf-textarea:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .sf-prog > div {
  background: #171717 !important;
}
html[data-theme="light"] body.sf-biz .chat-send-btn,
html[data-theme="light"] body.sf-biz .chat-new-conv-btn,
html[data-theme="light"] body.sf-biz .acw-send-btn,
html[data-theme="light"] body.sf-biz .acw-ov-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}
html[data-theme="light"] body.sf-biz [style*="color:#fff"] {
  color: #111827 !important;
}
html[data-theme="light"] body.sf-biz .sfcs-player-wrap [style*="color:#fff"],
html[data-theme="light"] body.sf-biz .sfl-video [style*="color:#fff"],
html[data-theme="light"] body.sf-biz .sfv-thumb-wrap [style*="color:#fff"],
html[data-theme="light"] body.sf-biz .sfcs-poster-label {
  color: #fff !important;
}
html[data-theme="light"] body.sf-biz input[type="checkbox"],
html[data-theme="light"] body.sf-biz input[type="range"] {
  accent-color: #171717 !important;
}

/* ── Clip Campaigns CTAs / actifs / canvas ── */
html[data-theme="light"] body.ccx-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .ccx-btn.primary,
html[data-theme="light"] a.ccx-btn.primary,
html[data-theme="light"] button.ccx-btn.primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .ccx-btn.primary:hover,
html[data-theme="light"] a.ccx-btn.primary:hover,
html[data-theme="light"] button.ccx-btn.primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] .ccx-tab.active,
html[data-theme="light"] .ccx-chip.active,
html[data-theme="light"] .ccx-choice.selected {
  background: #F0F0F0 !important;
  color: #171717 !important;
  border-color: rgba(0,0,0,.35) !important;
}
html[data-theme="light"] .ccx-input:focus,
html[data-theme="light"] .ccx-textarea:focus,
html[data-theme="light"] .ccx-select:focus,
html[data-theme="light"] .ccx-chat-input:focus {
  border-color: #171717 !important;
  box-shadow: 0 0 0 3px rgba(0,0,0,.14) !important;
}
html[data-theme="light"] .ccx-progress-fill {
  background: #171717 !important;
}
html[data-theme="light"] body.ccx-biz .chat-send-btn,
html[data-theme="light"] body.ccx-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}
html[data-theme="light"] body.ccx-biz [style*="color:#fff"] {
  color: #111827 !important;
}
html[data-theme="light"] body.ccx-biz .ccx-camp-cover [style*="color:#fff"],
html[data-theme="light"] .ccx-camp-rate-badge {
  color: #FFFFFF !important;
}
html[data-theme="light"] body.ccx-biz input[type="checkbox"],
html[data-theme="light"] body.ccx-biz input[type="range"] {
  accent-color: #171717 !important;
}

/* ── et-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.et-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .et-btn.primary,
html[data-theme="light"] .et-btn.orange,
html[data-theme="light"] a.et-btn.primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .et-btn.primary:hover,
html[data-theme="light"] .et-btn.orange:hover,
html[data-theme="light"] a.et-btn.primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.et-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.et-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.et-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.et-biz .et-img-stage [style*="color:#fff"],
html[data-theme="light"] body.et-biz .et-studio-preview [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.et-biz input[type="checkbox"],
html[data-theme="light"] body.et-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.et-biz .chat-send-btn,
html[data-theme="light"] body.et-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── vt-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.vt-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .vt-btn.primary,
html[data-theme="light"] a.vt-btn.primary,
html[data-theme="light"] button.vt-btn.primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .vt-btn.primary:hover,
html[data-theme="light"] a.vt-btn.primary:hover,
html[data-theme="light"] button.vt-btn.primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.vt-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.vt-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.vt-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.vt-biz .vt-item-photo [style*="color:#fff"],
html[data-theme="light"] body.vt-biz .vt-thumb [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.vt-biz input[type="checkbox"],
html[data-theme="light"] body.vt-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.vt-biz .chat-send-btn,
html[data-theme="light"] body.vt-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── aii-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.aii-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .aii-btn.primary,
html[data-theme="light"] a.aii-btn.primary,
html[data-theme="light"] button.aii-btn.primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .aii-btn.primary:hover,
html[data-theme="light"] a.aii-btn.primary:hover,
html[data-theme="light"] button.aii-btn.primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.aii-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.aii-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.aii-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.aii-biz .aii-visual-stage [style*="color:#fff"],
html[data-theme="light"] body.aii-biz .aii-preview [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.aii-biz input[type="checkbox"],
html[data-theme="light"] body.aii-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.aii-biz .chat-send-btn,
html[data-theme="light"] body.aii-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── ms-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.ms-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .ms-btn.primary,
html[data-theme="light"] .ms-btn.gradient,
html[data-theme="light"] .ms-btn.cyan {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .ms-btn.primary:hover,
html[data-theme="light"] .ms-btn.gradient:hover,
html[data-theme="light"] .ms-btn.cyan:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.ms-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.ms-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.ms-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.ms-biz .ms-player [style*="color:#fff"],
html[data-theme="light"] body.ms-biz .ms-editor [style*="color:#fff"],
html[data-theme="light"] body.ms-biz .ms-studio [style*="color:#fff"],
html[data-theme="light"] body.ms-biz .ms-timeline [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.ms-biz input[type="checkbox"],
html[data-theme="light"] body.ms-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.ms-biz .chat-send-btn,
html[data-theme="light"] body.ms-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── ka-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.ka-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .ka-btn-primary,
html[data-theme="light"] .ka-btn.primary,
html[data-theme="light"] a.ka-btn-primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .ka-btn-primary:hover,
html[data-theme="light"] .ka-btn.primary:hover,
html[data-theme="light"] a.ka-btn-primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.ka-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.ka-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.ka-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.ka-biz .ka-creator [style*="color:#fff"],
html[data-theme="light"] body.ka-biz .ka-char-stage [style*="color:#fff"],
html[data-theme="light"] body.ka-biz .ka-video-wrap [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.ka-biz input[type="checkbox"],
html[data-theme="light"] body.ka-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.ka-biz .chat-send-btn,
html[data-theme="light"] body.ka-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── sd-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.sd-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .sd-btn-primary,
html[data-theme="light"] .sd-btn-gold,
html[data-theme="light"] a.sd-btn-primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .sd-btn-primary:hover,
html[data-theme="light"] .sd-btn-gold:hover,
html[data-theme="light"] a.sd-btn-primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.sd-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.sd-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.sd-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.sd-biz .sd-cover-stage [style*="color:#fff"],
html[data-theme="light"] body.sd-biz .sd-hub-cover [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.sd-biz input[type="checkbox"],
html[data-theme="light"] body.sd-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.sd-biz .chat-send-btn,
html[data-theme="light"] body.sd-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

/* ── saf-biz CTAs / actifs / canvas ── */
html[data-theme="light"] body.saf-biz {
  --biz-accent: #171717;
  --biz-accent-dim: #3A3A3A;
  --biz-accent-soft: #F3F4F6;
  --biz-accent-glow: rgba(0,0,0,0.10);
  --biz-accent-border: rgba(0,0,0,0.28);
  --biz-bg: #F7F8FA;
  --biz-card: #FFFFFF;
  --biz-card-hover: #F3F4F6;
  --biz-border: #E5E7EB;
  --biz-border-hover: #D1D5DB;
  --biz-muted: #4B5563;
  --biz-text: #111827;
  --biz-dark: #FFFFFF;
  --biz-panel: #F3F4F6;
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] .saf-btn-primary,
html[data-theme="light"] .saf-btn-gold,
html[data-theme="light"] a.saf-btn-primary {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
  box-shadow: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html[data-theme="light"] .saf-btn-primary:hover,
html[data-theme="light"] .saf-btn-gold:hover,
html[data-theme="light"] a.saf-btn-primary:hover {
  background: #3A3A3A !important;
  border-color: #3A3A3A !important;
  color: #FFFFFF !important;
}
html[data-theme="light"] body.saf-biz .sidebar-biz-item.active::before {
  background: #171717 !important;
}
html[data-theme="light"] body.saf-biz .sidebar-biz-item.active .biz-icon {
  background: #F0F0F0 !important;
  color: #171717 !important;
}
html[data-theme="light"] body.saf-biz [style*="color:#fff"] {
  color: #111827 !important;
}

html[data-theme="light"] body.saf-biz .saf-cover-stage [style*="color:#fff"],
html[data-theme="light"] body.saf-biz .saf-hub-cover [style*="color:#fff"] {
  color: #fff !important;
}
html[data-theme="light"] body.saf-biz input[type="checkbox"],
html[data-theme="light"] body.saf-biz input[type="range"] {
  accent-color: #171717 !important;
}
html[data-theme="light"] body.saf-biz .chat-send-btn,
html[data-theme="light"] body.saf-biz .chat-new-conv-btn {
  background: #171717 !important;
  color: #FFFFFF !important;
  border-color: #171717 !important;
}

html[data-theme="light"] body.ds-body {
  background: #F7F8FA !important;
  color: #111827 !important;
}
html[data-theme="light"] body.vt-body {
  background: #F7F8FA !important;
  color: #111827 !important;
}