/* ============================================================================
   WELLNESS — THEME OVERRIDES
   Purpose Tracker + Feelings Wheel
   ============================================================================ */

/* ============================================================================
   PURPOSE TRACKER
   Theme overrides for .purpose-success-banner, .pip-*, .op-* classes
   ============================================================================ */

/* Dark theme */
.theme-dark .purpose-success-banner {
    background: #0a3622 !important;
    border-color: #155724 !important;
    color: #a3cfbb !important;
}
.theme-dark .purpose-success-banner a { color: #75b798 !important; }
.theme-dark .purpose-item-progress { color: #9ca3af !important; }
.theme-dark .pip-label { color: #9ca3af !important; }
.theme-dark .pip-value { color: #e5e7eb !important; }
.theme-dark .pip-muted { color: #6b7280 !important; }
.theme-dark .pip-row--due { color: #9ca3af !important; }
.theme-dark .pip-overdue { color: #fca5a5 !important; }
.theme-dark .pip-next-action { color: #6b7280 !important; }
.theme-dark .pip-status--open { background: #374151 !important; color: #d1d5db !important; }
.theme-dark .pip-status--in-progress { background: #1e3a5f !important; color: #93c5fd !important; }
.theme-dark .pip-status--completed { background: #064e3b !important; color: #6ee7b7 !important; }
.theme-dark .pip-status--on-hold { background: #4d3800 !important; color: #fde68a !important; }
.theme-dark .pip-health--green { background: #064e3b !important; color: #6ee7b7 !important; }
.theme-dark .pip-health--yellow { background: #4d3800 !important; color: #fde68a !important; }
.theme-dark .pip-health--red { background: #4c0519 !important; color: #fca5a5 !important; }
.theme-dark .op-modal { background: #1f2937 !important; color: #f3f4f6 !important; }
.theme-dark .op-wizard-steps { background: #111827 !important; border-color: #374151 !important; }
.theme-dark .op-wizard-step { background: #374151 !important; color: #9ca3af !important; }
.theme-dark .op-wizard-step--active { background: #3b82f6 !important; color: #fff !important; }
.theme-dark .op-wizard-step--done { background: #059669 !important; color: #fff !important; }
.theme-dark .op-radio-card { border-color: #374151 !important; background: #111827 !important; color: #e5e7eb !important; }
.theme-dark .op-radio-card:hover,
.theme-dark .op-radio-card--selected { border-color: #3b82f6 !important; background: #1e3a5f !important; }
.theme-dark .op-radio-card-desc { color: #9ca3af !important; }
.theme-dark .op-confirm-item { background: #374151 !important; color: #e5e7eb !important; }
.theme-dark .op-confirm-item--skipped { opacity: 0.35 !important; }
.theme-dark .op-confirm-meta { color: #9ca3af !important; }
.theme-dark .op-init-warning { background: #4d3800 !important; border-color: #92400e !important; color: #fde68a !important; }
.theme-dark .op-discard-dialog { background: #1f2937 !important; color: #f3f4f6 !important; }
.theme-dark .op-section-label { color: #9ca3af !important; }
.theme-dark .op-stream-match-hint { color: #9ca3af !important; }

/* Light theme */
.theme-light .purpose-success-banner { background: #d1e7dd !important; border-color: #a3cfbb !important; color: #0a3622 !important; }
.theme-light .op-modal { background: #fff !important; color: #111827 !important; }
.theme-light .op-wizard-steps { background: #f8f9fa !important; border-color: #e9ecef !important; }
.theme-light .op-radio-card { border-color: #dee2e6 !important; background: #fff !important; }
.theme-light .op-radio-card:hover,
.theme-light .op-radio-card--selected { border-color: #0d6efd !important; background: #f0f6ff !important; }

/* Default theme (OS dark preference) */
@media (prefers-color-scheme: dark) {
    .theme-default .purpose-success-banner { background: #0a3622 !important; border-color: #155724 !important; color: #a3cfbb !important; }
    .theme-default .purpose-success-banner a { color: #75b798 !important; }
    .theme-default .pip-label { color: #9ca3af !important; }
    .theme-default .pip-value { color: #e5e7eb !important; }
    .theme-default .pip-overdue { color: #fca5a5 !important; }
    .theme-default .pip-health--green { background: #064e3b !important; color: #6ee7b7 !important; }
    .theme-default .pip-health--yellow { background: #4d3800 !important; color: #fde68a !important; }
    .theme-default .pip-health--red { background: #4c0519 !important; color: #fca5a5 !important; }
    .theme-default .op-modal { background: #1f2937 !important; color: #f3f4f6 !important; }
    .theme-default .op-radio-card { border-color: #374151 !important; background: #111827 !important; color: #e5e7eb !important; }
    .theme-default .op-radio-card:hover,
    .theme-default .op-radio-card--selected { border-color: #3b82f6 !important; background: #1e3a5f !important; }
    .theme-default .op-confirm-item { background: #374151 !important; color: #e5e7eb !important; }
    .theme-default .op-init-warning { background: #4d3800 !important; border-color: #92400e !important; color: #fde68a !important; }
    .theme-default .op-discard-dialog { background: #1f2937 !important; color: #f3f4f6 !important; }
}

/* ============================================================================
   FEELINGS WHEEL
   Theme overrides for FeelingsWheel.razor
   ============================================================================ */

/* Dark theme */
.theme-dark .feelings-wheel-back-btn {
    border-color: #374151 !important;
    color: #9ca3af !important;
}
.theme-dark .feelings-wheel-back-btn:hover {
    background: #1f2937 !important;
    border-color: #4b5563 !important;
}
.theme-dark .feelings-wheel-subtitle { color: #9ca3af !important; }

.theme-dark .feelings-wheel-modal { background: #1f2937 !important; }
.theme-dark .feelings-wheel-modal .sf-modal-header,
.theme-dark .feelings-wheel-modal .sf-modal-footer {
    background: #1f2937 !important;
    border-color: #374151 !important;
}
.theme-dark .feelings-wheel-modal .sf-modal-body { background: #1f2937 !important; }

.theme-dark .feelings-secondary-btn {
    border-color: #374151 !important;
    background: #111827 !important;
}
.theme-dark .feelings-secondary-btn:hover { background: #374151 !important; }
.theme-dark .feelings-secondary-name { color: #f9fafb !important; }
.theme-dark .feelings-secondary-desc { color: #9ca3af !important; }

.theme-dark .feelings-breadcrumb-sep { color: #4b5563 !important; }
.theme-dark .feelings-breadcrumb-secondary { color: #e5e7eb !important; }

.theme-dark .feelings-nuanced-label { color: #e5e7eb !important; }
.theme-dark .feelings-nuanced-optional { color: #6b7280 !important; }
.theme-dark .feelings-nuanced-chip {
    border-color: #374151 !important;
    background: #111827 !important;
    color: #d1d5db !important;
}
.theme-dark .feelings-nuanced-chip:hover { background: #374151 !important; }
.theme-dark .feelings-nuanced-chip.selected { color: #fff !important; }

.theme-dark .feelings-reflection-section { border-top-color: #374151 !important; }
.theme-dark .feelings-reflection-heading { color: #e5e7eb !important; }

/* Light theme */
.theme-light .feelings-wheel-modal { background: #fff !important; }
.theme-light .feelings-wheel-modal .sf-modal-header,
.theme-light .feelings-wheel-modal .sf-modal-footer {
    background: #fff !important;
    border-color: #e5e7eb !important;
}
.theme-light .feelings-wheel-modal .sf-modal-body { background: #fff !important; }

.theme-light .feelings-secondary-btn {
    border-color: #e5e7eb !important;
    background: #f9fafb !important;
}
.theme-light .feelings-secondary-name { color: #1f2937 !important; }
.theme-light .feelings-secondary-desc { color: #6b7280 !important; }
.theme-light .feelings-nuanced-chip {
    border-color: #d1d5db !important;
    background: #fff !important;
    color: #374151 !important;
}
.theme-light .feelings-reflection-section { border-top-color: #e5e7eb !important; }
.theme-light .feelings-reflection-heading { color: #374151 !important; }
.theme-light .feelings-nuanced-label { color: #374151 !important; }
.theme-light .feelings-breadcrumb-secondary { color: #374151 !important; }
.theme-light .feelings-wheel-back-btn {
    border-color: #d1d5db !important;
    color: #6b7280 !important;
}

/* Default theme (OS dark preference) */
@media (prefers-color-scheme: dark) {
    .theme-default .feelings-wheel-back-btn {
        border-color: #374151 !important;
        color: #9ca3af !important;
    }
    .theme-default .feelings-wheel-back-btn:hover {
        background: #1f2937 !important;
        border-color: #4b5563 !important;
    }
    .theme-default .feelings-wheel-subtitle { color: #9ca3af !important; }

    .theme-default .feelings-wheel-modal { background: #1f2937 !important; }
    .theme-default .feelings-wheel-modal .sf-modal-header,
    .theme-default .feelings-wheel-modal .sf-modal-footer {
        background: #1f2937 !important;
        border-color: #374151 !important;
    }
    .theme-default .feelings-wheel-modal .sf-modal-body { background: #1f2937 !important; }

    .theme-default .feelings-secondary-btn {
        border-color: #374151 !important;
        background: #111827 !important;
    }
    .theme-default .feelings-secondary-btn:hover { background: #374151 !important; }
    .theme-default .feelings-secondary-name { color: #f9fafb !important; }
    .theme-default .feelings-secondary-desc { color: #9ca3af !important; }

    .theme-default .feelings-breadcrumb-sep { color: #4b5563 !important; }
    .theme-default .feelings-breadcrumb-secondary { color: #e5e7eb !important; }

    .theme-default .feelings-nuanced-label { color: #e5e7eb !important; }
    .theme-default .feelings-nuanced-optional { color: #6b7280 !important; }
    .theme-default .feelings-nuanced-chip {
        border-color: #374151 !important;
        background: #111827 !important;
        color: #d1d5db !important;
    }
    .theme-default .feelings-nuanced-chip:hover { background: #374151 !important; }
    .theme-default .feelings-nuanced-chip.selected { color: #fff !important; }

    .theme-default .feelings-reflection-section { border-top-color: #374151 !important; }
    .theme-default .feelings-reflection-heading { color: #e5e7eb !important; }
}