/* The generated program should use the same paper surface as the builder and
   dashboard. Scope this to the result so the photographic wizard stays intact. */
#program-result {
  --program-paper: #fff;
  --program-soft: #f7f5f1;
  --program-blue-soft: #eaf3fb;
  --program-border: #d9d6cf;
  --program-ink: #121417;
  --program-muted: #52606d;
  --program-blue: #0866bd;
}

#program-result .program-card,
#program-result .workout-day,
#program-result .weekly-volume-summary,
#program-result .weekly-volume-focus-panel .weekly-volume-summary,
#program-result .exercise-card {
  border-color: var(--program-border) !important;
  background: var(--program-paper) !important;
  background-image: none !important;
  color: var(--program-ink) !important;
  box-shadow: none !important;
}

#program-result .program-card {
  border-radius: 12px;
}

#program-result .program-actions { display: flex; flex-wrap: wrap; gap: 10px; }

#program-result .program-eyebrow,
#program-result .day-label {
  color: var(--program-blue) !important;
}

#program-result .program-header h2,
#program-result .training-effort-copy h3,
#program-result .workout-day-header h3,
#program-result .exercise-card-name,
#program-result .weekly-volume-header h3,
#program-result .muscle-volume-name,
#program-result .muscle-volume-numbers strong,
#program-result .muscle-focus-summary-muscles {
  color: var(--program-ink) !important;
  -webkit-text-fill-color: currentColor !important;
}

#program-result .program-description,
#program-result .training-effort-copy p,
#program-result .exercise-note,
#program-result .weekly-volume-header p,
#program-result .muscle-volume-range,
#program-result .muscle-volume-quality-score,
#program-result .muscle-volume-starting-week-note,
#program-result .muscle-volume-unmapped-notice,
#program-result .muscle-volume-detail summary,
#program-result .muscle-focus-summary-note {
  color: var(--program-muted) !important;
}

#program-result .share-program-button {
  border-color: var(--program-blue) !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--program-blue) !important;
  -webkit-text-fill-color: currentColor !important;
}

#program-result .save-program-button {
  border-color: var(--program-blue) !important;
  background: var(--program-blue) !important;
  background-image: none !important;
  color: #fff !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
}

#program-result .save-program-button:disabled {
  border-color: #aeb8c1 !important;
  background: #e7eaed !important;
  color: #52606d !important;
}

#program-result .summary-item,
#program-result .muscle-exercise-group,
#program-result .muscle-volume-row,
#program-result .exercise-stat {
  border-color: var(--program-border) !important;
  background: var(--program-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

#program-result .summary-item::after { display: none; }
#program-result .summary-item::before { background: var(--program-blue); }
#program-result .summary-item span,
#program-result .exercise-count,
#program-result .muscle-exercise-group-header strong {
  background: var(--program-blue-soft) !important;
  color: #07579f !important;
}
#program-result .summary-item strong,
#program-result .exercise-stat-value { color: var(--program-ink) !important; }

#program-result .muscle-focus-summary,
#program-result .training-effort-panel {
  border-color: #c7dff3 !important;
  background: var(--program-blue-soft) !important;
  background-image: none !important;
}
#program-result .muscle-focus-summary-heading,
#program-result .muscle-exercise-group-header span,
#program-result .exercise-stat-label {
  color: #07579f !important;
}
#program-result .training-effort-mark {
  background: #d4e9f9 !important;
  color: #07579f !important;
}
#program-result .rir-help-trigger {
  border-color: #8bb7dc !important;
  background: #fff !important;
  color: #07579f !important;
}

#program-result .plan-day-rail {
  border-color: var(--program-border) !important;
  border-top-color: var(--program-blue) !important;
  background: var(--program-paper) !important;
  color: var(--program-ink) !important;
  box-shadow: none !important;
}
#program-result .plan-day-rail-heading { border-bottom-color: var(--program-border) !important; }
#program-result .plan-day-rail-heading span { color: var(--program-blue) !important; }
#program-result .plan-day-rail-heading strong,
#program-result .plan-day-button span { color: var(--program-muted) !important; }
#program-result .plan-day-button {
  background: transparent !important;
  color: var(--program-ink) !important;
}
#program-result .plan-day-button:hover,
#program-result .plan-day-button.is-active {
  border-color: var(--program-blue) !important;
  background: var(--program-blue-soft) !important;
  color: var(--program-ink) !important;
}
#program-result .plan-volume-disclosure { border-top-color: var(--program-border) !important; }
#program-result .plan-volume-disclosure > summary { color: var(--program-ink) !important; }
#program-result .plan-day-select {
  border-color: var(--program-border) !important;
  background: #fff !important;
  color: var(--program-ink) !important;
}

#program-result .workout-day { border-top-color: var(--program-blue) !important; }
#program-result .workout-day-header {
  border-bottom: 1px solid var(--program-border);
  background: var(--program-soft) !important;
}
#program-result .exercise-card:hover {
  border-color: var(--program-blue) !important;
  box-shadow: 0 8px 24px rgba(18, 20, 23, .09) !important;
}
/* The instructional image itself has a black background. Keep only its media
   stage dark so the start/finish frames remain legible and uncropped. */
#program-result .exercise-card-media { background: #020617 !important; }
#program-result .exercise-card-body { background: #fff !important; }
#program-result .exercise-card-stats { border-top-color: var(--program-border); }
#program-result .muscle-badge {
  background: var(--program-blue-soft) !important;
  color: #07579f !important;
}
#program-result .equipment-badge {
  background: #e5f5ee !important;
  color: #12694b !important;
}
#program-result .reroll-button {
  border-color: #91b8d9 !important;
  background: #0b3660 !important;
  color: #fff !important;
}
#program-result .reroll-button:hover { background: var(--program-blue) !important; }
#program-result .reroll-feedback { color: #a4263b !important; }

#program-result .muscle-volume-status--secondary,
#program-result .muscle-volume-status--not-targeted,
#program-result .muscle-volume-status--incomplete {
  background: #e7eaed !important;
  color: #52606d !important;
}
#program-result .muscle-volume-bar { background: #dce2e7 !important; }
#program-result .muscle-volume-bar-target { background: #b5cbdc !important; }
#program-result .muscle-volume-adjust {
  border-color: #8bb7dc !important;
  background: var(--program-blue-soft) !important;
  color: #07579f !important;
}
#program-result .weekly-volume-open-hint {
  border-color: #8bb7dc !important;
  color: #07579f !important;
}
#program-result .volume-change-cue {
  background: var(--program-blue-soft) !important;
  color: #07579f !important;
}

@media (max-width: 480px) {
  #program-result .program-card { border-radius: 12px; }
}