/* Shared verification badge styles (3-state: Verified / Not Verified / Frozen) */
:root {
  --verification-verified-bg: rgba(34, 197, 94, 0.14);
  --verification-verified-border: #16a34a;
  --verification-verified-text: #15803d;
  --verification-unverified-bg: rgba(239, 68, 68, 0.12);
  --verification-unverified-border: #ef4444;
  --verification-unverified-text: #b91c1c;
  --verification-frozen-bg: rgba(59, 130, 246, 0.14);
  --verification-frozen-border: #3b82f6;
  --verification-frozen-text: #1d4ed8;
}

.verification-state {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.7rem;
  border-radius: 999px;
  border: 1px solid var(--verification-unverified-border);
  background: var(--verification-unverified-bg);
  color: var(--verification-unverified-text);
  font-weight: 700;
  font-size: 0.85rem;
  letter-spacing: 0.01em;
  transition: all 0.2s ease;
}

.verification-state.state-verified {
  border-color: var(--verification-verified-border);
  background: var(--verification-verified-bg);
  color: var(--verification-verified-text);
}

.verification-state.state-not-verified {
  border-color: var(--verification-unverified-border);
  background: var(--verification-unverified-bg);
  color: var(--verification-unverified-text);
}

.verification-state.state-frozen {
  border-color: var(--verification-frozen-border);
  background: var(--verification-frozen-bg);
  color: var(--verification-frozen-text);
}