/* Dark Mode Styles */
.dark-mode {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3 {
  color: #e0e0e0;
}

.dark-mode .schedule-card,
.dark-mode .global-stopwatch,
.dark-mode .local-stopwatch,
.dark-mode .current-stage-section,
.dark-mode .stages-overview,
.dark-mode .summary-card,
.dark-mode .insight-card,
.dark-mode .sessions-list,
.dark-mode .performance-table,
.dark-mode .modal-content {
  background: #2c2c2c;
  color: #e0e0e0;
}

.dark-mode .schedule-card h3,
.dark-mode .stage-info strong,
.dark-mode .session-info strong,
.dark-mode .insight-card h4,
.dark-mode .summary-card h3 {
  color: #e0e0e0;
}

.dark-mode .stopwatch-display {
  color: #e0e0e0;
}

.dark-mode .stage-item {
  background: #3a3a3a;
}

.dark-mode .stages-list .stage-item {
  background: #3a3a3a;
}

.dark-mode .stages-list .stage-item.completed {
  background: #1f3a2f;
}

.dark-mode .stages-list .stage-item.current {
  background: #3a3a2f;
}

.dark-mode .stage-stats {
  background: #3a3a3a;
}

.dark-mode .performance-table th {
  background: #3a3a3a;
  color: #e0e0e0;
}

.dark-mode .performance-table td {
  border-bottom-color: #555;
}

.dark-mode .performance-table tr.best {
  background: #1f3a2f;
}

.dark-mode .performance-table tr.above-average {
  background: #1f2a3a;
}

.dark-mode .performance-table tr.below-average {
  background: #3a3a2f;
}

.dark-mode .performance-table tr.worst {
  background: #4a2c2c;
}

.dark-mode .form-control {
  background-color: #3a3a3a;
  color: #e0e0e0;
  border-color: #555;
}

.dark-mode .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.dark-mode .form-group label {
  color: #e0e0e0;
}

.dark-mode .schedule-meta p,
.dark-mode .stage-stats,
.dark-mode .session-stats,
.dark-mode .no-stats {
  color: #bbb;
}

.dark-mode .stat-item .label {
  color: #bbb;
}

.dark-mode .stat-item .value {
  color: #e0e0e0;
}

.dark-mode .stage-stats .stat {
  background: #555;
  color: #e0e0e0;
}

.dark-mode .modal-header {
  border-bottom-color: #555;
}

.dark-mode .modal-body .actions {
  border-top-color: #555;
}

.dark-mode .close-btn {
  color: #bbb;
}

.dark-mode .close-btn:hover {
  background: #3a3a3a;
  color: #e0e0e0;
}

.dark-mode .session-item {
  border-bottom-color: #555;
}

.dark-mode .error-messages {
  background-color: #4a2c2c;
  border-color: #6c4343;
  color: #ff9999;
}

/* Analytics Dark Mode */
.dark-mode .stat-card,
.dark-mode .chart-container,
.dark-mode .improvement-insights {
  background: #2c2c2c;
  color: #e0e0e0;
}

.dark-mode .stat-card h3 {
  color: #a0a0a0;
}

.dark-mode .insight-item {
  background: #3a3a3a;
}

.dark-mode .insight-item.positive {
  background: #1f3a2f;
}

.dark-mode .insight-item.negative {
  background: #4a2c2c;
}

.dark-mode .insight-item.neutral {
  background: #3a3a3a;
}