/* Slice 15: referrals — the invite link and the referral list (crew wallet, owner settings). */
@layer components {
  .pill--qualified { background: var(--color-warning-bg); color: var(--color-warning); }
  .pill--rewarded { background: var(--color-success-bg); color: var(--color-success); }
  .copy-field { display: flex; gap: var(--space-2); }
  .copy-field input { flex: 1; min-width: 0; }
  .referral-credit { margin-block: var(--space-3); }
  .referred-by { padding: var(--space-3); border-radius: var(--radius); background: var(--color-success-bg); color: var(--color-success); }
}