/* The Settings "Test" key button's verdict (docs/plans/api-key-test-button.md). Same opaque bg + ink pairs as .credential-status, as a block so a full sentence wraps. */
/* An empty line takes no room but stays in the accessibility tree (a live region must not be hidden). */
.credential-test-result {
  margin: 0;
}

.credential-test-result:not(:empty) {
  margin-top: var(--space-sm);
}

.credential-test-message {
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-sm);
  font-size: 0.85rem;
}

.credential-test-message.status-valid {
  background: var(--color-success-bg);
  color: var(--color-success-ink);
}

.credential-test-message.status-failed {
  background: var(--color-error-bg);
  color: var(--color-error-ink);
}

.credential-test-message.status-pending {
  background: var(--color-caution-bg);
  color: var(--color-caution-ink);
}

.credential-test-detail {
  display: block;
  margin-top: var(--space-xs);
  font-size: 0.8rem;
  color: var(--text-muted);
}