.journey-report__stages {
  --journey-complete: #8ed1aa;
  --journey-scheduled: #8abaff;
  --journey-pending: #e5cb82;
}
.journey-stage-report {
  --journey-state-color: var(--journey-pending);
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--journey-state-color) 22%, var(--dash-border));
  border-radius: 12px;
  background: linear-gradient(125deg,
    color-mix(in srgb, var(--journey-state-color) 13%, var(--dash-bg)),
    color-mix(in srgb, var(--journey-state-color) 5%, var(--dash-bg)) 58%,
    var(--dash-bg));
}
.journey-stage-report.is-done { --journey-state-color: var(--journey-complete); }
.journey-stage-report.is-scheduled { --journey-state-color: var(--journey-scheduled); }
.journey-stage-report header em.is-done,
.journey-stage-report header em.is-scheduled,
.journey-stage-report header em.is-waiting {
  color: var(--journey-state-color);
  background: color-mix(in srgb, var(--journey-state-color) 9%, var(--dash-bg));
}