/*
 *= require_tree .
 *= require_self
 */

/* Pipeline stepper -- same visual language as Folding's/NgsOrchestrator's
   (own copy, not shared -- no view/asset code is shared between engines in
   this platform). Status drives the icon circle's color; see
   RnaSeq::ApplicationHelper for how each stage's status is computed. */
.pipeline-map-icon {
  background-color: var(--bs-secondary-bg-subtle);
  color: var(--bs-secondary-color);
}

.pipeline-map-stage-done .pipeline-map-icon {
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-success);
}

.pipeline-map-stage-in_progress .pipeline-map-icon {
  /* Bootstrap's --bs-info-bg-subtle is a fixed value baked into its
     compiled CSS (not derived from --bs-info at runtime), so it stays
     Bootstrap's default light cyan regardless of the host's --bs-info
     override. color-mix() keeps this in sync with whatever --bs-info
     actually is. */
  background-color: color-mix(in srgb, var(--bs-info) 15%, white);
  color: var(--bs-info);
}

.pipeline-map-stage-failed .pipeline-map-icon {
  background-color: var(--bs-danger-bg-subtle);
  color: var(--bs-danger);
}

.pipeline-map-arrow {
  margin-top: 1.1rem;
}