/* Scoped additive controls, using the existing SFP design tokens. */
.referral-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}
.referral-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.referral-code-row code{font-weight:800;font-size:14px;overflow-wrap:anywhere}
.referral-consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;line-height:1.5}.referral-consent input{width:auto;flex:0 0 auto;margin-top:3px}
.referral-modal-card{max-height:90vh;overflow:auto;width:100%;max-width:680px}
.referral-node{border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:10px;padding:12px;margin:10px 0;background:white}
.referral-node-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.referral-node p{overflow-wrap:anywhere}
.referral-children{margin-top:12px}.referral-children[hidden]{display:none}
/* Flat-width branches avoid shrinking to nothing at deep generation levels. */
.referral-children .referral-node{border-right:0;border-left:0;border-radius:0;padding-left:0;padding-right:0}
#referralSignup input,.referral-panel input,#referralAdminModal input{max-width:100%;box-sizing:border-box}
#referralLiveBoard select{max-width:100%;width:100%}