[data-referral-field][hidden]{display:none!important}
.member-referral-editor{margin:16px 0;padding:16px;border:1px solid #365463;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.member-referral-editor label{display:grid;gap:6px;flex:1 1 180px}
.member-referral-editor input{width:100%;box-sizing:border-box;background:var(--panel-bg,#142430);color:inherit;border:1px solid #476171;border-radius:6px;padding:10px;text-transform:uppercase}
.member-referral-editor p{flex-basis:100%;margin:0}
.referral-replaced-kyc{display:none!important}
.member-profile-lists>.member-referral-editor{margin:0;min-width:0;align-content:start;align-items:start;font-size:12px}
.member-referral-editor .referral-code-status{display:flex;align-items:center;gap:12px;width:100%}
.member-referral-editor .referral-code-status strong{margin-left:auto;color:var(--mint,#79d7c1)}
.member-referral-editor [hidden]{display:none!important}
.member-referral-editor details{width:100%;border-top:1px solid #365463;padding-top:10px}
.member-referral-editor summary{cursor:pointer}
.member-referral-editor ul{max-height:160px;overflow:auto;padding-left:16px;overflow-wrap:anywhere}
.member-referral-editor li{margin:8px 0}
.referral-agent-status{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}
.referral-agent-switch{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #476171;border-radius:20px;background:#243441;color:#afbdc7;cursor:pointer}
.referral-agent-switch i{width:14px;height:14px;border-radius:50%;background:#82919c;transition:background .2s}
.referral-agent-switch[aria-checked="true"]{background:#123d32;color:#63e3b1;border-color:#41c69a}
.referral-agent-switch[aria-checked="true"] i{background:#63e3b1}
.member-referral-editor [data-active-code]{width:100%;display:grid;gap:12px}
.referral-history-dialog{width:min(620px,calc(100vw - 40px));max-height:80vh;box-sizing:border-box;padding:20px;border:1px solid #365463;border-radius:14px;background:#182833;color:#e4edf2;box-shadow:0 20px 70px #0008}
.referral-history-dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}
.referral-history-dialog header,.referral-history-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.referral-history-dialog h3{margin:0;font-size:16px}
.referral-history-dialog ul{max-height:45vh;overflow:auto;padding-left:20px}
.referral-history-dialog li{line-height:1.7;font-size:12px;overflow-wrap:anywhere}
.referral-history-dialog footer{border-top:1px solid #365463;padding-top:12px}