/**
 * Order pipeline — connected steps (no skip)
 */
.workflow-stages-strip {
  gap: 0.35rem !important;
}

.workflow-stage-col {
  position: relative;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.workflow-stage-col.is-current {
  border-color: var(--brand-yellow, #ffa500) !important;
  border-width: 2px !important;
  box-shadow: none;
  background: #fff8e8 !important;
}

.workflow-stage-col.is-done {
  background: #f4f5fb !important;
  border-color: var(--brand-navy, #000080) !important;
}

.workflow-stage-col::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -0.55rem;
  width: 0.5rem;
  height: 2px;
  background: var(--brand-yellow, #ffa500);
  transform: translateY(-50%);
  z-index: 1;
}

.workflow-stage-col:last-child::after {
  display: none;
}

.workflow-requirements {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem;
}

.workflow-requirements li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.4rem 0;
  font-size: 0.8125rem;
  border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.08);
}

.workflow-requirements li:last-child {
  border-bottom: none;
}

.workflow-requirements .wf-req-icon {
  flex-shrink: 0;
  width: 1.25rem;
  text-align: center;
  margin-top: 0.1rem;
}

.workflow-requirements li.is-met .wf-req-icon {
  color: var(--bs-success);
}

.workflow-requirements li.is-block .wf-req-icon {
  color: var(--bs-warning);
}

/* Logo sizing handled in brand-wordmark.css (.brand-lockup) */