/* Verify chip — muted, editorial. Sits alongside pick outcomes
 * on the Honest Record pages without competing for attention.
 * Tinted sage so it reads as "official" / "receipt" rather than
 * clickbait. */

.verify-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.15rem 0.5rem 0.15rem 0.4rem;
  border-radius: 999px;
  background: rgba(32, 89, 49, 0.08);     /* sage tint */
  color: #205931;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  line-height: 1.2;
  border: 1px solid rgba(32, 89, 49, 0.18);
  transition: background 0.15s, border-color 0.15s;
  vertical-align: middle;
  white-space: nowrap;
}

.verify-chip:hover,
.verify-chip:focus {
  background: rgba(32, 89, 49, 0.14);
  border-color: rgba(32, 89, 49, 0.35);
  color: #17471f;
  text-decoration: none;
}

.verify-chip__lock  { flex: 0 0 auto; }
.verify-chip__label { }
.verify-chip__id    {
  opacity: 0.72;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
}

.verify-chip--compact {
  padding: 0.1rem 0.4rem 0.1rem 0.35rem;
  font-size: 0.68rem;
  gap: 0.22rem;
}

/* Dark-background contexts (rare on HR pages — future-proof) */
@media (prefers-color-scheme: dark) {
  /* No-op: HR pages force a light palette regardless of OS theme.
     Left as a hook if a dark surface ever adopts the chip. */
}