/* ============================================================================
   07-EDUCATION — THEME OVERRIDES
   CourseNoteList · CourseNoteFormModal · CourseNoteExport
   ExamDetail (prep-progress, linked assignments, status badges)
   CourseDetail (notes section, initiative badge)
   ============================================================================ */

/* ============================================================================
   NOTE TYPE BADGES
   ============================================================================ */

/* Dark theme — lighten badge backgrounds */
.theme-dark .note-type-insight    { background: #1e3a5f !important; color: #93c5fd !important; }
.theme-dark .note-type-actionitem { background: #14532d !important; color: #86efac !important; }
.theme-dark .note-type-question   { background: #713f12 !important; color: #fde047 !important; }
.theme-dark .note-type-example    { background: #3b0764 !important; color: #d8b4fe !important; }

@media (prefers-color-scheme: dark) {
    .theme-default .note-type-insight    { background: #1e3a5f !important; color: #93c5fd !important; }
    .theme-default .note-type-actionitem { background: #14532d !important; color: #86efac !important; }
    .theme-default .note-type-question   { background: #713f12 !important; color: #fde047 !important; }
    .theme-default .note-type-example    { background: #3b0764 !important; color: #d8b4fe !important; }
}

/* ============================================================================
   NOTE CARDS
   ============================================================================ */

/* Dark theme */
.theme-dark .note-card {
    background: #1F2937 !important;
    border-color: #374151 !important;
}

.theme-dark .note-card-title { color: #F9FAFB !important; }
.theme-dark .note-card-date  { color: #9CA3AF !important; }
.theme-dark .note-card-content { color: #D1D5DB !important; }

.theme-dark .note-card-actions {
    border-top-color: #374151 !important;
}

.theme-dark .note-tag-chip {
    background: #374151 !important;
    color: #D1D5DB !important;
}

@media (prefers-color-scheme: dark) {
    .theme-default .note-card {
        background: #1F2937 !important;
        border-color: #374151 !important;
    }
    .theme-default .note-card-title   { color: #F9FAFB !important; }
    .theme-default .note-card-date    { color: #9CA3AF !important; }
    .theme-default .note-card-content { color: #D1D5DB !important; }
    .theme-default .note-card-actions { border-top-color: #374151 !important; }
    .theme-default .note-tag-chip     { background: #374151 !important; color: #D1D5DB !important; }
}

/* ============================================================================
   NOTE TYPE FILTER CHIPS
   ============================================================================ */

.theme-dark .note-type-chip {
    border-color: #4B5563 !important;
    color: #D1D5DB !important;
}

.theme-dark .note-type-chip:hover {
    background: #374151 !important;
}

.theme-dark .note-type-chip.active {
    background: #4F46E5 !important;
    border-color: #4F46E5 !important;
    color: #fff !important;
}

@media (prefers-color-scheme: dark) {
    .theme-default .note-type-chip        { border-color: #4B5563 !important; color: #D1D5DB !important; }
    .theme-default .note-type-chip:hover  { background: #374151 !important; }
    .theme-default .note-type-chip.active { background: #4F46E5 !important; border-color: #4F46E5 !important; color: #fff !important; }
}

/* ============================================================================
   EXAM PREP PROGRESS BAR
   ============================================================================ */

.exam-prep-track {
    height: 8px;
    border-radius: 4px;
    background: var(--sf-border-color, #E5E7EB);
    overflow: hidden;
}

.exam-prep-fill {
    height: 100%;
    border-radius: 4px;
    transition: width 0.4s ease;
}

.exam-prep-fill.fill-complete { background: #22c55e; }
.exam-prep-fill.fill-good     { background: #3b82f6; }
.exam-prep-fill.fill-low      { background: #f59e0b; }

/* Dark theme */
.theme-dark .exam-prep-track {
    background: #374151 !important;
}

@media (prefers-color-scheme: dark) {
    .theme-default .exam-prep-track { background: #374151 !important; }
}

/* ============================================================================
   EXPORT PAGE
   ============================================================================ */

.theme-dark .export-filters,
.theme-dark .export-options,
.theme-dark .export-preview {
    background: #1F2937 !important;
    border-color: #374151 !important;
}

.theme-dark .export-preview-body {
    background: #111827 !important;
    border-color: #374151 !important;
    color: #D1D5DB !important;
}

.theme-dark .export-format-chip {
    border-color: #4B5563 !important;
    color: #D1D5DB !important;
}

.theme-dark .export-format-chip.active {
    background: #4F46E5 !important;
    border-color: #4F46E5 !important;
    color: #fff !important;
}

@media (prefers-color-scheme: dark) {
    .theme-default .export-filters,
    .theme-default .export-options,
    .theme-default .export-preview  { background: #1F2937 !important; border-color: #374151 !important; }
    .theme-default .export-preview-body  { background: #111827 !important; border-color: #374151 !important; color: #D1D5DB !important; }
    .theme-default .export-format-chip   { border-color: #4B5563 !important; color: #D1D5DB !important; }
    .theme-default .export-format-chip.active { background: #4F46E5 !important; border-color: #4F46E5 !important; color: #fff !important; }
}

/* ============================================================================
   COURSE NOTE LIST WRAPPER (in CourseDetail)
   ============================================================================ */

.theme-dark .course-note-list-wrapper { color: #D1D5DB !important; }

.theme-dark .note-linked-task { color: #9CA3AF !important; }

@media (prefers-color-scheme: dark) {
    .theme-default .course-note-list-wrapper { color: #D1D5DB !important; }
    .theme-default .note-linked-task         { color: #9CA3AF !important; }
}