/* Dark Mode Timeline Styles */
body.dark-mode .timeline-container {
    background: #1e293b;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

body.dark-mode .timeline-header h3,
body.dark-mode .timeline-header p {
    color: #e2e8f0;
}

body.dark-mode .journey-visualization {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
}

body.dark-mode .journey-progress-header h3 {
    color: #e2e8f0;
}

body.dark-mode .journey-percentage {
    color: #a78bfa;
}

body.dark-mode .journey-status {
    color: #cbd5e1;
}

body.dark-mode .task-title {
    color: #f1f5f9;
}

body.dark-mode .task-description {
    color: #cbd5e1;
}

body.dark-mode .task-deadline {
    background: #334155;
    color: #cbd5e1;
}

body.dark-mode .task-category-section {
    background: #1e293b;
}

body.dark-mode .timeline-task {
    background: #0f172a;
    border-left-color: #475569;
}

body.dark-mode .timeline-task:hover {
    background: #1e293b;
}

/* SVG elements for dark mode */
body.dark-mode .journey-svg text {
    fill: #cbd5e1 !important;
}

body.dark-mode .journey-svg circle[fill="#48bb78"] {
    fill: #10b981 !important;
}

/* ===== DARK MODE FORMS ===== */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background: #2d3748 !important;
    color: #f7fafc !important;
    border-color: #4a5568 !important;
}

body.dark-mode select option {
    background: #2d3748 !important;
    color: #f7fafc !important;
}

body.dark-mode label {
    color: #e2e8f0 !important;
}