/* BloxMaps: the account page's referral card (templates/_referral_card.html, static/js/referral.js). The redesign:
   a mono link field, quiet stat tiles (pages-account.css adds the card's soft blue glow on the account page). */
.referral-card { display: grid; gap: 14px; }
.referral-card .card-title { margin-bottom: 0; }
.ref-link { display: flex; gap: 10px; align-items: stretch; }
.ref-link .input { flex: 1; min-width: 0; font-weight: 500; font-size: 0.95rem; }
.ref-link .btn { flex: none; }
.ref-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 520px) {
  .ref-link { flex-direction: column; }
  .ref-stats .stat b { font-size: 1.1rem; }
}