/* Enhanced Dark Mode Styles - Additional Component Support */
/* This file contains additional dark mode styles for specific components */

/* Dashboard Specific Dark Mode */
[data-theme="dark"] .hero-section {
  background: linear-gradient(135deg, #1A1F2E 0%, #0F1419 100%);
}

[data-theme="dark"] .stats-grid .stat-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .stat-icon {
  background: rgba(125, 127, 242, 0.1);
  color: var(--primary-color);
}

[data-theme="dark"] .progress-fill {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
}

[data-theme="dark"] .day-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .day-card:hover {
  background: var(--hover-bg);
  transform: translateY(-5px);
}

[data-theme="dark"] .day-card.active {
  border-color: var(--primary-color);
  box-shadow: 0 0 20px rgba(125, 127, 242, 0.3);
}

/* Weekly Plan Dark Mode Fixes */
[data-theme="dark"] #dashboardWeeklyPlanContainer {
  background-color: transparent !important;
}

[data-theme="dark"] .day-block {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .day-block:hover {
  background: var(--hover-bg) !important;
  border-color: var(--primary-color);
}

[data-theme="dark"] .day-block-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .day-block-header h3 {
  color: var(--primary-color);
}

[data-theme="dark"] .day-block-summary {
  color: var(--text-secondary);
}

[data-theme="dark"] .day-block-summary strong {
  color: var(--text-primary);
}

/* Muscle Groups Visualization Dark Mode */
[data-theme="dark"] .muscle-groups-svg {
  background: var(--card-bg);
}

[data-theme="dark"] .muscle-groups-svg path,
[data-theme="dark"] .muscle-groups-svg circle {
  stroke: var(--text-secondary);
}

[data-theme="dark"] .muscle-label {
  fill: var(--text-primary);
}

[data-theme="dark"] .muscle-legend {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .legend-text {
  color: var(--text-primary);
}

/* Coach Corner Dark Mode */
[data-theme="dark"] .coach-card-content {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .motivation-quote {
  color: var(--text-primary);
}

[data-theme="dark"] .fact-card {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

/* Quick Links Dark Mode */
[data-theme="dark"] .link-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .link-card:hover {
  transform: translateY(-10px);
  border-color: var(--primary-color);
  box-shadow: 0 10px 30px rgba(125, 127, 242, 0.2);
}

[data-theme="dark"] .link-icon-wrapper {
  background: rgba(125, 127, 242, 0.1);
}

/* Video Coach Promo Dark Mode */
[data-theme="dark"] .video-coach-promo {
  background: linear-gradient(135deg, rgba(125, 127, 242, 0.1) 0%, rgba(94, 201, 221, 0.1) 100%);
  border: 1px solid var(--border-color);
}

/* Navigation Dark Mode Enhancements */
[data-theme="dark"] .mobile-menu {
  background: var(--card-bg);
}

[data-theme="dark"] .mobile-nav-list a {
  color: var(--text-primary);
}

[data-theme="dark"] .mobile-nav-list a:hover {
  background: var(--hover-bg);
  color: var(--primary-color);
}

[data-theme="dark"] .dropdown-menu {
  background: var(--dropdown-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .dropdown-menu a {
  color: var(--text-primary);
}

[data-theme="dark"] .dropdown-menu a:hover {
  background: var(--hover-bg);
  color: var(--primary-color);
}

/* Workout Builder Dark Mode */
[data-theme="dark"] .workout-section {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .exercise-set {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .modal-exercise-item {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .modal-exercise-item:hover {
  background: var(--card-bg);
  border-color: var(--primary-color);
}

/* Generate Page Dark Mode */
[data-theme="dark"] .muscle-selector-grid button {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .muscle-selector-grid button:hover {
  background: var(--hover-bg);
  border-color: var(--primary-color);
  transform: translateY(-3px);
}

[data-theme="dark"] .muscle-selector-grid button.selected {
  background: var(--primary-color);
  color: white;
}

[data-theme="dark"] .equipment-options .equipment-item {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .equipment-options .equipment-item:hover {
  background: var(--hover-bg);
  border-color: var(--primary-color);
}

[data-theme="dark"] .equipment-options .equipment-item.selected {
  background: var(--primary-color);
  color: white;
}

/* History Page Dark Mode */
[data-theme="dark"] .history-item {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .history-stats {
  background: var(--hover-bg);
}

[data-theme="dark"] .exercise-history-item {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

/* Profile Page Dark Mode */
[data-theme="dark"] .profile-section {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .profile-stats-grid .stat {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

/* Challenges Dark Mode */
[data-theme="dark"] .challenge-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .challenge-participants {
  background: var(--hover-bg);
}

[data-theme="dark"] .participant-avatar {
  border: 2px solid var(--border-color);
}

/* Leaderboard Dark Mode */
[data-theme="dark"] .leaderboard-item {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .leaderboard-item:hover {
  background: var(--hover-bg);
  transform: translateX(5px);
}

[data-theme="dark"] .rank-badge {
  background: var(--primary-color);
  color: white;
}

/* Friends Page Dark Mode */
[data-theme="dark"] .friend-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .friend-activity {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .friend-request {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

/* Nutrition Page Dark Mode */
[data-theme="dark"] .meal-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .food-item {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .nutrition-stats {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

/* Analytics Page Dark Mode */
[data-theme="dark"] .analytics-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .chart-container {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

/* Personality Quiz Dark Mode */
[data-theme="dark"] .quiz-container {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .quiz-option {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .quiz-option:hover {
  background: var(--card-bg);
  border-color: var(--primary-color);
}

[data-theme="dark"] .quiz-option.selected {
  background: var(--primary-color);
  color: white;
}

/* Powerlifting Page Dark Mode */
[data-theme="dark"] .powerlifting-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .lift-progress {
  background: var(--hover-bg);
}

[data-theme="dark"] .pr-badge {
  background: var(--primary-color);
  color: white;
}

/* Journal Dark Mode */
[data-theme="dark"] .journal-entry {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .journal-mood {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .journal-editor {
  background: var(--input-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

/* Routines Page Dark Mode */
[data-theme="dark"] .routine-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .routine-session {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .routine-exercise {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

/* Payment Page Dark Mode */
[data-theme="dark"] .pricing-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .pricing-card.featured {
  border-color: var(--primary-color);
  box-shadow: 0 0 30px rgba(125, 127, 242, 0.3);
}

[data-theme="dark"] .feature-list li {
  color: var(--text-primary);
}

/* Admin Panel Dark Mode */
[data-theme="dark"] .admin-card {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .admin-table {
  background: var(--card-bg);
}

[data-theme="dark"] .admin-table th {
  background: var(--hover-bg);
  color: var(--text-primary);
}

[data-theme="dark"] .admin-table td {
  color: var(--text-primary);
  border-color: var(--border-color);
}

/* Toast Notifications Dark Mode */
[data-theme="dark"] .toast {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .toast.success {
  background: var(--success-bg);
  color: var(--success-text);
  border-color: var(--success-text);
}

[data-theme="dark"] .toast.error {
  background: var(--error-bg);
  color: var(--error-text);
  border-color: var(--error-text);
}

/* Loading States Dark Mode */
[data-theme="dark"] .skeleton {
  background: var(--hover-bg);
  background-image: linear-gradient(90deg, var(--hover-bg) 0%, var(--card-bg) 50%, var(--hover-bg) 100%);
}

[data-theme="dark"] .loading-spinner {
  border-color: var(--border-color);
  border-top-color: var(--primary-color);
}

/* Badges and Pills Dark Mode */
[data-theme="dark"] .badge-beta,
[data-theme="dark"] .badge-new,
[data-theme="dark"] .badge-premium {
  opacity: 0.9;
}

[data-theme="dark"] .badge-beta {
  background: rgba(255, 107, 107, 0.2);
  color: #FF6B6B;
}

[data-theme="dark"] .badge-premium {
  background: rgba(125, 127, 242, 0.2);
  color: var(--primary-color);
}

/* iOS Specific Dark Mode Fixes */
@supports (-webkit-touch-callout: none) {
  [data-theme="dark"] input,
  [data-theme="dark"] textarea,
  [data-theme="dark"] select {
    -webkit-appearance: none;
    background-color: var(--input-bg);
  }
}

/* Analytics Page Specific Dark Mode */
[data-theme="dark"] .analytics-container {
  background: var(--light-bg);
}

[data-theme="dark"] .activity-rings-container {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .activity-ring-label {
  color: var(--text-primary);
}

[data-theme="dark"] .heat-map-container {
  background: var(--card-bg);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .heat-map-day {
  stroke: var(--border-color);
}

[data-theme="dark"] .heat-map-tooltip {
  background: var(--hover-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .pr-badge {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color));
  color: white;
}

[data-theme="dark"] .data-export-button {
  background: var(--card-bg);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .data-export-button:hover {
  background: var(--hover-bg);
  border-color: var(--primary-color);
}

/* Generate Page Modal and Wizard Dark Mode */
[data-theme="dark"] .wizard-modal-content {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color);
  color: var(--text-primary) !important;
}

[data-theme="dark"] .exercise-modal-content {
  background: var(--card-bg) !important;
  border: 1px solid var(--border-color);
  color: var(--text-primary) !important;
}

/* Modern Workout Modal Dark Mode */
[data-theme="dark"] .modern-workout-modal-overlay {
  background: rgba(0, 0, 0, 0.85);
}

[data-theme="dark"] .modern-workout-modal {
  background: var(--card-bg);
  color: var(--text-primary);
}

[data-theme="dark"] .modal-header {
  background: var(--hover-bg);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .workout-title {
  color: var(--text-primary);
}

[data-theme="dark"] .exercise-counter {
  color: var(--text-secondary);
}

[data-theme="dark"] .modal-close-btn {
  color: var(--text-secondary);
}

[data-theme="dark"] .modal-close-btn:hover {
  background: var(--hover-bg);
  color: var(--text-primary);
}

/* Exercise Sidebar Dark Mode */
[data-theme="dark"] .exercise-sidebar {
  background: var(--hover-bg);
  border-right-color: var(--border-color);
}

[data-theme="dark"] .exercise-item {
  background: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-secondary);
}

[data-theme="dark"] .exercise-item:hover {
  border-color: var(--primary-color);
  background: var(--hover-bg);
}

[data-theme="dark"] .exercise-item.active {
  background: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

[data-theme="dark"] .exercise-item.completed {
  background: var(--success-bg);
  color: var(--success-text);
  border-color: var(--success-text);
}

/* Performance Zone Dark Mode */
[data-theme="dark"] .exercise-name {
  color: var(--text-primary);
}

[data-theme="dark"] .sets-reps-display {
  color: var(--text-secondary);
}

/* Muscle Badges Dark Mode */
[data-theme="dark"] .muscle-badge.chest { 
  background: rgba(254, 243, 199, 0.1); 
  color: #fef3c7; 
}
[data-theme="dark"] .muscle-badge.back { 
  background: rgba(219, 234, 254, 0.1); 
  color: #dbeafe; 
}
[data-theme="dark"] .muscle-badge.legs { 
  background: rgba(252, 231, 243, 0.1); 
  color: #fce7f3; 
}
[data-theme="dark"] .muscle-badge.shoulders { 
  background: rgba(224, 231, 255, 0.1); 
  color: #e0e7ff; 
}
[data-theme="dark"] .muscle-badge.arms { 
  background: rgba(220, 252, 231, 0.1); 
  color: #dcfce7; 
}
[data-theme="dark"] .muscle-badge.core { 
  background: rgba(254, 226, 226, 0.1); 
  color: #fee2e2; 
}

/* Action Bar Dark Mode */
[data-theme="dark"] .action-btn {
  background: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .action-btn:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background: var(--hover-bg);
}

[data-theme="dark"] .technique-select {
  background: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AAB8C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
}

/* Recommendation Card Dark Mode */
[data-theme="dark"] .recommendation-card {
  background: linear-gradient(135deg, var(--primary-color) 0%, #6366f1 100%);
  box-shadow: 0 4px 20px rgba(125, 127, 242, 0.3);
}

/* Set Logging Dark Mode */
[data-theme="dark"] .set-row {
  background: var(--hover-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .set-row.saved {
  background: var(--success-bg);
  border-color: var(--success-text);
}

[data-theme="dark"] .set-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .weight-input,
[data-theme="dark"] .reps-input {
  background: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text-primary);
}

[data-theme="dark"] .weight-input:focus,
[data-theme="dark"] .reps-input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(125, 127, 242, 0.1);
}

[data-theme="dark"] .multiply-symbol {
  color: var(--text-secondary);
}

[data-theme="dark"] .save-set-btn {
  background: var(--primary-color);
  color: white;
}

[data-theme="dark"] .save-set-btn:hover {
  background: var(--primary-hover);
}

[data-theme="dark"] .save-set-btn.saved {
  background: var(--success-bg);
  color: var(--success-text);
}

[data-theme="dark"] .save-all-btn {
  background: var(--primary-color);
  color: white;
}

[data-theme="dark"] .save-all-btn:hover {
  background: var(--primary-hover);
}

/* Stats Section Dark Mode */
[data-theme="dark"] .stats-card {
  background: var(--hover-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .stats-card h4 {
  color: var(--text-primary);
}

[data-theme="dark"] .stat-label {
  color: var(--text-secondary);
}

[data-theme="dark"] .stat-value {
  color: var(--text-primary);
}

/* History Section Dark Mode */
[data-theme="dark"] .history-entry {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .history-date {
  color: var(--text-secondary);
}

[data-theme="dark"] .history-performance {
  color: var(--text-primary);
}

/* Modal Footer Dark Mode */
[data-theme="dark"] .modal-footer {
  background: var(--hover-bg);
  border-top-color: var(--border-color);
}

[data-theme="dark"] .progress-bar {
  background: var(--border-color);
}

[data-theme="dark"] .progress-fill {
  background: var(--primary-color);
}

[data-theme="dark"] .progress-text {
  color: var(--text-secondary);
}

[data-theme="dark"] .nav-btn {
  background: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .nav-btn:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
  background: var(--hover-bg);
}

[data-theme="dark"] .nav-btn.primary {
  background: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

[data-theme="dark"] .nav-btn.primary:hover {
  background: var(--primary-hover);
}

/* Exercise Modal Dark Mode Styles */
[data-theme="dark"] .exercise-modal-overlay {
  background: rgba(0, 0, 0, 0.9);
}

[data-theme="dark"] .exercise-modal-container {
  background: #1A1F2E !important;
  color: #ffffff !important;
  border: 1px solid var(--border-color);
}

[data-theme="dark"] .exercise-modal-header {
  background: var(--bg-primary);
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .exercise-modal-header h2 {
  color: var(--text-primary);
}

[data-theme="dark"] .close-modal-btn {
  color: var(--text-secondary);
  background: transparent;
}

[data-theme="dark"] .close-modal-btn:hover {
  color: var(--text-primary);
  background: var(--hover-bg);
}

[data-theme="dark"] .exercise-modal-content {
  background: var(--card-bg);
}

[data-theme="dark"] .exercise-modal-navigation {
  background: var(--bg-primary);
  border-top: 1px solid var(--border-color);
}

[data-theme="dark"] .exercise-pagination {
  color: var(--text-secondary);
}

[data-theme="dark"] .exercise-slide {
  background: var(--card-bg);
  color: var(--text-primary);
}

[data-theme="dark"] .technique-select {
  background: var(--bg-primary);
  color: var(--text-primary);
  border-color: var(--border-color);
}

[data-theme="dark"] .dropdown-container::after {
  color: var(--text-secondary);
}

/* Mobile Dark Mode Styles */
[data-theme="dark"] .mobile-exercise-nav {
  background: var(--hover-bg);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .exercise-dot {
  background: var(--border-color);
}

[data-theme="dark"] .exercise-dot.active {
  background: var(--primary-color);
}

[data-theme="dark"] .exercise-dot.completed {
  background: var(--success-text);
}

[data-theme="dark"] .stats-accordion {
  background: var(--hover-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .stats-accordion summary {
  color: var(--text-primary);
}

[data-theme="dark"] .stats-accordion[open] summary {
  border-bottom-color: var(--border-color);
}

/* Loading States Dark Mode */
[data-theme="dark"] .spinner {
  border-color: var(--border-color);
  border-top-color: var(--primary-color);
}

[data-theme="dark"] .workout-wizard-modal {
  background: rgba(0, 0, 0, 0.85) !important;
}

/* Workout Generation Wizard Modal Dark Mode */
[data-theme="dark"] .wizard-modal-content {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .wizard-header {
  border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .wizard-header h2,
[data-theme="dark"] .wizard-header h3 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-close-btn {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .wizard-close-btn:hover {
  background: var(--hover-bg) !important;
  color: var(--text-primary) !important;
}

/* Progress Steps Dark Mode */
[data-theme="dark"] .wizard-progress {
  background: transparent !important;
}

[data-theme="dark"] .step-number {
  background: var(--hover-bg) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .progress-step.active .step-number {
  background: var(--primary-color) !important;
  color: white !important;
}

[data-theme="dark"] .progress-step.completed .step-number {
  background: var(--success-bg) !important;
  color: var(--success-text) !important;
}

[data-theme="dark"] .step-label {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .progress-line {
  background: var(--border-color) !important;
}

/* Wizard Fields Dark Mode */
[data-theme="dark"] .wizard-field label {
  color: #ffffff !important;
}

[data-theme="dark"] .wizard-option {
  background: #2d2d2d !important;
  border-color: #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .wizard-option:hover {
  background: #3d3d3d !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-option.selected {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-option small {
  color: #b0b0b0 !important;
}

/* Time Slider Dark Mode */
[data-theme="dark"] .time-slider {
  background: var(--border-color) !important;
}

[data-theme="dark"] .time-slider::-webkit-slider-thumb {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .time-slider::-moz-range-thumb {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .time-display {
  color: var(--text-primary) !important;
}

/* Muscle & Equipment Cards Dark Mode */
[data-theme="dark"] .wizard-muscle-option,
[data-theme="dark"] .wizard-equipment-option {
  background: #2d2d2d !important;
  border-color: #3d3d3d !important;
}

[data-theme="dark"] .wizard-muscle-option:hover,
[data-theme="dark"] .wizard-equipment-option:hover {
  background: #3d3d3d !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-muscle-option.selected,
[data-theme="dark"] .wizard-equipment-option.selected {
  background: linear-gradient(to bottom, rgba(125, 127, 242, 0.2), #2d2d2d) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-muscle-option span,
[data-theme="dark"] .wizard-equipment-option span {
  color: #f0f0f0 !important;
}

[data-theme="dark"] .wizard-muscle-option.selected::after,
[data-theme="dark"] .wizard-equipment-option.selected::after {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

/* Footer Dark Mode */
[data-theme="dark"] .wizard-footer {
  border-top-color: #3d3d3d !important;
  background: #1a1a1a !important;
}

[data-theme="dark"] .wizard-back-btn {
  background: #2d2d2d !important;
  color: #b0b0b0 !important;
}

[data-theme="dark"] .wizard-back-btn:hover {
  background: #3d3d3d !important;
  color: #ffffff !important;
}

[data-theme="dark"] .wizard-next-btn,
[data-theme="dark"] .wizard-generate-btn {
  background: var(--primary-color) !important;
  color: white !important;
}

[data-theme="dark"] .wizard-next-btn:hover,
[data-theme="dark"] .wizard-generate-btn:hover {
  background: var(--primary-hover) !important;
}

/* Inline Styles Override for Dark Mode */
[data-theme="dark"] #workoutLimitDisplay {
  background: #2d2d2d !important;
  border-color: #3d3d3d !important;
}

[data-theme="dark"] #workoutLimitDisplay > div {
  color: #f0f0f0 !important;
}

[data-theme="dark"] #resetTimeDisplay {
  color: #b0b0b0 !important;
}

[data-theme="dark"] #upgradePrompt {
  background: rgba(254, 243, 199, 0.1) !important;
  border-color: rgba(254, 243, 199, 0.3) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] #upgradePrompt p {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .streak-display {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-free-tier-message {
  background: rgba(254, 243, 199, 0.1) !important;
  border-color: rgba(254, 243, 199, 0.3) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-free-tier-message a {
  color: var(--primary-color) !important;
}

[data-theme="dark"] #weeklyPlanMessage h4 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] #weeklyPlanMessage p {
  color: var(--text-secondary) !important;
}

/* Info Bubble Dark Mode */
[data-theme="dark"] .info-bubble {
  background: #2d2d2d !important;
  color: #f0f0f0 !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .info-bubble::before {
  border-top-color: #2d2d2d !important;
}

[data-theme="dark"] .modal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

/* Wizard Steps Container Dark Mode */
[data-theme="dark"] .wizard-steps-container {
  background: #1a1a1a !important;
}

[data-theme="dark"] .wizard-step h3 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-step h4 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-step p {
  color: var(--text-secondary) !important;
}

/* Experience and Training Cards Dark Mode */
[data-theme="dark"] .experience-card,
[data-theme="dark"] .training-card,
[data-theme="dark"] .time-card {
  background: #2d2d2d !important;
  border-color: #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .experience-card:hover,
[data-theme="dark"] .training-card:hover,
[data-theme="dark"] .time-card:hover {
  background: #3d3d3d !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .experience-card.selected,
[data-theme="dark"] .training-card.selected,
[data-theme="dark"] .time-card.selected {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

/* Important: Override inline styles */
[data-theme="dark"] .wizard-step > div[style*="background"] {
  background: var(--card-bg) !important;
}

[data-theme="dark"] .wizard-step div[style*="color: #333"] {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-step div[style*="color: #666"] {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .wizard-step div[style*="color: #64748b"] {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .wizard-step div[style*="color: #1a202c"] {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-step div[style*="background: #f8f9fa"] {
  background: var(--hover-bg) !important;
}

[data-theme="dark"] .wizard-step div[style*="background: #fff3cd"] {
  background: rgba(254, 243, 199, 0.1) !important;
}

[data-theme="dark"] .wizard-step p[style*="color: #856404"] {
  color: var(--text-primary) !important;
}

/* Wizard Header */
[data-theme="dark"] .wizard-header {
  background: #2d2d2d !important;
  border-bottom-color: #3d3d3d !important;
}

/* Exercise Modal Specific Dark Mode */
[data-theme="dark"] .exercise-modal,
[data-theme="dark"] .workout-modal,
[data-theme="dark"] .generated-workout-modal {
  background: rgba(0, 0, 0, 0.9) !important;
}

[data-theme="dark"] .exercise-modal-content,
[data-theme="dark"] .workout-modal-content,
[data-theme="dark"] .generated-workout-content {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border: 1px solid #3d3d3d !important;
}

/* Exercise Details Section */
[data-theme="dark"] .exercise-details {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .exercise-name {
  color: #ffffff !important;
}

[data-theme="dark"] .exercise-info {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .sets-reps-info {
  background: #1a1a1a !important;
  border: 1px solid #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .set-details {
  background: #2d2d2d !important;
  border-bottom: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .set-number {
  color: #ffffff !important;
  font-weight: 600;
}

[data-theme="dark"] .reps-weight {
  color: #b0b0b0 !important;
}

/* Find How-to Video Button Dark Mode */
[data-theme="dark"] .video-btn,
[data-theme="dark"] .find-video-btn,
[data-theme="dark"] button[onclick*="searchYouTube"] {
  background: #c41e3a !important; /* Darker red */
  color: #ffffff !important;
  border: 1px solid #e74c3c !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .video-btn:hover,
[data-theme="dark"] .find-video-btn:hover,
[data-theme="dark"] button[onclick*="searchYouTube"]:hover {
  background: #a01729 !important; /* Even darker on hover */
  border-color: #c41e3a !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(196, 30, 58, 0.3) !important;
}

/* Modal Headers and Titles */
[data-theme="dark"] .modal-header h2,
[data-theme="dark"] .modal-header h3,
[data-theme="dark"] .exercise-modal h2,
[data-theme="dark"] .exercise-modal h3 {
  color: #ffffff !important;
}

/* Modal Dividers and Borders */
[data-theme="dark"] .divider,
[data-theme="dark"] .separator,
[data-theme="dark"] hr {
  border-color: #3d3d3d !important;
  background-color: #3d3d3d !important;
}

/* Exercise List Items */
[data-theme="dark"] .exercise-list-item {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .exercise-list-item:hover {
  background: #3d3d3d !important;
  border-color: #4d4d4d !important;
}

/* Close Button */
[data-theme="dark"] .close-btn,
[data-theme="dark"] .modal-close {
  color: #b0b0b0 !important;
  background: transparent !important;
}

[data-theme="dark"] .close-btn:hover,
[data-theme="dark"] .modal-close:hover {
  color: #ffffff !important;
  background: #3d3d3d !important;
}

/* Input Fields in Modal */
[data-theme="dark"] .modal-content input,
[data-theme="dark"] .modal-content select,
[data-theme="dark"] .modal-content textarea {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .modal-content input:focus,
[data-theme="dark"] .modal-content select:focus,
[data-theme="dark"] .modal-content textarea:focus {
  border-color: #5d5d5d !important;
  box-shadow: 0 0 0 2px rgba(93, 93, 93, 0.2) !important;
}

/* Action Buttons */
[data-theme="dark"] .modal-actions button {
  background: #2d2d2d !important;
  color: #f0f0f0 !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .modal-actions button:hover {
  background: #3d3d3d !important;
  border-color: #4d4d4d !important;
}

[data-theme="dark"] .modal-actions button.primary {
  background: var(--primary-color) !important;
  color: #ffffff !important;
  border: none !important;
}

/* Specific override for workout generation modal background */
[data-theme="dark"] #workoutModal,
[data-theme="dark"] #exerciseModal,
[data-theme="dark"] .workout-display-modal {
  background: rgba(0, 0, 0, 0.9) !important;
}

[data-theme="dark"] #workoutModal .modal-content,
[data-theme="dark"] #exerciseModal .modal-content,
[data-theme="dark"] .workout-display-modal .modal-content {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
}

/* Exercise cards within modal */
[data-theme="dark"] .exercise-card {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .exercise-card:hover {
  background: #3d3d3d !important;
  border-color: var(--primary-color) !important;
}

/* Tags and badges */
[data-theme="dark"] .exercise-tag,
[data-theme="dark"] .muscle-tag,
[data-theme="dark"] .equipment-tag {
  background: #3d3d3d !important;
  color: #f0f0f0 !important;
  border: 1px solid #4d4d4d !important;
}

/* Progress indicators */
[data-theme="dark"] .progress-bar {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .progress-fill {
  background: var(--primary-color) !important;
}

/* Ensure text contrast */
[data-theme="dark"] .modal-content p,
[data-theme="dark"] .modal-content span,
[data-theme="dark"] .modal-content div {
  color: #f0f0f0 !important;
}

[data-theme="dark"] .modal-content .muted,
[data-theme="dark"] .modal-content .text-muted {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .modal-content .text-primary {
  color: var(--primary-color) !important;
}

/* Override any inline styles */
[data-theme="dark"] .modal-content [style*="background: white"],
[data-theme="dark"] .modal-content [style*="background: #fff"],
[data-theme="dark"] .modal-content [style*="background: #ffffff"] {
  background: #1a1a1a !important;
}

[data-theme="dark"] .modal-content [style*="color: black"],
[data-theme="dark"] .modal-content [style*="color: #000"],
[data-theme="dark"] .modal-content [style*="color: #000000"] {
  color: #f0f0f0 !important;
}

/* Training Styles Modal Dark Mode */
[data-theme="dark"] .training-styles-modal {
  background: rgba(0, 0, 0, 0.9) !important;
}

[data-theme="dark"] .training-styles-content {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .training-style-card {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .training-style-card:hover {
  background: #3d3d3d !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .training-style-title {
  color: #ffffff !important;
}

[data-theme="dark"] .training-style-description {
  color: #b0b0b0 !important;
}

/* Fix Dropdown Arrows - Remove duplicate arrows */
[data-theme="dark"] .technique-select {
  background-image: none !important;
  background-color: #2d2d2d !important;
  color: #f0f0f0 !important;
  border-color: #3d3d3d !important;
}

[data-theme="dark"] .dropdown-container .technique-select {
  background-image: none !important;
}

/* Ensure only one arrow appears */
[data-theme="dark"] .dropdown-container::after {
  color: #b0b0b0 !important;
}

/* Recommended Weight and Stats Dark Mode */
[data-theme="dark"] .recommendation-card {
  background: linear-gradient(135deg, rgba(125, 127, 242, 0.9) 0%, rgba(99, 102, 241, 0.9) 100%) !important;
}

[data-theme="dark"] .recommendation-weight {
  background: rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .stat-item {
  background: #2d2d2d !important;
  padding: 0.5rem;
  border-radius: 8px;
  margin: 0.25rem 0;
}

[data-theme="dark"] .stat-label {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .stat-value {
  color: #ffffff !important;
}

/* Exercise Name and Details Dark Mode */
[data-theme="dark"] .exercise-header {
  background: #2d2d2d !important;
  padding: 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}

[data-theme="dark"] .exercise-name {
  color: #ffffff !important;
}

[data-theme="dark"] .sets-reps-display {
  color: #b0b0b0 !important;
}

/* Macros and Water Intake Dark Mode */
[data-theme="dark"] .macro-water-container {
  background: #1a1a1a !important;
}

[data-theme="dark"] .macro-section {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .water-section {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .macro-section h3,
[data-theme="dark"] .water-section h3 {
  color: #ffffff !important;
}

/* Macro Chart Dark Mode */
[data-theme="dark"] .chart-info h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .chart-info p {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .macro-legend {
  background: #1a1a1a !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .legend-item {
  color: #f0f0f0 !important;
}

[data-theme="dark"] .legend-percentage {
  color: #ffffff !important;
  font-weight: 600;
}

/* Water Glasses Dark Mode */
[data-theme="dark"] .water-glass {
  background: #1a1a1a !important;
  border: 2px solid #3d3d3d !important;
  color: #b0b0b0 !important;
}

[data-theme="dark"] .water-glass:hover {
  background: #3d3d3d !important;
  border-color: #4d4d4d !important;
}

[data-theme="dark"] .water-glass.filled {
  background: rgba(59, 130, 246, 0.8) !important;
  border-color: rgba(59, 130, 246, 1) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .water-stats {
  background: #1a1a1a !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .water-stats h4 {
  color: #ffffff !important;
}

[data-theme="dark"] .water-stats p {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .water-stats .current-amount {
  color: rgba(59, 130, 246, 1) !important;
}

/* Water Controls Dark Mode */
[data-theme="dark"] .water-controls {
  background: #1a1a1a !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .water-btn {
  background: #2d2d2d !important;
  color: #f0f0f0 !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .water-btn:hover {
  background: #3d3d3d !important;
  border-color: #4d4d4d !important;
}

[data-theme="dark"] .water-increment {
  background: #1a1a1a !important;
  color: #b0b0b0 !important;
}

[data-theme="dark"] .edit-water-btn {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .edit-water-btn:hover {
  color: var(--primary-color) !important;
}

/* Edit Water Panel Dark Mode */
[data-theme="dark"] .edit-water-content {
  background: #2d2d2d !important;
  border: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .edit-water-content input {
  background: #1a1a1a !important;
  border: 1px solid #3d3d3d !important;
  color: #f0f0f0 !important;
}

[data-theme="dark"] .edit-water-content label {
  color: #f0f0f0 !important;
}

/* Macro Info Section Dark Mode */
[data-theme="dark"] .macro-info {
  background: #1a1a1a !important;
  padding: 1rem;
  border-radius: 8px;
}

[data-theme="dark"] .macro-row {
  border-bottom: 1px solid #3d3d3d !important;
}

[data-theme="dark"] .macro-label {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .macro-value {
  color: #ffffff !important;
}

[data-theme="dark"] .macro-percentage {
  color: #f0f0f0 !important;
}
  color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-progress-item.completed {
  color: var(--success-text) !important;
}

[data-theme="dark"] .progress-line {
  background: var(--border-color) !important;
}

/* Wizard Steps */
[data-theme="dark"] .wizard-step {
  color: var(--text-primary);
}

[data-theme="dark"] .wizard-step h3 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-field label {
  color: var(--text-primary) !important;
}

/* Wizard Options */
[data-theme="dark"] .wizard-option {
  background: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .wizard-option:hover {
  background: var(--hover-bg) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-option.selected {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-option span {
  color: inherit !important;
}

[data-theme="dark"] .wizard-option small {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .wizard-option.selected small {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Muscle and Equipment Options */
[data-theme="dark"] .wizard-muscle-option,
[data-theme="dark"] .wizard-equipment-option {
  background: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .wizard-muscle-option:hover,
[data-theme="dark"] .wizard-equipment-option:hover {
  background: var(--hover-bg) !important;
  border-color: var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(125, 127, 242, 0.3) !important;
}

[data-theme="dark"] .wizard-muscle-option.selected,
[data-theme="dark"] .wizard-equipment-option.selected {
  background: linear-gradient(to bottom, rgba(125, 127, 242, 0.2), var(--input-bg)) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .wizard-muscle-option span,
[data-theme="dark"] .wizard-equipment-option span {
  color: var(--text-primary) !important;
}

/* Time Slider */
[data-theme="dark"] .wizard-time-slider {
  background: var(--input-bg) !important;
}

[data-theme="dark"] .time-display {
  color: var(--primary-color) !important;
}

/* Info Bubble */
[data-theme="dark"] .info-bubble {
  background: var(--tooltip-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .info-bubble::before {
  border-top-color: var(--tooltip-bg) !important;
}

/* Wizard Footer */
[data-theme="dark"] .wizard-footer {
  background: var(--hover-bg) !important;
  border-top-color: var(--border-color) !important;
}

[data-theme="dark"] .wizard-btn {
  background: var(--primary-color) !important;
  color: white !important;
  border: none !important;
}

[data-theme="dark"] .wizard-btn:hover {
  background: var(--primary-hover) !important;
}

[data-theme="dark"] .wizard-btn:disabled {
  background: var(--input-bg) !important;
  color: var(--text-muted) !important;
  opacity: 0.6;
}

[data-theme="dark"] .wizard-btn-secondary {
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .wizard-btn-secondary:hover {
  background: var(--hover-bg) !important;
  border-color: var(--primary-color) !important;
}

/* Exercise Modal Navigation */
[data-theme="dark"] .exercise-modal-navigation {
  border-top-color: var(--border-color) !important;
  background: var(--hover-bg) !important;
}

[data-theme="dark"] .exercise-pagination {
  color: var(--text-primary) !important;
}

/* Close buttons */
[data-theme="dark"] .close-modal,
[data-theme="dark"] .close-wizard {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .close-modal:hover,
[data-theme="dark"] .close-wizard:hover {
  color: var(--primary-color) !important;
}

/* Exercise items in modal */
[data-theme="dark"] .exercise-item {
  background: var(--hover-bg);
  border: 1px solid var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .exercise-item:hover {
  background: var(--card-bg);
  border-color: var(--primary-color);
}

/* Input fields in wizard */
[data-theme="dark"] .wizard-input,
[data-theme="dark"] .wizard-select,
[data-theme="dark"] .wizard-textarea {
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--input-border) !important;
}

[data-theme="dark"] .wizard-input:focus,
[data-theme="dark"] .wizard-select:focus,
[data-theme="dark"] .wizard-textarea:focus {
  border-color: var(--primary-color) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(125, 127, 242, 0.1) !important;
}

[data-theme="dark"] .wizard-input::placeholder,
[data-theme="dark"] .wizard-textarea::placeholder {
  color: var(--placeholder-color) !important;
}

/* Generate Page Additional Dark Mode Styles */
[data-theme="dark"] .range-input {
  background: var(--input-bg) !important;
}

[data-theme="dark"] .range-input::-webkit-slider-thumb {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .range-input::-moz-range-thumb {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .range-value {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .loading-container {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .logging-form {
  background: linear-gradient(to right, rgba(125, 127, 242, 0.1), transparent) !important;
  border-left-color: var(--primary-color) !important;
}

/* Analytics Page Specific Dark Mode */
[data-theme="dark"] .analytics-page {
  background: var(--light-bg) !important;
}

[data-theme="dark"] .analytics-header {
  background: var(--card-bg) !important;
  border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .analytics-title h1 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .analytics-subtitle {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .analytics-container {
  background: var(--light-bg) !important;
}

[data-theme="dark"] .analytics-loading-overlay {
  background: rgba(15, 20, 25, 0.9) !important;
}

[data-theme="dark"] .analytics-loading-content {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .analytics-spinner {
  border-color: var(--border-color) !important;
  border-top-color: var(--primary-color) !important;
}

/* Analytics Dashboard Specific */
[data-theme="dark"] .analytics-dashboard-container {
  background: var(--card-bg) !important;
  box-shadow: var(--card-shadow) !important;
}

[data-theme="dark"] .analytics-content {
  background: var(--card-bg) !important;
}

[data-theme="dark"] .tab-btn {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .tab-btn:hover {
  color: var(--primary-color) !important;
  background: var(--hover-bg) !important;
}

[data-theme="dark"] .tab-btn.active {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .period-label {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .period-select {
  background: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .period-select:hover {
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .period-select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(125, 127, 242, 0.1) !important;
}

[data-theme="dark"] .stat-card {
  background: var(--hover-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .stat-value {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .stat-label {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .stat-trend {
  background: var(--card-bg) !important;
}

[data-theme="dark"] .chart-card {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .chart-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .summary-card {
  background: var(--hover-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .summary-icon {
  background: var(--card-bg) !important;
}

[data-theme="dark"] .summary-label {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .summary-value {
  color: var(--text-primary) !important;
}

/* Enhanced Modal Overlays */
[data-theme="dark"] .workout-wizard-modal,
[data-theme="dark"] .exercise-modal-overlay,
[data-theme="dark"] .modal-backdrop {
  background: rgba(0, 0, 0, 0.9) !important;
}

/* Workout Builder Specific Dark Mode */
[data-theme="dark"] .workout-builder-main {
  background: var(--light-bg) !important;
}

[data-theme="dark"] .type-btn {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .type-btn:hover {
  background: var(--hover-bg) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .type-btn.active {
  background: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .exercise-panel {
  background: var(--card-bg) !important;
  box-shadow: var(--card-shadow) !important;
}

[data-theme="dark"] .workout-panel {
  background: var(--card-bg) !important;
  box-shadow: var(--card-shadow) !important;
}

[data-theme="dark"] .exercise-item {
  background: var(--hover-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .exercise-item:hover {
  background: var(--card-bg) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .template-item {
  background: var(--hover-bg) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .template-item:hover {
  background: var(--card-bg) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .workout-section {
  background: var(--hover-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .set-row {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .rest-timer-container {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .pdf-generating {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .empty-state {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .filter-group input,
[data-theme="dark"] .filter-group select {
  background: var(--input-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--input-border) !important;
}

[data-theme="dark"] .filter-group input:focus,
[data-theme="dark"] .filter-group select:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(125, 127, 242, 0.1) !important;
}

/* History Page Dark Mode Styles */
[data-theme="dark"] .social-feed-container {
  background: var(--card-bg) !important;
  box-shadow: var(--card-shadow) !important;
}

[data-theme="dark"] .feed-header {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .feed-header h2 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .refresh-btn {
  background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
  color: white !important;
  border: none !important;
}

[data-theme="dark"] .refresh-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(125, 127, 242, 0.3) !important;
}

[data-theme="dark"] .total-workout-time {
  background: linear-gradient(135deg, rgba(125, 127, 242, 0.1), rgba(94, 201, 221, 0.1)) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .total-workout-time strong {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .achievements-section {
  background: var(--card-bg) !important;
  box-shadow: var(--card-shadow) !important;
}

[data-theme="dark"] .achievements-grid {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .feed-post {
  background: var(--hover-bg) !important;
  box-shadow: var(--card-shadow) !important;
}

[data-theme="dark"] .feed-post:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .post-header {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .post-user-info,
[data-theme="dark"] .post-user-name,
[data-theme="dark"] .post-time {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .post-time {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .post-content {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .exercise-details {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .exercise-name {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .set-info {
  background: var(--hover-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .workout-stats-grid {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .stat-box {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .stat-value {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .stat-label {
  color: var(--text-secondary) !important;
}

/* Highlighted items from URL parameters */
[data-theme="dark"] .highlighted {
  background: rgba(125, 127, 242, 0.2) !important;
  border: 2px solid var(--primary-color) !important;
}

[data-theme="dark"] .highlight-animation {
  background: radial-gradient(circle, rgba(125, 127, 242, 0.3), transparent) !important;
}

/* History page loading spinner */
[data-theme="dark"] #historySpinner {
  background: rgba(15, 20, 25, 0.9) !important;
}

[data-theme="dark"] #historySpinner::before {
  border-color: var(--border-color) !important;
  border-top-color: var(--primary-color) !important;
}

/* Empty state */
[data-theme="dark"] .empty-message {
  color: var(--text-secondary) !important;
}

/* Post actions */
[data-theme="dark"] .post-actions {
  border-top-color: var(--border-color) !important;
}

[data-theme="dark"] .action-btn {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .action-btn:hover {
  background: var(--hover-bg) !important;
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
}

/* Muscle visualization in history */
[data-theme="dark"] .muscle-visualization {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .muscle-tag {
  background: var(--hover-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

/* Smooth Dark Mode Toggle Animation */
* {
  transition: background-color 0.3s ease, 
              color 0.3s ease, 
              border-color 0.3s ease,
              fill 0.3s ease,
              stroke 0.3s ease;
}

/* Prevent flash of unstyled content */
html:not([data-theme]) body {
  visibility: hidden;
  opacity: 0;
}

html[data-theme] body {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* YouTube Video Button Dark Mode Support */
[data-theme="dark"] .btn-youtube-video,
[data-theme="dark"] .youtube-link-btn {
  background-color: #ff0000;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: white;
}

[data-theme="dark"] .btn-youtube-video:hover,
[data-theme="dark"] .youtube-link-btn:hover {
  background-color: #ff3333;
  border-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 2px 12px rgba(255, 0, 0, 0.4);
}

/* Video modal dark mode */
[data-theme="dark"] #exercise-video-modal .modal-content {
  background: var(--card-bg);
  color: var(--text-primary);
}

[data-theme="dark"] #exercise-video-modal .modal-header {
  background: var(--card-bg);
  border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] #exercise-video-modal .close {
  color: var(--text-secondary);
}

[data-theme="dark"] #exercise-video-modal .close:hover {
  color: var(--text-primary);
}