/* RootRecord contact relay status icons */
.contact-state-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}

.contact-state-icon[data-status="processing"] {
  animation: rr-status-spin 0.9s linear infinite;
}

@keyframes rr-status-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .contact-state-icon[data-status="processing"] {
    animation: none;
  }
}

/* Replace legacy status dots with the new state icons. */
.contact-stages li {
  grid-template-columns: minmax(0, 1fr);
}

.contact-stages .contact-led,
.contact-stages li:not(:last-child)::before {
  display: none;
}

.contact-state {
  display: flex;
  align-items: center;
  gap: 7px;
}

.contact-state-icon {
  flex: 0 0 auto;
}

.contact-stages li[data-state="standby"] .contact-state-icon {
  color: #9cb0c6;
}

.contact-stages li[data-state="working"] .contact-state-icon {
  color: #e9b84c;
}

.contact-stages li[data-state="complete"] .contact-state-icon {
  color: #36c88c;
}

.contact-stages li[data-state="error"] .contact-state-icon {
  color: #ff9096;
}