/* ============================================================
   WONDA THEME — single source of truth for dark mode
   Load AFTER app-v2.css, site.css, auth.css, auth-v2.css.

   Selector strategy: html[data-theme="dark"] only.
   The inline bootstrap in partials/head.php ALWAYS sets
   data-theme to either "dark" or "light" before first paint,
   so no media query is needed — the OS preference is translated
   to an attribute by JS.

   Delete the dark blocks listed in the checklist at the bottom
   of this file from the base CSS files. Otherwise those rules
   and these will fight.
   ============================================================ */

/* ============================================================
   1. TOKENS
   ============================================================ */
html[data-theme="dark"] {
    color-scheme: dark;

    --surface:            #0f172a;
    --surface-2:          #0b1220;
    --border:             rgba(255, 255, 255, .08);
    --text:               #e2e8f0;
    --muted:              #94a3b8;
    --primary:            #f1f5f9;

    --wonda-navy-1:       #f1f5f9;
    --wonda-navy-2:       #e2e8f0;
    --wonda-navy-3:       #cbd5e1;
    --wonda-canvas-top:   #0b1220;
    --wonda-canvas-bottom:#0f172a;
    --wonda-card-border:  rgba(255, 255, 255, .06);
    --wonda-card-border-2:rgba(255, 255, 255, .12);
    --wonda-tint-accent:  rgba(255, 0, 126, .08);
    --wonda-tint-navy:    rgba(255, 255, 255, .03);
    --wonda-shadow-rest:
        0 1px 2px rgba(0, 0, 0, .35),
        0 8px 24px -14px rgba(0, 0, 0, .55);
    --wonda-shadow-hover:
        0 1px 2px rgba(0, 0, 0, .45),
        0 14px 32px -16px rgba(0, 0, 0, .65);
}

/* ============================================================
   2. CONSOLE CANVAS + SHELL
   ============================================================ */
html[data-theme="dark"] body.wonda-body,
html[data-theme="dark"] body {
    background:
        radial-gradient(900px 480px at 100% 0%, rgba(255, 0, 126, .06), transparent 60%),
        radial-gradient(700px 420px at 0% 0%,   rgba(108, 68, 244, .05), transparent 55%),
        linear-gradient(180deg, #0b1220 0%, #0f172a 55%, #0b1220 100%);
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #e2e8f0;
}

/* ---- sidebar ---- */
html[data-theme="dark"] .wonda-sidebar {
    background: linear-gradient(180deg, #070c17 0%, #0a101f 100%);
    border-right: 1px solid rgba(255, 255, 255, .04);
}
html[data-theme="dark"] .wonda-sidebar__brand        { border-bottom-color: rgba(255, 255, 255, .06); }
html[data-theme="dark"] .wonda-sidebar__section      { color: rgba(255, 255, 255, .32); }
html[data-theme="dark"] .wonda-sidebar__link         { color: #cbd5e1; }
html[data-theme="dark"] .wonda-sidebar__link:hover   { background: rgba(255, 255, 255, .05); color: #ffffff; }
html[data-theme="dark"] .wonda-sidebar__link.active  { background: rgba(255, 255, 255, .09); color: #ffffff; }
html[data-theme="dark"] .wonda-sidebar__foot         { border-top-color: rgba(255, 255, 255, .06); color: #94a3b8; }
html[data-theme="dark"] .wonda-sidebar__foot strong  { color: #e2e8f0; }
html[data-theme="dark"] .wonda-sidebar__foot a       { color: #cbd5e1; }
html[data-theme="dark"] .wonda-sidebar__foot a:hover { color: #ffffff; }
html[data-theme="dark"] .wonda-sidebar-backdrop      { background: rgba(0, 0, 0, .75); }

/* ---- topbar ---- */
html[data-theme="dark"] .wonda-topbar {
    background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-topbar__title { color: #f1f5f9; }
html[data-theme="dark"] .wonda-topbar__meta  { color: #94a3b8; }
html[data-theme="dark"] .wonda-topbar__meta code {
    background: #1e293b;
    border-color: rgba(255, 255, 255, .08);
    color: #cbd5e1;
}

/* ============================================================
   3. CARDS, STATS, TABLES
   ============================================================ */
html[data-theme="dark"] .wonda-card {
    background: linear-gradient(180deg, #0f172a 0%, #101a2e 100%);
    border-color: rgba(255, 255, 255, .06);
    color: #e2e8f0;
}
html[data-theme="dark"] .wonda-card:hover { border-color: rgba(255, 255, 255, .12); }
html[data-theme="dark"] .wonda-card > h1,
html[data-theme="dark"] .wonda-card > h2,
html[data-theme="dark"] .wonda-card > h3 { color: #f1f5f9; }
html[data-theme="dark"] .wonda-card p     { color: #cbd5e1; }
html[data-theme="dark"] .wonda-card hr    { border-color: rgba(255, 255, 255, .08); }

html[data-theme="dark"] .wonda-card code,
html[data-theme="dark"] .wonda-card pre {
    background: #1e293b;
    border-color: rgba(255, 255, 255, .08);
    color: #cbd5e1;
}
html[data-theme="dark"] .wonda-card pre { background: #070c17; }

html[data-theme="dark"] .wonda-stat {
    background: linear-gradient(180deg, #0f172a 0%, #131e36 100%);
    border-color: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-stat:hover { border-color: rgba(255, 255, 255, .12); }
html[data-theme="dark"] .wonda-stat__label { color: #94a3b8; }
html[data-theme="dark"] .wonda-stat__value { color: #f1f5f9; }
html[data-theme="dark"] .wonda-stat__trend { color: #94a3b8; }

html[data-theme="dark"] .wonda-card table thead th {
    background: linear-gradient(180deg, #1e293b 0%, #182236 100%);
    color: #cbd5e1;
    border-bottom-color: rgba(255, 255, 255, .10) !important;
}
html[data-theme="dark"] .wonda-card table tbody td {
    color: #e2e8f0;
    border-bottom-color: rgba(255, 255, 255, .05);
}
html[data-theme="dark"] .wonda-card table tbody tr:hover {
    background: rgba(255, 0, 126, .06);
}

/* ============================================================
   4. FORMS + BUTTONS + TOGGLES
   ============================================================ */
html[data-theme="dark"] .wonda-field label { color: #e2e8f0; }
html[data-theme="dark"] .wonda-field input,
html[data-theme="dark"] .wonda-field select,
html[data-theme="dark"] .wonda-field textarea {
    background: #0b1220;
    border-color: rgba(255, 255, 255, .10);
    color: #e2e8f0;
}
html[data-theme="dark"] .wonda-field input::placeholder,
html[data-theme="dark"] .wonda-field textarea::placeholder { color: #64748b; }
html[data-theme="dark"] .wonda-field input:hover,
html[data-theme="dark"] .wonda-field select:hover,
html[data-theme="dark"] .wonda-field textarea:hover {
    border-color: rgba(255, 255, 255, .20);
}
html[data-theme="dark"] .wonda-field input:focus,
html[data-theme="dark"] .wonda-field select:focus,
html[data-theme="dark"] .wonda-field textarea:focus {
    background: #0b1220;
    border-color: var(--accent);
    box-shadow: 0 0 0 4px rgba(255, 0, 126, .15);
}
html[data-theme="dark"] .wonda-field small { color: #94a3b8; }

html[data-theme="dark"] .wonda-btn--secondary {
    background: #1e293b;
    color: #e2e8f0;
    border: 1px solid rgba(255, 255, 255, .10);
    box-shadow: none;
}
html[data-theme="dark"] .wonda-btn--secondary:hover {
    background: #263349;
    border-color: rgba(255, 255, 255, .22);
    color: #ffffff;
}
html[data-theme="dark"] .wonda-btn:focus-visible {
    outline: 2px solid var(--accent);
    outline-offset: 2px;
}

html[data-theme="dark"] .wonda-toggle {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .08);
}
html[data-theme="dark"] .wonda-toggle:hover {
    background: #131e36;
    border-color: rgba(255, 255, 255, .16);
}
html[data-theme="dark"] .wonda-toggle__label strong { color: #e2e8f0; }
html[data-theme="dark"] .wonda-toggle__label small  { color: #94a3b8; }

html[data-theme="dark"] .wonda-feature-check {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .08);
    color: #e2e8f0;
}
html[data-theme="dark"] .wonda-feature-check:hover {
    background: #131e36;
    border-color: rgba(255, 255, 255, .16);
}

/* ============================================================
   5. NOTICES, EMPTY STATES, PILLS
   ============================================================ */
html[data-theme="dark"] .wonda-notice--info  { background: rgba(59, 130, 246, .15);  color: #93c5fd; border-color: rgba(59, 130, 246, .35); }
html[data-theme="dark"] .wonda-notice--warn  { background: rgba(180, 83, 9, .18);    color: #fbbf24; border-color: rgba(180, 83, 9, .45); }
html[data-theme="dark"] .wonda-notice--error { background: rgba(185, 28, 28, .18);   color: #fca5a5; border-color: rgba(185, 28, 28, .45); }
html[data-theme="dark"] .wonda-notice--ok    { background: rgba(21, 128, 61, .18);   color: #86efac; border-color: rgba(21, 128, 61, .45); }

html[data-theme="dark"] .wonda-empty {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .10);
    color: #94a3b8;
}
html[data-theme="dark"] .wonda-empty h3 { color: #f1f5f9; }
html[data-theme="dark"] .wonda-empty p  { color: #94a3b8; }

html[data-theme="dark"] .wonda-pill--ok   { background: rgba(21, 128, 61, .18);  color: #86efac; border-color: rgba(21, 128, 61, .45); }
html[data-theme="dark"] .wonda-pill--bad  { background: rgba(185, 28, 28, .18);  color: #fca5a5; border-color: rgba(185, 28, 28, .45); }
html[data-theme="dark"] .wonda-pill--warn { background: rgba(180, 83, 9, .18);   color: #fbbf24; border-color: rgba(180, 83, 9, .45); }
html[data-theme="dark"] .wonda-pill--info { background: rgba(59, 130, 246, .18); color: #93c5fd; border-color: rgba(59, 130, 246, .45); }

/* ============================================================
   6. BELL / NOTIFICATIONS
   ============================================================ */
html[data-theme="dark"] .wonda-bell__btn {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .10);
    color: #e2e8f0;
}
html[data-theme="dark"] .wonda-bell__btn:hover {
    background: #1e293b;
    border-color: rgba(255, 255, 255, .22);
}
html[data-theme="dark"] .wonda-bell__badge  { box-shadow: 0 0 0 2px #0f172a; }
html[data-theme="dark"] .wonda-bell__panel {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .10);
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, .7);
}
html[data-theme="dark"] .wonda-bell__head          { border-bottom-color: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .wonda-bell__head strong   { color: #f1f5f9; }
html[data-theme="dark"] .wonda-bell__head small    { color: #94a3b8; }
html[data-theme="dark"] .wonda-bell__item          { border-bottom-color: rgba(255, 255, 255, .06); }
html[data-theme="dark"] .wonda-bell__item--unread  { background: rgba(255, 0, 126, .06); }
html[data-theme="dark"] .wonda-bell__item-inner:hover { background: rgba(255, 0, 126, .08); }
html[data-theme="dark"] .wonda-bell__item-title    { color: #f1f5f9; }
html[data-theme="dark"] .wonda-bell__item-detail   { color: #94a3b8; }
html[data-theme="dark"] .wonda-bell__item-time     { color: #64748b; }
html[data-theme="dark"] .wonda-bell__foot {
    background: #0b1220;
    border-top-color: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-bell__empty { color: #94a3b8; }

/* ============================================================
   7. ACTIVITY FEED + SUMMARY + TIMELINE
   ============================================================ */
html[data-theme="dark"] .wonda-activity__body > strong { color: #f1f5f9; }
html[data-theme="dark"] .wonda-activity__body small    { color: #94a3b8; }
html[data-theme="dark"] .wonda-activity__body small code {
    background: #1e293b;
    border-color: rgba(255, 255, 255, .06);
    color: #cbd5e1;
}
html[data-theme="dark"] .wonda-activity__time      { color: #64748b; }
html[data-theme="dark"] .wonda-activity__item:hover { background: rgba(255, 0, 126, .04); }
html[data-theme="dark"] .wonda-activity__dot {
    background: #0b1220 !important;
    box-shadow: 0 0 0 4px #0b1220, 0 0 0 5px rgba(255, 0, 126, .20);
}
html[data-theme="dark"] .wonda-timeline::before {
    background: linear-gradient(180deg,
        rgba(255, 0, 126, .30) 0%,
        rgba(255, 255, 255, .08) 50%,
        rgba(255, 255, 255, .04) 100%);
}
html[data-theme="dark"] .wonda-activity-summary {
    background: linear-gradient(180deg, #0f172a 0%, #101a2e 100%);
    border-color: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-activity-summary__item {
    background: #0b1220;
    border-color: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-activity-summary__item:hover {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .12);
}
html[data-theme="dark"] .wonda-activity-summary__value { color: #f1f5f9; }
html[data-theme="dark"] .wonda-activity-summary__label { color: #94a3b8; }

/* ============================================================
   8. CONVERSATION HERO + TRANSCRIPT (chat-logs)
   ============================================================ */
html[data-theme="dark"] .wonda-convo-hero {
    background: linear-gradient(135deg, rgba(255, 0, 126, .06) 0%, rgba(108, 68, 244, .05) 100%);
    border-color: rgba(255, 255, 255, .08);
}
html[data-theme="dark"] .wonda-convo-hero__label      { color: #94a3b8; }
html[data-theme="dark"] .wonda-convo-hero__id         { color: #f1f5f9; }
html[data-theme="dark"] .wonda-convo-hero__stat-value { color: #f1f5f9; }
html[data-theme="dark"] .wonda-convo-hero__stat-value small { color: #94a3b8; }
html[data-theme="dark"] .wonda-convo-hero__stat-label { color: #94a3b8; }
html[data-theme="dark"] .wonda-convo-hero__stats {
    background: rgba(15, 23, 42, .55);
    border-color: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-convo-hero__stat + .wonda-convo-hero__stat::before {
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(255, 255, 255, .14) 50%,
        transparent 100%);
}
html[data-theme="dark"] .wonda-transcript::before {
    background: linear-gradient(180deg,
        transparent 0%,
        rgba(255, 255, 255, .08) 15%,
        rgba(255, 255, 255, .08) 85%,
        transparent 100%);
}
html[data-theme="dark"] .wonda-transcript__row--bot .wonda-transcript__bubble {
    background: linear-gradient(180deg, #1e293b 0%, #182236 100%);
    border-color: rgba(255, 255, 255, .06);
    color: #e2e8f0;
}
html[data-theme="dark"] .wonda-transcript__row--bot .wonda-transcript__meta { color: #64748b; }
html[data-theme="dark"] .wonda-transcript__row--bot .wonda-transcript__lat {
    background: rgba(255, 255, 255, .06);
    color: #cbd5e1;
}
html[data-theme="dark"] .wonda-transcript__row--bot .wonda-transcript__model {
    background: rgba(255, 255, 255, .06) !important;
    color: #94a3b8 !important;
}

/* ============================================================
   9. IMPERSONATION + DEMO BANNERS
   ============================================================ */
html[data-theme="dark"] .wonda-impersonate-banner {
    background: linear-gradient(90deg, #4c2a03 0%, #78350f 60%, #92400e 100%);
    color: #fef3c7;
    border-bottom-color: rgba(251, 191, 36, .35);
}
html[data-theme="dark"] .wonda-impersonate-banner__text strong,
html[data-theme="dark"] .wonda-impersonate-banner__text em { color: #fde68a; }
html[data-theme="dark"] .wonda-demo-banner {
    background: linear-gradient(90deg, #0e2b5c 0%, #1e3a8a 100%) !important;
    border-bottom-color: rgba(96, 165, 250, .35) !important;
    color: #dbeafe !important;
}
html[data-theme="dark"] .wonda-demo-banner__text strong { color: #dbeafe !important; }
html[data-theme="dark"] .wonda-demo-banner__exit {
    background: #60a5fa !important;
    color: #0b1220 !important;
}

/* ============================================================
   10. LOCK HINTS, PLAN TABLE, COLOUR PICKER, UPLOAD
   ============================================================ */
html[data-theme="dark"] .wonda-lock-hint {
    background: rgba(180, 83, 9, .15);
    border-color: rgba(180, 83, 9, .35);
    color: #fbbf24;
}
html[data-theme="dark"] .wonda-lock-hint__msg  { color: #fbbf24; }
html[data-theme="dark"] .wonda-lock-hint__link { color: #fbbf24; }
html[data-theme="dark"] .wonda-field--locked input,
html[data-theme="dark"] .wonda-field--locked select,
html[data-theme="dark"] .wonda-field--locked textarea {
    background: #0b1220;
    opacity: .7;
}
html[data-theme="dark"] .wonda-lock-badge {
    background: rgba(180, 83, 9, .20);
    border-color: rgba(180, 83, 9, .45);
    color: #fbbf24;
}

html[data-theme="dark"] .wonda-plan-table thead th {
    background: #1e293b;
    color: #cbd5e1;
}
html[data-theme="dark"] .wonda-plan-table thead th:first-child { background: transparent; }
html[data-theme="dark"] .wonda-plan-table th,
html[data-theme="dark"] .wonda-plan-table td { border-bottom-color: rgba(255, 255, 255, .06); }
html[data-theme="dark"] .wonda-plan-col { border-left-color: rgba(255, 255, 255, .08); }
html[data-theme="dark"] .wonda-plan-col--current { background: rgba(255, 0, 126, .10) !important; }
html[data-theme="dark"] .wonda-plan-name  { color: #f1f5f9; }
html[data-theme="dark"] .wonda-plan-price { color: #94a3b8; }
html[data-theme="dark"] .wonda-plan-row-header td { background: #1e293b; color: #94a3b8; }
html[data-theme="dark"] .wonda-plan-label { color: #e2e8f0; }
html[data-theme="dark"] .wonda-plan-cell  { color: #e2e8f0; }
html[data-theme="dark"] .wonda-plan-cell--current { background: rgba(255, 0, 126, .06); }
html[data-theme="dark"] .wonda-plan-dash  { color: #475569; }

html[data-theme="dark"] .wonda-color-picker input[type="color"] {
    background: #0b1220;
    border-color: rgba(255, 255, 255, .12);
}
html[data-theme="dark"] .wonda-color-picker input[type="text"] {
    background: #0b1220;
    border-color: rgba(255, 255, 255, .10);
    color: #e2e8f0;
}

html[data-theme="dark"] .wonda-upload {
    background: #0b1220;
    border-color: rgba(255, 255, 255, .10);
}
html[data-theme="dark"] .wonda-upload__preview {
    background: #0f172a;
    border-color: rgba(255, 255, 255, .08);
}
html[data-theme="dark"] .wonda-upload__placeholder { color: #64748b; }
html[data-theme="dark"] .wonda-upload__status      { color: #94a3b8; }

/* ============================================================
   11. KB EDITOR + TILES + FLAGS + REPORT
   ============================================================ */
html[data-theme="dark"] .wonda-kb-editor-wrap {
    background: #0b1220 !important;
    border-color: rgba(255, 255, 255, .10) !important;
}
html[data-theme="dark"] .wonda-kb-editor-wrap:focus-within {
    border-color: var(--accent) !important;
}
html[data-theme="dark"] .wonda-kb-editor-gutter {
    background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%) !important;
    border-right-color: rgba(255, 255, 255, .06) !important;
    color: #64748b !important;
}
html[data-theme="dark"] .wonda-kb-editor-gutter__line { color: #64748b !important; }
html[data-theme="dark"] .wonda-kb-editor-gutter__line--flagged {
    color: #fbbf24 !important;
    background: linear-gradient(90deg, rgba(245, 158, 11, .20) 0%, rgba(245, 158, 11, .05) 100%) !important;
    border-left-color: #f59e0b !important;
}
html[data-theme="dark"] .wonda-kb-editor-wrap textarea {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
    caret-color: #FF007E !important;
}
html[data-theme="dark"] .wonda-kb-editor-wrap textarea::placeholder { color: #475569; }
html[data-theme="dark"] .wonda-kb-editor-highlight {
    background: linear-gradient(90deg,
        rgba(245, 158, 11, .22) 0%,
        rgba(245, 158, 11, .10) 60%,
        rgba(245, 158, 11, .02) 100%) !important;
}

html[data-theme="dark"] .wonda-kb-tiles {
    background: #0f172a !important;
}
html[data-theme="dark"] .wonda-kb-tiles__head { border-bottom-color: rgba(255, 255, 255, .06); }
html[data-theme="dark"] .wonda-kb-tiles__note {
    background: color-mix(in srgb, var(--kb-tint-accent) 10%, #0f172a) !important;
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .wonda-kb-tiles__note strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-kb-tiles__advice { background: #0f172a !important; }
html[data-theme="dark"] .wonda-kb-tiles__advice-list { color: #cbd5e1; }
html[data-theme="dark"] .wonda-kb-tiles__advice-list strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-kb-tiles__advice-target {
    background: color-mix(in srgb, var(--kb-tint-accent) 15%, #0b1220) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-kb-tiles__meter-labels { color: #94a3b8; }

html[data-theme="dark"] .wonda-kb-flags {
    background: linear-gradient(180deg, #0f172a 0%, #0b1220 100%) !important;
    border-color: rgba(245, 158, 11, .30) !important;
}
html[data-theme="dark"] .wonda-kb-flags__title { color: #fbbf24 !important; }
html[data-theme="dark"] .wonda-kb-flags__sub   { color: #fcd34d !important; }
html[data-theme="dark"] .wonda-kb-flags__item {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] .wonda-kb-flags__quote {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
    border-left-color: #f59e0b;
}
html[data-theme="dark"] .wonda-kb-flags__reason { color: #fbbf24 !important; }
html[data-theme="dark"] .wonda-kb-flags__line {
    background: rgba(245, 158, 11, .15) !important;
    color: #fbbf24 !important;
}

html[data-theme="dark"] .wonda-kb-report {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-kb-report__item {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] .wonda-kb-report__quote {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-kb-report__line {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .wonda-kb-report__foot {
    background: #0b1220 !important;
    border-top-color: rgba(255, 255, 255, .06) !important;
    color: #cbd5e1 !important;
}
html[data-theme="dark"] .wonda-kb-report__foot strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-kb-report__meta-foot {
    background: #0f172a !important;
    color: #64748b !important;
}
html[data-theme="dark"] .wonda-act-text { color: #94a3b8; }

/* ============================================================
   12. MISC CONSOLE
   ============================================================ */
html[data-theme="dark"] .wonda-form-section > h3 { color: #94a3b8; }
html[data-theme="dark"] .wonda-page-lead { color: #94a3b8; }
html[data-theme="dark"] .wonda-page-lead code {
    background: #1e293b;
    border-color: rgba(255, 255, 255, .08);
    color: #cbd5e1;
}
html[data-theme="dark"] .wonda-content::-webkit-scrollbar-thumb,
html[data-theme="dark"] textarea.large-text::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, .25);
}
html[data-theme="dark"] .wonda-content::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] textarea.large-text::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, .45);
}
html[data-theme="dark"] .wonda-landing__card {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-landing__card h1 { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-landing__lead    { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-landing__meta dt { color: #64748b !important; }
html[data-theme="dark"] .wonda-landing__meta dd { color: #e2e8f0 !important; }

/* ============================================================
   13. MARKETING SITE (site.css)
   ============================================================ */
html[data-theme="dark"] body.wonda-site {
    background: #0b1220 !important;
    color: #e2e8f0 !important;
}

/* header */
html[data-theme="dark"] .wonda-site-header {
    background: #0f172a !important;
    border-bottom-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-site-header.is-scrolled {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5) !important;
}
html[data-theme="dark"] .wonda-site-header__brand,
html[data-theme="dark"] .wonda-site-header__brand span,
html[data-theme="dark"] .wonda-site-header__brand small { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-site-header__nav a { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-site-header__nav a:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
}
html[data-theme="dark"] .wonda-site-header__nav a.is-active { color: var(--site-pink) !important; }
html[data-theme="dark"] .wonda-site-header__btn--ghost { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-site-header__btn--ghost:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: #fff !important;
}
html[data-theme="dark"] .wonda-site-header__menu {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #e2e8f0 !important;
}
@media (max-width: 860px) {
    html[data-theme="dark"] .wonda-site-header__nav {
        background: #0f172a !important;
        border-bottom-color: rgba(255, 255, 255, .08) !important;
        box-shadow: 0 8px 24px -12px rgba(0, 0, 0, .55) !important;
    }
}

/* section primitives */
html[data-theme="dark"] .wonda-site-section        { color: #e2e8f0; }
html[data-theme="dark"] .wonda-site-section--soft  { background: #0f172a !important; }
html[data-theme="dark"] .wonda-site-section--navy  { background: #0b1220 !important; }
html[data-theme="dark"] .wonda-site-h2             { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-site-lead           { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-site-eyebrow        { color: var(--site-pink) !important; }

/* page hero */
html[data-theme="dark"] .wonda-page-hero {
    background: #0b1220 !important;
    border-bottom-color: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] .wonda-page-hero__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-page-hero__lead  { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-page-hero__lead a { color: var(--site-pink) !important; }

/* home hero */
html[data-theme="dark"] .wonda-home__grid { background: #0b1220 !important; }
html[data-theme="dark"] .wonda-home__hero {
    background-color: #0b1220 !important;
    background-image: radial-gradient(
        1100px 900px at 0% 0%,
        rgba(255, 0, 126, .15) 0%,
        rgba(255, 0, 126, .06) 30%,
        rgba(255, 0, 126, 0)    72%
    ) !important;
}
html[data-theme="dark"] .wonda-home__hero::after {
    background: linear-gradient(
        90deg,
        rgba(11, 18, 32, 0)    0%,
        rgba(11, 18, 32, .30) 35%,
        rgba(11, 18, 32, .72) 68%,
        rgba(11, 18, 32, .94) 88%,
        #0b1220              100%
    ) !important;
}
html[data-theme="dark"] .wonda-home__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-home__lead  { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-home__badge {
    background: rgba(255, 0, 126, .14) !important;
    color: #ff5cb0 !important;
}
html[data-theme="dark"] .wonda-home__cta--ghost {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .wonda-home__cta--ghost:hover {
    background: #334155 !important;
    border-color: rgba(255, 255, 255, .22) !important;
}
html[data-theme="dark"] .wonda-home__trust { color: #64748b !important; }

/* showcase (right column of home) */
html[data-theme="dark"] .wonda-authv2__showcase { background: #0b1220 !important; }
html[data-theme="dark"] .wonda-showcase__window {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-showcase__messages { background: #0f172a !important; }
html[data-theme="dark"] .wonda-showcase__msg--bot .wonda-showcase__bubble {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .06) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-showcase__msg-avatar--user {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .wonda-showcase__composer {
    background: #0f172a !important;
    border-top-color: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] .wonda-showcase__input {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-showcase__footer {
    background: #0f172a !important;
    border-top-color: rgba(255, 255, 255, .06) !important;
    color: #64748b !important;
}
html[data-theme="dark"] .wonda-showcase__caption { color: #64748b !important; }

/* stats rail */
html[data-theme="dark"] .wonda-stats-rail { background: #0f172a !important; }
html[data-theme="dark"] .wonda-stats-rail::before {
    background: linear-gradient(90deg, #0f172a 0%, rgba(15, 23, 42, 0) 100%) !important;
}
html[data-theme="dark"] .wonda-stats-rail::after {
    background: linear-gradient(-90deg, #0f172a 0%, rgba(15, 23, 42, 0) 100%) !important;
}
html[data-theme="dark"] .wonda-stat-block {
    background: linear-gradient(180deg, #1e293b 0%, #131c2e 100%) !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-stat-block__value { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-stat-block__label { color: #94a3b8 !important; }

/* feature cards */
html[data-theme="dark"] .wonda-feature-card {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-feature-card:hover {
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 12px 28px -18px rgba(0, 0, 0, .6) !important;
}
html[data-theme="dark"] .wonda-feature-card__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-feature-card__text  { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-feature-card__icon {
    background: rgba(255, 0, 126, .14) !important;
    color: #ff5cb0 !important;
}

/* price cards */
html[data-theme="dark"] .wonda-price-card {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-price-card:hover {
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 14px 32px -20px rgba(0, 0, 0, .6) !important;
}
html[data-theme="dark"] .wonda-price-card--featured { border-color: rgba(255, 0, 126, .55) !important; }
html[data-theme="dark"] .wonda-price-card--featured:hover { border-color: #FF007E !important; }
html[data-theme="dark"] .wonda-price-card__name,
html[data-theme="dark"] .wonda-price-card__price { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-price-card__price small { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-price-card__desc { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-price-card__features { border-top-color: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .wonda-price-card__features li { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-price-card__features li::before {
    box-shadow: inset 0 0 0 3px #0f172a !important;
}
html[data-theme="dark"] .wonda-price-card__cta--ghost {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: rgba(255, 255, 255, .12) !important;
}
html[data-theme="dark"] .wonda-price-card__cta--ghost:hover {
    background: #334155 !important;
    border-color: rgba(255, 255, 255, .22) !important;
}
html[data-theme="dark"] .wonda-price-foot { color: #94a3b8 !important; }

/* steps */
html[data-theme="dark"] .wonda-step {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-step:hover {
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 38px -22px rgba(0, 0, 0, .6) !important;
}
html[data-theme="dark"] .wonda-step__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-step__text  { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-step__text code {
    background: rgba(255, 0, 126, .15) !important;
    color: #ff5cb0 !important;
}
html[data-theme="dark"] .wonda-step::before {
    box-shadow:
        0 1px 2px rgba(255, 0, 126, .28),
        0 12px 24px -10px rgba(255, 0, 126, .65) !important;
}
html[data-theme="dark"] .wonda-step:not(:last-child)::after {
    background: linear-gradient(90deg,
        rgba(255, 0, 126, .40) 0%,
        rgba(255, 0, 126, .15) 60%,
        rgba(255, 0, 126, .04) 100%) !important;
}

/* testimonials */
html[data-theme="dark"] .wonda-testimonial {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-testimonial:hover {
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 38px -22px rgba(0, 0, 0, .6) !important;
}
html[data-theme="dark"] .wonda-testimonial__quote { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-testimonial__who strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-testimonial__who small  { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-testimonial::before { color: rgba(255, 0, 126, .18) !important; }

/* faq */
html[data-theme="dark"] .wonda-faq__item,
html[data-theme="dark"] .wonda-faq__item:first-child { border-color: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .wonda-faq__q { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-faq__q:hover { color: var(--site-pink) !important; }
html[data-theme="dark"] .wonda-faq__a { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-faq__chev { color: #64748b !important; }
html[data-theme="dark"] .wonda-faq__item[open] .wonda-faq__chev { color: var(--site-pink) !important; }

/* section head */
html[data-theme="dark"] .wonda-section-head .wonda-site-h2   { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-section-head .wonda-site-lead { color: #94a3b8 !important; }

/* alt feature rows */
html[data-theme="dark"] .wonda-alt__num   { color: var(--site-pink) !important; }
html[data-theme="dark"] .wonda-alt__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-alt__text  { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-alt__bullets li { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-alt__bullets li::before {
    box-shadow: inset 0 0 0 3px #0b1220, 0 1px 2px rgba(255, 0, 126, .35) !important;
}

/* tick lists */
html[data-theme="dark"] .wonda-tick-list li        { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-tick-list li strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-tick-list li::before {
    box-shadow: inset 0 0 0 4px #0b1220, 0 1px 2px rgba(255, 0, 126, .35) !important;
}

/* mock panels */
html[data-theme="dark"] .wonda-mock-panel {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7) !important;
}
html[data-theme="dark"] .wonda-mock-panel__head { border-bottom-color: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .wonda-mock-panel__head strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-mock-panel__head span   { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-mock-panel__code {
    background: transparent !important;
    border: 0 !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-mock-list__row {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .06) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-mock-list__row b { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-mock-list__row i { color: #86efac !important; }

/* product mock */
html[data-theme="dark"] .wonda-product-mock {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7) !important;
}
html[data-theme="dark"] .wonda-product-mock__row {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] .wonda-product-mock__row:hover { background: #253046 !important; }
html[data-theme="dark"] .wonda-product-mock__thumb {
    background: linear-gradient(135deg, #334155 0%, #1e293b 100%) !important;
}
html[data-theme="dark"] .wonda-product-mock__body strong { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-product-mock__body span   { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-product-mock__body b      { color: var(--site-pink) !important; }

/* docs page */
html[data-theme="dark"] .wonda-docs__side-inner { border-left-color: rgba(255, 255, 255, .08) !important; }
html[data-theme="dark"] .wonda-docs__side-head  { color: #64748b !important; }
html[data-theme="dark"] .wonda-docs__side-nav a { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-docs__side-nav a:hover { color: var(--site-pink) !important; }
html[data-theme="dark"] .wonda-docs__section h2 { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-docs__section h3 { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-docs__section p,
html[data-theme="dark"] .wonda-docs__section li { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-docs__section code { background: #1e293b !important; color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-docs__code { background: #0b1220 !important; color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-docs__note { background: rgba(59, 130, 246, .14) !important; color: #93c5fd !important; }
html[data-theme="dark"] .wonda-docs__table td {
    border-bottom-color: rgba(255, 255, 255, .08) !important;
    color: #cbd5e1 !important;
}

/* legal pages */
html[data-theme="dark"] .wonda-legal h2 { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-legal p,
html[data-theme="dark"] .wonda-legal li { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-legal code { background: #1e293b !important; color: #e2e8f0 !important; }

/* contact */
html[data-theme="dark"] .wonda-contact__form {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-form-field label { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-form-field input,
html[data-theme="dark"] .wonda-form-field textarea {
    background: #0b1220 !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-form-field input:focus,
html[data-theme="dark"] .wonda-form-field textarea:focus {
    background: #0b1220 !important;
    border-color: var(--site-pink) !important;
}
html[data-theme="dark"] .wonda-contact__card {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-contact__card strong { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-contact__card a,
html[data-theme="dark"] .wonda-contact__card span { color: #e2e8f0 !important; }

/* plan table on marketing site */
html[data-theme="dark"] .wonda-plan-table-wrap {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-plan-table thead th:first-child {
    background: #1e293b !important;
    color: #94a3b8 !important;
}

/* cta band + footer */
html[data-theme="dark"] .wonda-cta-band__h { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-cta-band__p { color: #cbd5e1 !important; }
html[data-theme="dark"] .wonda-site-footer { background: #070c17 !important; }
html[data-theme="dark"] .wonda-site-footer__col a,
html[data-theme="dark"] .wonda-site-footer__base,
html[data-theme="dark"] .wonda-site-footer__base a { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-site-footer__col a:hover,
html[data-theme="dark"] .wonda-site-footer__base a:hover { color: #ffffff !important; }
html[data-theme="dark"] .wonda-site-footer__col--brand p { color: #64748b !important; }

/* home trust bar */
html[data-theme="dark"] .wonda-home-trust {
    background: #0f172a !important;
    border-bottom-color: rgba(255, 255, 255, .06) !important;
}
html[data-theme="dark"] .wonda-home-trust__label { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-home-trust__num   { color: #f1f5f9 !important; }

/* ============================================================
   14. AUTH — card layout (auth.css)
   ============================================================ */
html[data-theme="dark"] body.wonda-body--auth {
    background: radial-gradient(
        900px 480px at 50% 0%,
        rgba(255, 0, 126, .10),
        transparent 60%
    ), linear-gradient(135deg, #0b1220 0%, #0f172a 100%) !important;
}
html[data-theme="dark"] .wonda-auth__card {
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, .08) !important;
}
html[data-theme="dark"] .wonda-auth__brand,
html[data-theme="dark"] .wonda-auth__brand:hover { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-auth__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-auth__body  { color: #cbd5e1; }
html[data-theme="dark"] .wonda-auth__body label { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-auth__body input[type="email"],
html[data-theme="dark"] .wonda-auth__body input[type="password"],
html[data-theme="dark"] .wonda-auth__body input[type="text"] {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-auth__body input:focus {
    border-color: #FF007E !important;
    box-shadow: 0 0 0 3px rgba(255, 0, 126, .18) !important;
}
html[data-theme="dark"] .wonda-auth__body .wonda-auth__row { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-auth__body .wonda-auth__row label { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-auth__foot {
    border-top-color: rgba(255, 255, 255, .08) !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .wonda-auth__foot a { color: #FF4DA6 !important; }
html[data-theme="dark"] .wonda-auth__credit,
html[data-theme="dark"] .wonda-auth__credit a { color: #64748b !important; }

/* ============================================================
   15. AUTH v2 — split-screen (auth-v2.css)
   ============================================================ */
html[data-theme="dark"] body.wonda-body--authv2,
html[data-theme="dark"] body.wonda-body--authv2.wonda-body--auth {
    background: #0b1220 !important;
}
html[data-theme="dark"] .wonda-authv2__form { background: #0b1220 !important; }
html[data-theme="dark"] .wonda-authv2__brand,
html[data-theme="dark"] .wonda-authv2__brand-text { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-authv2__brand-version { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-authv2__title { color: #f1f5f9 !important; }
html[data-theme="dark"] .wonda-authv2__lead  { color: #94a3b8 !important; }

html[data-theme="dark"] .wonda-authv2__body .wonda-field label { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-authv2__body .wonda-field input {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, .12) !important;
    color: #e2e8f0 !important;
}
html[data-theme="dark"] .wonda-authv2__body .wonda-field input:hover {
    border-color: rgba(255, 255, 255, .22) !important;
}
html[data-theme="dark"] .wonda-authv2__body .wonda-field input:focus {
    background: #1e293b !important;
    border-color: #FF007E !important;
    box-shadow: 0 0 0 4px rgba(255, 0, 126, .18) !important;
}
html[data-theme="dark"] .wonda-authv2__body .wonda-field small { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-authv2__body .wonda-auth__row { color: #94a3b8 !important; }
html[data-theme="dark"] .wonda-authv2__body .wonda-auth__row label { color: #e2e8f0 !important; }
html[data-theme="dark"] .wonda-authv2__body .wonda-auth__row a { color: #FF4DA6 !important; }
html[data-theme="dark"] .wonda-authv2__foot {
    border-top-color: rgba(255, 255, 255, .08) !important;
    color: #94a3b8 !important;
}
html[data-theme="dark"] .wonda-authv2__foot a { color: #FF4DA6 !important; }
html[data-theme="dark"] .wonda-authv2__credit { color: #64748b !important; }
html[data-theme="dark"] .wonda-authv2__credit a { color: #64748b !important; }

/* notices inside auth */
html[data-theme="dark"] .wonda-authv2__body .wonda-notice--ok,
html[data-theme="dark"] .wonda-auth__body .wonda-notice--ok {
    background: rgba(21, 128, 61, .15) !important;
    color: #86efac !important;
    border-color: rgba(21, 128, 61, .35) !important;
}
html[data-theme="dark"] .wonda-authv2__body .wonda-notice--error,
html[data-theme="dark"] .wonda-auth__body .wonda-notice--error {
    background: rgba(185, 28, 28, .15) !important;
    color: #fca5a5 !important;
    border-color: rgba(185, 28, 28, .35) !important;
}
html[data-theme="dark"] .wonda-authv2__body .wonda-notice--info,
html[data-theme="dark"] .wonda-auth__body .wonda-notice--info {
    background: rgba(59, 130, 246, .15) !important;
    color: #93c5fd !important;
    border-color: rgba(59, 130, 246, .35) !important;
}
html[data-theme="dark"] .wonda-authv2__body .wonda-notice--warn,
html[data-theme="dark"] .wonda-auth__body .wonda-notice--warn {
    background: rgba(180, 83, 9, .18) !important;
    color: #fbbf24 !important;
    border-color: rgba(180, 83, 9, .45) !important;
}

/* showcase panel inside authv2 already covered in §13 */
html[data-theme="dark"] .wonda-authv2__showcase { background: #0b1220 !important; }

html[data-theme="dark"] .wonda-auth__title { color: #f1f5f9 !important; }
/* ============================================================
   16. WELCOME CARD (dashboard greeting)
   Migrated from the two WONDA_WELCOME_CSS @media blocks in
   app-v2.css. Those relied on the OS media query, which ignored
   the explicit ?theme=light override. Now attribute-driven.
   ============================================================ */
html[data-theme="dark"] .wonda-welcome {
    background:
        radial-gradient(700px 220px at 100% 0%, rgba(255, 0, 126, .08), transparent 60%),
        linear-gradient(180deg, #0f172a 0%, #101a2e 100%);
    border-color: rgba(255, 255, 255, .06);
}
html[data-theme="dark"] .wonda-welcome__title   { color: #f1f5f9; }
html[data-theme="dark"] .wonda-welcome__eyebrow { color: #94a3b8; }

html[data-theme="dark"] .wonda-welcome__chip {
    background: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .08);
    color: #cbd5e1;
}
html[data-theme="dark"] .wonda-welcome__chip strong { color: #f1f5f9; }
html[data-theme="dark"] .wonda-welcome__chip--info {
    background: rgba(59, 130, 246, .15);
    border-color: rgba(59, 130, 246, .30);
    color: #93c5fd;
}
html[data-theme="dark"] .wonda-welcome__chip--warn {
    background: rgba(245, 158, 11, .15);
    border-color: rgba(245, 158, 11, .35);
    color: #fbbf24;
}
html[data-theme="dark"] .wonda-welcome__chip--warn strong { color: #fbbf24; }
html[data-theme="dark"] .wonda-welcome__chip--danger {
    background: rgba(185, 28, 28, .18);
    border-color: rgba(185, 28, 28, .40);
    color: #fca5a5;
}
/* ==== END WONDA_WELCOME_DARK ==== */