/* Referral controls are the final full-width section of the network bonus card. */
.team-card>.referral-card{margin:20px 0 0;padding:0;border:0;border-radius:0;min-width:0;background:none;box-shadow:none}
.referral-card>label{font-size:12px;color:#e7cfdb}
#referral-link-panel[hidden]{display:none!important}
#referral-link{box-sizing:border-box;width:100%;min-width:0;margin-top:10px;border:0;border-radius:8px;background:#ffffff06;color:#ddd7e5;font:inherit;font-size:12px;line-height:1.5;padding:10px;white-space:nowrap;overflow-x:auto}
.referral-actions{display:flex;flex-wrap:wrap;gap:8px}.referral-actions button{flex:1}
#referral-status{margin-top:10px;overflow-wrap:anywhere;color:#dfcbd6}
#core-sponsor[readonly]{cursor:default;font-size:12px}
.referral-card :focus-visible,#core-sponsor:focus-visible{outline:1px solid #aaa;outline-offset:3px}

#referral-link::placeholder{color:#cfbcc7;opacity:1}

/* First-party inputs show only their caret on pointer focus. Tab navigation
   retains one subtle gray outline; Thirdweb controls and portals are excluded. */
.page .input:focus-within{outline:none!important;box-shadow:none!important;border-color:transparent}
.page input:not(#thirdweb-connect *):is(:focus,:focus-visible),.market-confirm input:is(:focus,:focus-visible){outline:none!important;box-shadow:none!important;caret-color:#ddd}
html[data-input-modality="keyboard"] .page input:not(#thirdweb-connect *):focus-visible,html[data-input-modality="keyboard"] .market-confirm input:focus-visible{outline:1px solid #686875!important;outline-offset:3px;box-shadow:none!important}