/* ViewFT Tier Badge System — replaces all emoji-based tier/reward indicators */

/* ── Trust tier pill badges ─────────────────────────────────────────────── */
.vft-tier-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
}

.vft-tier-new {
  background: #1e293b;
  color: #94a3b8;
  border: 1px solid #334155;
}

.vft-tier-contributor {
  background: #1e3a5f;
  color: #60a5fa;
  border: 1px solid #1d4ed8;
}

.vft-tier-trusted {
  background: #14532d;
  color: #4ade80;
  border: 1px solid #16a34a;
}

.vft-tier-authority {
  background: #2d1b69;
  color: #a78bfa;
  border: 1px solid #7c3aed;
}

.vft-tier-oracle {
  background: linear-gradient(90deg, rgba(139,92,246,0.15), rgba(6,182,212,0.15));
  color: #e0c4ff;
  border: 1px solid rgba(139,92,246,0.5);
}

/* ── Farming reward tier dots ────────────────────────────────────────────── */
.vft-farming-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  vertical-align: middle;
  flex-shrink: 0;
}

/* ── Farming tier row labels (used in leaderboard/profile) ──────────────── */
.vft-farming-tier {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: 1px solid #1e293b;
  background: #111827;
  color: #cbd5e1;
  white-space: nowrap;
}

/* ── Article / content status chips ─────────────────────────────────────── */
.vft-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle;
}

.vft-status-credible  { background: rgba(34,197,94,0.12);  color: #4ade80; }
.vft-status-dubious   { background: rgba(239,68,68,0.12);   color: #f87171; }
.vft-status-staked    { background: rgba(139,92,246,0.12);  color: #a78bfa; }
.vft-status-trending  { background: rgba(249,115,22,0.12);  color: #fb923c; }
.vft-status-verified  { background: rgba(6,182,212,0.12);   color: #22d3ee; }
.vft-status-pending   { background: rgba(250,204,21,0.12);  color: #fbbf24; }