.referral-toggle {
  display: flex !important;
  align-items: center;
  gap: 12px;
  padding: 12px 13px;
  border: 1px solid rgba(66, 38, 77, .14);
  border-radius: 14px;
  background: #f8f4f9;
  cursor: pointer;
}
.referral-toggle input { width: 19px; height: 19px; accent-color: #7c4c87; }
.referral-toggle span, .referral-toggle strong, .referral-toggle small { display: block; }
.referral-toggle small { margin-top: 2px; color: var(--muted); }
#referral-code-wrap { margin: 10px 0 14px; padding: 13px; border-radius: 14px; background: #f4edf6; }
#referral-code-wrap .secondary { margin-top: 8px; }
#referral-code-result.success { color: #23714b; font-weight: 800; }