/* --- Retrieval status indicators --- */

.retrieval-status {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  font-family: var(--font-body);
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: var(--space-md);
}

.retrieval-status--loading {
  color: var(--color-primary);
  background: var(--color-primary-tint);
}

.retrieval-status--ready {
  color: var(--color-success);
  background: var(--color-success-bg);
}

.retrieval-status--error {
  color: var(--color-error);
  background: var(--color-error-bg);
}

.retrieval-status__spinner {
  animation: retrieval-spin 1s linear infinite;
}

@keyframes retrieval-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* --- Retrieval message (error/empty state) --- */

.retrieval-message {
  text-align: center;
  padding: var(--space-lg);
}

.retrieval-message p {
  font-family: var(--font-body);
  font-size: 0.95rem;
  color: var(--color-text-secondary);
  margin-bottom: var(--space-md);
}

.retrieval-message--warning p {
  color: var(--color-error);
}