/*
 * AncestryCodex - Global Dark Theme Styles
 * Apply to all views - Dark mode only
 * Uses [data-bs-theme="dark"] selector
 */

/* ============================================
   Cards - Base
   ============================================ */

[data-bs-theme="dark"] .card-hover:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* ============================================
   Avatars
   ============================================ */

[data-bs-theme="dark"] .avatar-circle { border-color: #212529; }
[data-bs-theme="dark"] .avatar-male { background: #1e3a5f; color: #64b5f6; }
[data-bs-theme="dark"] .avatar-female { background: #4a1f35; color: #f48fb1; }
[data-bs-theme="dark"] .avatar-unknown { background: #2d2d2d; color: #9e9e9e; }
[data-bs-theme="dark"] .avatar-private { background: #3d2e1a; color: #ffb74d; }

/* ============================================
   Privacy States - Living
   ============================================ */

[data-bs-theme="dark"] .state-living {
    background: linear-gradient(135deg, #1a3d1a 0%, #1e3a1e 50%, #212529 100%);
    border-color: #4caf50;
}
[data-bs-theme="dark"] .state-living:hover { border-color: #66bb6a; box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3); }
[data-bs-theme="dark"] .state-living .text-state { color: #a5d6a7; }

/* ============================================
   Privacy States - Private
   ============================================ */

[data-bs-theme="dark"] .state-private {
    background: linear-gradient(135deg, #3d2e1a 0%, #3a321e 50%, #212529 100%);
    border-color: #ff9800;
}
[data-bs-theme="dark"] .state-private:hover { border-color: #ffb74d; box-shadow: 0 4px 12px rgba(255, 152, 0, 0.3); }
[data-bs-theme="dark"] .state-private .text-state { color: #ffcc80; }
[data-bs-theme="dark"] .state-private .details-state { color: #ffb74d; }

/* ============================================
   Privacy States - Deceased
   ============================================ */

[data-bs-theme="dark"] .state-deceased {
    background: linear-gradient(135deg, #1a1a1a 0%, #212529 100%);
    opacity: 0.9;
}
[data-bs-theme="dark"] .state-deceased:hover { opacity: 1; border-color: #6c757d; }
[data-bs-theme="dark"] .state-deceased .text-state { color: #adb5bd; }

/* ============================================
   Family Cards
   ============================================ */

[data-bs-theme="dark"] .family-card { background: #212529; border-color: #495057; }
[data-bs-theme="dark"] .family-card:hover { border-color: #c9a55c; }
[data-bs-theme="dark"] .family-card .partner-name { color: #e9ecef; }
[data-bs-theme="dark"] .family-card .family-details { border-color: #495057; }
[data-bs-theme="dark"] .family-card .family-id { color: #6c757d; }

[data-bs-theme="dark"] .family-card.living {
    background: linear-gradient(135deg, #1a3d1a 0%, #1e3a1e 50%, #212529 100%);
    border-color: #4caf50;
}
[data-bs-theme="dark"] .family-card.living:hover { border-color: #66bb6a; }
[data-bs-theme="dark"] .family-card.living .partner-name { color: #a5d6a7; }

[data-bs-theme="dark"] .family-card.private {
    background: linear-gradient(135deg, #3d2e1a 0%, #3a321e 50%, #212529 100%);
    border-color: #ff9800;
}
[data-bs-theme="dark"] .family-card.private:hover { border-color: #ffb74d; }
[data-bs-theme="dark"] .family-card.private .partner-name { color: #ffcc80; }
[data-bs-theme="dark"] .family-card.private .family-details { color: #ffb74d; }

[data-bs-theme="dark"] .family-card.deceased {
    background: linear-gradient(135deg, #1a1a1a 0%, #212529 100%);
    opacity: 0.9;
}
[data-bs-theme="dark"] .family-card.deceased:hover { opacity: 1; border-color: #6c757d; }
[data-bs-theme="dark"] .family-card.deceased .partner-name { color: #adb5bd; }

[data-bs-theme="dark"] .family-header-card {
    background: linear-gradient(135deg, #2d3339 0%, #212529 100%);
}

/* ============================================
   Partner Elements
   ============================================ */

[data-bs-theme="dark"] .partner-avatar { border-color: #212529; }
[data-bs-theme="dark"] .partner-avatar.male { background: #1e3a5f; color: #64b5f6; }
[data-bs-theme="dark"] .partner-avatar.female { background: #4a1f35; color: #f48fb1; }
[data-bs-theme="dark"] .partner-avatar.unknown { background: #2d2d2d; color: #9e9e9e; }
[data-bs-theme="dark"] .partner-avatar.private { background: #3d2e1a; color: #ffb74d; }

[data-bs-theme="dark"] .partner-name { color: #e9ecef; }
[data-bs-theme="dark"] .partner-name.unknown { color: #6c757d; }
[data-bs-theme="dark"] .partner-name.private-name { color: #ffb74d; }

[data-bs-theme="dark"] .partner-card { background: #2d3339; }
[data-bs-theme="dark"] .partner-card.private { background: linear-gradient(135deg, #3d3020 0%, #2d3339 100%); }
[data-bs-theme="dark"] .partner-details dt { color: #adb5bd; }

/* ============================================
   Children Elements
   ============================================ */

[data-bs-theme="dark"] .children-badge { background: #1a3d1a; color: #81c784; }
[data-bs-theme="dark"] .children-badge.none { background: #2d2d2d; color: #757575; }

[data-bs-theme="dark"] .child-card { background: #2d3339; border-color: #495057; }
[data-bs-theme="dark"] .child-card:hover { border-color: #c9a55c; }
[data-bs-theme="dark"] .child-card.living { background: linear-gradient(135deg, #1a3d1a 0%, #212529 100%); border-color: #4caf50; }
[data-bs-theme="dark"] .child-card.private { background: linear-gradient(135deg, #3d2e1a 0%, #212529 100%); border-color: #ff9800; }

[data-bs-theme="dark"] .child-avatar.male { background: #1e3a5f; color: #64b5f6; }
[data-bs-theme="dark"] .child-avatar.female { background: #4a1f35; color: #f48fb1; }
[data-bs-theme="dark"] .child-avatar.unknown { background: #2d2d2d; color: #9e9e9e; }

/* ============================================
   Individual Cards
   ============================================ */

[data-bs-theme="dark"] .individual-card { background: #212529; border-color: #495057; }
[data-bs-theme="dark"] .individual-card:hover { border-color: #c9a55c; }

[data-bs-theme="dark"] .individual-card.living {
    background: linear-gradient(135deg, #1a3d1a 0%, #1e3a1e 50%, #212529 100%);
    border-color: #4caf50;
}
[data-bs-theme="dark"] .individual-card.living:hover { border-color: #66bb6a; }

[data-bs-theme="dark"] .individual-card.private {
    background: linear-gradient(135deg, #3d2e1a 0%, #3a321e 50%, #212529 100%);
    border-color: #ff9800;
}
[data-bs-theme="dark"] .individual-card.private:hover { border-color: #ffb74d; }

[data-bs-theme="dark"] .individual-card.deceased {
    background: linear-gradient(135deg, #1a1a1a 0%, #212529 100%);
    opacity: 0.9;
}
[data-bs-theme="dark"] .individual-card.deceased:hover { opacity: 1; border-color: #6c757d; }

[data-bs-theme="dark"] .individual-card.living .individual-dates { color: #81c784; }
[data-bs-theme="dark"] .individual-card.living .individual-name { color: #a5d6a7; }
[data-bs-theme="dark"] .individual-card.private .individual-dates { color: #ffb74d; }
[data-bs-theme="dark"] .individual-card.private .individual-name { color: #ffcc80; }
[data-bs-theme="dark"] .individual-card.deceased .individual-name { color: #9e9e9e; }
[data-bs-theme="dark"] .individual-card.deceased .individual-dates { color: #757575; }

[data-bs-theme="dark"] .individual-avatar.male { background: #1e3a5f; color: #64b5f6; }
[data-bs-theme="dark"] .individual-avatar.female { background: #4a1f35; color: #f48fb1; }
[data-bs-theme="dark"] .individual-avatar.unknown { background: #2d2d2d; color: #9e9e9e; }
[data-bs-theme="dark"] .individual-avatar.has-image { background: #2d2d2d; }

[data-bs-theme="dark"] .individual-name { color: #e9ecef; }
[data-bs-theme="dark"] .individual-dates { color: #878a99; }

[data-bs-theme="dark"] .individuals-grid-wrapper { scrollbar-color: #c9a55c #2d2d2d; }
[data-bs-theme="dark"] .individuals-grid-wrapper::-webkit-scrollbar-track { background: #2d2d2d; }

/* ============================================
   Timeline
   ============================================ */

[data-bs-theme="dark"] .event-timeline::before { background: #495057; }
[data-bs-theme="dark"] .event-item::before { border-color: #212529; }

/* ============================================
   Scrollbar
   ============================================ */

[data-bs-theme="dark"] .custom-scrollbar { scrollbar-color: #c9a55c #2d2d2d; }
[data-bs-theme="dark"] .custom-scrollbar::-webkit-scrollbar-track { background: #2d2d2d; }

[data-bs-theme="dark"] .families-grid-wrapper { scrollbar-color: #c9a55c #2d2d2d; }
[data-bs-theme="dark"] .families-grid-wrapper::-webkit-scrollbar-track { background: #2d2d2d; }

/* ============================================
   Search & Filter
   ============================================ */

[data-bs-theme="dark"] .search-box .search-icon { color: #6c757d; }
[data-bs-theme="dark"] .letter-nav .btn.active { color: #1a1c2e; }

/* ============================================
   No Results
   ============================================ */

[data-bs-theme="dark"] .no-results { color: #adb5bd; }

/* ============================================
   Profile Header
   ============================================ */

[data-bs-theme="dark"] .profile-header {
    background: linear-gradient(135deg, #2d3339 0%, #212529 100%);
}

[data-bs-theme="dark"] .profile-avatar { border-color: #212529; }
[data-bs-theme="dark"] .profile-avatar.male { background: #1e3a5f; color: #64b5f6; }
[data-bs-theme="dark"] .profile-avatar.female { background: #4a1f35; color: #f48fb1; }
[data-bs-theme="dark"] .profile-avatar.unknown { background: #2d2d2d; color: #9e9e9e; }

/* ============================================
   Story Cards
   ============================================ */

[data-bs-theme="dark"] .story-card { background: #2d3339; border-color: #495057; }
[data-bs-theme="dark"] .story-card:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3); }

/* ============================================
   Blog Cards
   ============================================ */

[data-bs-theme="dark"] .blog-card { background: #2d3339; border-color: #495057; }
[data-bs-theme="dark"] .blog-card:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }

/* ============================================
   Calendar
   ============================================ */

[data-bs-theme="dark"] .calendar-event { background: #1e3a5f; border-left-color: #64b5f6; }
[data-bs-theme="dark"] .calendar-event.birth { background: #1a3d1a; border-left-color: #81c784; }
[data-bs-theme="dark"] .calendar-event.death { background: #4a1f35; border-left-color: #f48fb1; }
[data-bs-theme="dark"] .calendar-event.marriage { background: #3d2e1a; border-left-color: #ffb74d; }

/* ============================================
   General Dark Mode Overrides
   ============================================ */

[data-bs-theme="dark"] .bg-light { background: #2d3339 !important; }
[data-bs-theme="dark"] .border-light { border-color: #495057 !important; }
[data-bs-theme="dark"] .text-dark { color: #e9ecef !important; }

/* Links in dark mode */
[data-bs-theme="dark"] a.text-decoration-none:hover { color: #c9a55c; }

/* Muted text */
[data-bs-theme="dark"] .text-muted { color: #878a99 !important; }

/* Badges */
[data-bs-theme="dark"] .badge.bg-light { background: #3d4349 !important; color: #e9ecef !important; }

/* ============================================
   Profile Header - Individual Page
   ============================================ */

[data-bs-theme="dark"] .profile-header {
    background: linear-gradient(135deg, #2d3339 0%, #212529 100%);
}

[data-bs-theme="dark"] .profile-avatar { border-color: #212529; }
[data-bs-theme="dark"] .profile-avatar.male { background: #1e3a5f; color: #64b5f6; }
[data-bs-theme="dark"] .profile-avatar.female { background: #4a1f35; color: #f48fb1; }
[data-bs-theme="dark"] .profile-avatar.unknown { background: #2d2d2d; color: #9e9e9e; }

/* ============================================
   Relationship Cards
   ============================================ */

[data-bs-theme="dark"] .relationship-card {
    border-color: #3e4349;
    background: #212529;
}

[data-bs-theme="dark"] .relationship-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.3); }

[data-bs-theme="dark"] .relationship-card.living {
    background: linear-gradient(135deg, rgba(46, 125, 50, 0.2) 0%, rgba(76, 175, 80, 0.1) 50%, #212529 100%);
    border-color: #4caf50;
}

[data-bs-theme="dark"] .relationship-card.living:hover { box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3); }
[data-bs-theme="dark"] .relationship-card.living .fw-medium { color: #81c784; }
[data-bs-theme="dark"] .relationship-card.living .text-muted { color: #66bb6a !important; }

/* ============================================
   Relationship Grid Cards
   ============================================ */

[data-bs-theme="dark"] .rel-grid-card {
    background: #2a2f34;
    border-color: #3e4349;
}

[data-bs-theme="dark"] .rel-grid-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    border-color: #c9a55c;
}

[data-bs-theme="dark"] .rel-grid-card.private {
    background: linear-gradient(135deg, rgba(46, 125, 50, 0.2) 0%, rgba(76, 175, 80, 0.1) 50%, #2a2f34 100%);
    border-color: #4caf50;
}

[data-bs-theme="dark"] .rel-grid-card.private:hover {
    border-color: #66bb6a;
    box-shadow: 0 4px 12px rgba(76, 175, 80, 0.3);
}

[data-bs-theme="dark"] .rel-grid-card.private .rel-grid-name { color: #81c784; }
[data-bs-theme="dark"] .rel-grid-card.private .rel-grid-dates { color: #66bb6a; }

[data-bs-theme="dark"] .rel-grid-card.deceased {
    background: linear-gradient(135deg, #252a2e 0%, #2a2f34 100%);
    opacity: 0.9;
}

[data-bs-theme="dark"] .rel-grid-card.deceased:hover { opacity: 1; border-color: #6c757d; }
[data-bs-theme="dark"] .rel-grid-card.deceased .rel-grid-name { color: #9e9e9e; }
[data-bs-theme="dark"] .rel-grid-card.deceased .rel-grid-dates { color: #6c757d; }

[data-bs-theme="dark"] .rel-grid-name { color: #ced4da; }
[data-bs-theme="dark"] .rel-grid-dates { color: #878a99; }

[data-bs-theme="dark"] .rel-grid-avatar.male { background: rgba(25, 118, 210, 0.25); color: #64b5f6; }
[data-bs-theme="dark"] .rel-grid-avatar.female { background: rgba(194, 24, 91, 0.25); color: #f48fb1; }
[data-bs-theme="dark"] .rel-grid-avatar.unknown { background: rgba(117, 117, 117, 0.25); color: #9e9e9e; }
[data-bs-theme="dark"] .rel-grid-avatar.has-image { background: #3e4349; }

[data-bs-theme="dark"] .rel-grid-card.private .rel-grid-avatar:not(.has-image) {
    background: linear-gradient(135deg, rgba(129, 199, 132, 0.4), rgba(102, 187, 106, 0.4));
    color: #81c784;
}

[data-bs-theme="dark"] .rel-grid-card.deceased .rel-grid-avatar:not(.has-image) {
    background: rgba(96, 96, 96, 0.3);
    color: #757575;
}

/* Dark mode - Relationship tab cards */
[data-bs-theme="dark"] #tab-relationships .card {
    background: #212529;
    border-color: #3e4349;
}

[data-bs-theme="dark"] #tab-relationships .card-header { border-bottom-color: #3e4349; }
[data-bs-theme="dark"] #tab-relationships .card-header h5 { color: #ced4da; }
[data-bs-theme="dark"] #tab-relationships .text-center.text-muted { color: #6c757d !important; }

/* ============================================
   Event Timeline
   ============================================ */

[data-bs-theme="dark"] .event-timeline { border-left-color: #3e4349; }
[data-bs-theme="dark"] .event-timeline::before { background: #3e4349; }

[data-bs-theme="dark"] .event-item {
    background: #2a2f34;
    border-color: #3e4349;
}

[data-bs-theme="dark"] .event-item:hover { background: #32383e; }

[data-bs-theme="dark"] .event-item.family-event {
    background: rgba(10, 179, 156, 0.1);
    border-color: rgba(10, 179, 156, 0.3);
}

[data-bs-theme="dark"] .alert-info {
    background: rgba(10, 179, 156, 0.15);
    border-color: rgba(10, 179, 156, 0.3);
    color: #5fd4c2;
}

/* Dark mode for age-at-event badge */
[data-bs-theme="dark"] .badge.bg-light.text-dark {
    background: #3e4349 !important;
    color: #ced4da !important;
}

/* Dark mode for timeline event links */
[data-bs-theme="dark"] .event-item a.text-primary { color: #64b5f6 !important; }
[data-bs-theme="dark"] .event-item a.text-primary:hover { color: #90caf9 !important; }

/* ============================================
   Sources & Notes
   ============================================ */

[data-bs-theme="dark"] .source-item {
    background: #2a2f34;
    border-left-color: #c9a55c;
}

[data-bs-theme="dark"] .source-item h6,
[data-bs-theme="dark"] .source-item p { color: #ced4da; }

[data-bs-theme="dark"] .note-item {
    background: rgba(255, 193, 7, 0.15);
    border-left-color: #ffc107;
}

[data-bs-theme="dark"] .note-item p { color: #ced4da; }

/* ============================================
   Info Labels & Values
   ============================================ */

[data-bs-theme="dark"] .info-label { color: #878a99; }
[data-bs-theme="dark"] .info-value { color: #ced4da; }

/* ============================================
   Empty State
   ============================================ */

[data-bs-theme="dark"] .empty-state { color: #6c757d; }

/* ============================================
   Media Tagging
   ============================================ */

[data-bs-theme="dark"] .tag-remove-btn:hover { background: rgba(220, 53, 69, 0.2); }

[data-bs-theme="dark"] .event-card {
    background: #2a2f34;
    border-color: #3e4349;
}

[data-bs-theme="dark"] .timeline-dot { border-color: #212529; }

/* ============================================
   Story Components
   ============================================ */

[data-bs-theme="dark"] .story-header {
    background: linear-gradient(135deg, rgba(10, 179, 156, 0.15) 0%, rgba(10, 179, 156, 0.08) 100%);
}

[data-bs-theme="dark"] .ai-generate-section {
    background: linear-gradient(135deg, rgba(10, 179, 156, 0.15) 0%, rgba(10, 179, 156, 0.08) 100%);
}

/* ============================================
   Blog Components
   ============================================ */

[data-bs-theme="dark"] .blog-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.4); }

[data-bs-theme="dark"] .sidebar-card { background: #212529; box-shadow: 0 2px 10px rgba(0,0,0,0.3); }

[data-bs-theme="dark"] .archive-link,
[data-bs-theme="dark"] .category-link { color: #878a99; }

[data-bs-theme="dark"] .archive-link:hover,
[data-bs-theme="dark"] .category-link:hover { color: #0ab39c; }

[data-bs-theme="dark"] .tag-cloud .badge:hover { background: #0ab39c !important; }

[data-bs-theme="dark"] .author-card {
    background: linear-gradient(135deg, #2a2f35, #1e2328) !important;
    border: 1px solid #32383e;
}

[data-bs-theme="dark"] .author-card h6 { color: #f8f9fa !important; }
[data-bs-theme="dark"] .author-card .text-muted { color: #adb5bd !important; }

[data-bs-theme="dark"] .post-meta-item { color: #adb5bd !important; }
[data-bs-theme="dark"] .post-meta-item i { color: #a78bfa !important; }

[data-bs-theme="dark"] .post-content { color: #e9ecef; }
[data-bs-theme="dark"] .post-content p { color: #dee2e6; }
[data-bs-theme="dark"] .post-content h2,
[data-bs-theme="dark"] .post-content h3,
[data-bs-theme="dark"] .post-content h4 { color: #f8f9fa; }

[data-bs-theme="dark"] .post-content blockquote {
    border-left-color: #a78bfa;
    color: #adb5bd !important;
    background: rgba(167, 139, 250, 0.1);
    padding: 1rem 1.5rem;
    border-radius: 0 8px 8px 0;
}

[data-bs-theme="dark"] .post-content a { color: #a78bfa; }
[data-bs-theme="dark"] .post-content a:hover { color: #c4b5fd; }
[data-bs-theme="dark"] .post-content ul li,
[data-bs-theme="dark"] .post-content ol li { color: #dee2e6; }
[data-bs-theme="dark"] .post-content strong { color: #f8f9fa; }

[data-bs-theme="dark"] .comment-item {
    border-left-color: #a78bfa !important;
    background: rgba(167, 139, 250, 0.05);
    padding: 1rem;
    border-radius: 0 8px 8px 0;
}

[data-bs-theme="dark"] .comment-item h6 { color: #f8f9fa !important; }
[data-bs-theme="dark"] .comment-item .text-muted { color: #adb5bd !important; }

[data-bs-theme="dark"] .related-post-card h6 { color: #f8f9fa !important; }
[data-bs-theme="dark"] .related-post-card:hover h6 { color: #a78bfa !important; }
[data-bs-theme="dark"] .related-post-img { border: 1px solid #32383e; }
[data-bs-theme="dark"] .post-hero img { border: 1px solid #32383e; }
[data-bs-theme="dark"] .post-hero-placeholder { background: linear-gradient(135deg, #405189, #a78bfa) !important; }

/* ============================================
   Calendar Components
   ============================================ */

[data-bs-theme="dark"] .stat-card { background: linear-gradient(135deg, #2a2f34, #3e4349); }
[data-bs-theme="dark"] .stat-card .stat-icon { background: rgba(10, 179, 156, 0.3); }
[data-bs-theme="dark"] .legend-item { box-shadow: 0 1px 3px rgba(0,0,0,0.3); }
[data-bs-theme="dark"] .upcoming-event { background: #2a2f34; }
[data-bs-theme="dark"] .upcoming-event:hover { background: #3e4349; }
[data-bs-theme="dark"] .upcoming-event .event-type { color: #878a99; }

[data-bs-theme="dark"] .fc-theme-standard td,
[data-bs-theme="dark"] .fc-theme-standard th { border-color: #3e4349; }
[data-bs-theme="dark"] .fc-theme-standard .fc-scrollgrid { border-color: #3e4349; }
[data-bs-theme="dark"] .fc .fc-daygrid-day-number { color: #ced4da; }
[data-bs-theme="dark"] .fc .fc-col-header-cell-cushion { color: #ced4da; }
[data-bs-theme="dark"] .fc-day-today { background: rgba(10, 179, 156, 0.15) !important; }
[data-bs-theme="dark"] .fc .fc-button-primary { background-color: #0ab39c; border-color: #0ab39c; }
[data-bs-theme="dark"] .fc .fc-button-primary:hover { background-color: #099885; border-color: #099885; }
[data-bs-theme="dark"] .fc .fc-button-primary:not(:disabled).fc-button-active { background-color: #5fd4c2; border-color: #5fd4c2; }
[data-bs-theme="dark"] .fc .fc-toolbar-title { color: #ced4da; }
[data-bs-theme="dark"] .fc .fc-list-day-cushion { background: #2a2f34; }
[data-bs-theme="dark"] .fc .fc-list-event:hover td { background: #3e4349; }

[data-bs-theme="dark"] .event-type-badge.birthday { background: rgba(4, 120, 87, 0.3); color: #10b981; }
[data-bs-theme="dark"] .event-type-badge.memorial { background: rgba(107, 114, 128, 0.3); color: #9ca3af; }
[data-bs-theme="dark"] .event-type-badge.in-memoriam { background: rgba(180, 83, 9, 0.3); color: #fbbf24; }
[data-bs-theme="dark"] .event-type-badge.anniversary { background: rgba(190, 24, 93, 0.3); color: #f472b6; }
[data-bs-theme="dark"] .event-type-badge.custom { background: rgba(29, 78, 216, 0.3); color: #60a5fa; }

[data-bs-theme="dark"] .card.bg-info-subtle { background: rgba(10, 179, 156, 0.15) !important; }
[data-bs-theme="dark"] .card.bg-info-subtle h6 { color: #ced4da; }

/* ============================================
   Timeline Components
   ============================================ */

[data-bs-theme="dark"] .timeline:before { background: #3e4349; }

[data-bs-theme="dark"] .timeline > li .timeline-panel {
    background: #212529;
    border-color: #3e4349;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

[data-bs-theme="dark"] .timeline > li .timeline-panel h6 { color: #ced4da; }
[data-bs-theme="dark"] .timeline > li .timeline-panel .text-muted { color: #878a99 !important; }
[data-bs-theme="dark"] .decade-header h4 { background: #0ab39c; }

/* ============================================
   Search Components
   ============================================ */

[data-bs-theme="dark"] .search-hero { background: linear-gradient(135deg, #1a1d21 0%, #2a2f34 100%); }
[data-bs-theme="dark"] .recent-search-item:hover { background-color: rgba(10, 179, 156, 0.15); }

/* ============================================
   Photo Gallery Components
   ============================================ */

[data-bs-theme="dark"] .media-card { background: #212529; box-shadow: 0 4px 15px rgba(0,0,0,0.3); }
[data-bs-theme="dark"] .media-card:hover { box-shadow: 0 8px 25px rgba(0,0,0,0.4); }
[data-bs-theme="dark"] .document-placeholder { background: linear-gradient(135deg, #2a2f34 0%, #1e2328 100%); color: #878a99; }
