.alert {
  display: none;
  border-left: 3px solid;
}

.alert.error {
  background: var(--error-bg);
  border-color: var(--error);
  color: var(--error);
}

.alert.success {
  background: var(--success-bg);
  border-color: var(--success);
  color: var(--success);
}

.status-badge,
.card-status-badge,
.queue-label,
.count-label {
  text-transform: uppercase;
}

.spinner,
.spinner-sm {
  display: inline-block;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}

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