/* 步骤加载：完成 / 进行中 / 待办 */
.wa-spin-steps {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 280px;
  margin-inline: auto;
  text-align: start;
}

.wa-spin-steps__item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  line-height: 1.4;
  color: var(--color-text-1);
}

.wa-spin-steps__icon {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.wa-spin-steps__item.is-done {
  color: var(--color-text-2);
}

.wa-spin-steps__item.is-done .wa-spin-steps__icon {
  color: rgb(var(--success-6));
}

.wa-spin-steps__item.is-active {
  color: var(--color-text-1);
  font-weight: 500;
}

.wa-spin-steps__item.is-pending {
  color: var(--color-text-4);
}

.wa-spin-steps__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--color-fill-3);
}