.referral-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 12px;
  border: 1px solid #dba14a;
  border-radius: 999px;
  background: rgba(219, 161, 74, .12);
  color: #ffd48c;
  font-size: 13px;
  font-weight: 700;
}
.referral-badge.hidden { display: none; }
.referral-gift { padding: 14px; border: 1px solid rgba(255, 173, 120, .4); border-radius: 8px; }
.referral-promotion { margin: 16px 0; padding: 16px; border: 1px solid rgba(255, 173, 120, .4); border-radius: 8px; background: var(--panel-2); }
.referral-promotion h4 { margin: 0 0 8px; font-size: 16px; }
.referral-promotion p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.6; }
.referral-promotion .plan-cta { white-space: normal; }
.referral-promotion .plan-cta:focus-visible { outline: 2px solid #e87532; outline-offset: 4px; }