.referrals-view{color:var(--text,#142238);padding:18px 0 40px;min-width:0}.ref-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.ref-header span,.ref-share>div>span{font-size:11px;letter-spacing:.13em;font-weight:750;color:#4579c0}.ref-header h1{font-size:28px;margin:8px 0}.ref-header p,.ref-card>p,.ref-share p,.ref-rules p{color:var(--muted,#667891);line-height:1.65}.ref-card{background:var(--card,#fff);border:1px solid var(--border,#dce5f1);border-radius:14px;padding:24px;margin-bottom:20px;min-width:0}.ref-card h2{font-size:18px;margin:0 0 10px}.ref-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.ref-tabs button{border:1px solid var(--border,#dce5f1);background:var(--card,#fff);color:inherit;border-radius:9px;padding:11px 16px}.ref-tabs button.active{background:#eaf2ff;color:#195fc1;border-color:#c2d8fb}.ref-share{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:linear-gradient(115deg,#0c2758,#245cab);color:#fff;border:0}.ref-share h2{font-size:26px;margin:10px 0}.ref-share>div>span,.ref-share p{color:#c7dbfa}.ref-copy{display:flex;gap:10px;max-width:720px}.ref-copy input{min-width:0;flex:1;background:#ffffff15;color:#fff;border:1px solid #ffffff40;border-radius:8px;padding:12px;font-size:14px}.ref-copy button{white-space:nowrap}.ref-reward{text-align:center;padding:25px}.ref-reward b{font-size:54px;letter-spacing:-.05em;display:block;color:#75e9ed}.ref-reward span{font-size:13px}.ref-copy-status{font-size:12px;min-height:20px;margin:8px 0 0}.ref-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ref-stats article{display:flex;flex-direction:column;gap:10px;padding:22px}.ref-stats span{font-size:13px;color:var(--muted,#667891)}.ref-stats b{font-size:27px}.ref-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.referrals-view form{display:grid;gap:14px}.referrals-view form label{display:grid;gap:7px;font-size:13px}.referrals-view :is(input,select,textarea){box-sizing:border-box;min-height:42px;width:100%;border:1px solid var(--border,#dce5f1);border-radius:8px;background:var(--card,#fff);color:inherit;padding:10px 12px;font:inherit}.referrals-view .ref-copy input{color:#fff;background:#ffffff15;border-color:#ffffff40}.referrals-view form button{justify-self:start}.referrals-view form [role=status]{margin:0;color:#b64d2d;font-size:13px}.ref-table-wrap{overflow:auto;max-width:100%;margin-top:18px}.referrals-view table{border-collapse:collapse;width:100%;font-size:13px}.referrals-view th{text-align:left;font-weight:650;color:var(--muted,#667891);background:var(--surface,#f5f8fc);white-space:nowrap}.referrals-view :is(th,td){padding:14px 12px;border-bottom:1px solid var(--border,#e2e9f2);vertical-align:top}.referrals-view td small{display:block;color:var(--muted,#667891);font-size:11px;max-width:270px;overflow-wrap:anywhere;margin-top:5px}.ref-empty{text-align:center!important;color:var(--muted,#667891);padding:30px!important}.ref-badge{display:inline-block;border-radius:20px;background:#edf2fa;color:#536c90;font-size:11px;padding:5px 9px;white-space:nowrap}.ref-available,.ref-paid{background:#e3f6ed;color:#17764c}.ref-requested,.ref-reviewing{background:#fff3dc;color:#90600e}.ref-rejected,.ref-reversed{background:#fee9e7;color:#a43931}.ref-rules{border-top:1px solid var(--border,#dce5f1);padding-top:20px;font-size:13px}.ref-rules summary,.referrals-view details summary{cursor:pointer;color:#3578cb}.ref-timeline{padding-left:17px;min-width:240px}.ref-timeline li{padding:10px 0;font-size:12px}.ref-timeline p{margin:4px 0;color:var(--muted,#667891)}.ref-review{margin-top:24px;border-top:1px solid var(--border,#dce5f1);padding:24px 0}.ref-review form{max-width:600px}.ref-review [data-bank-detail]{overflow-wrap:anywhere}.referrals-view button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.ref-stats{grid-template-columns:1fr 1fr}.ref-reward{padding:10px}.ref-share{gap:15px}.ref-reward b{font-size:40px}}@media(max-width:600px){.ref-header{align-items:flex-start}.ref-header h1{font-size:24px}.ref-card{padding:18px}.ref-share,.ref-bank-grid{grid-template-columns:1fr}.ref-reward{text-align:left}.ref-reward b{font-size:36px}.ref-copy{flex-direction:column}.ref-copy button{align-self:flex-start}.ref-stats{gap:10px}.ref-stats article{padding:15px}.ref-stats b{font-size:22px}}
.ref-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;font-size:12px}.ref-pagination button{padding:8px 12px;border:1px solid var(--border,#dce5f1);border-radius:8px;background:var(--card,#fff);color:inherit}
.ref-eyebrow{display:block;color:#4579c0;font-size:11px;letter-spacing:.1em;font-weight:700;margin-bottom:8px}.ref-manual-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.ref-manual-heading p,.ref-manual-help,.ref-manual-reversal p{color:var(--muted,#667891);line-height:1.65;font-size:13px}.ref-manual-heading h3{margin:0 0 12px}.referrals-view .ref-manual-search{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-top:20px}.ref-manual-search label{flex:1;min-width:200px;max-width:480px}.ref-manual-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;padding:18px;background:var(--surface,#f5f8fc);border-radius:10px}.ref-manual-facts dt{font-size:12px;color:var(--muted,#667891)}.ref-manual-facts dd{margin:6px 0 0;font-size:14px;overflow-wrap:anywhere}.ref-manual-facts small{display:block;margin-top:5px;color:var(--muted,#667891)}.ref-manual-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.referrals-view form label.ref-confirm{display:flex;align-items:flex-start;line-height:1.6;gap:10px}.referrals-view .ref-confirm input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;padding:0;margin:2px 0 0;accent-color:#082c70}.ref-manual-reversal{max-width:700px;border-top:1px solid var(--border,#dce5f1);padding-top:18px;margin-top:24px}.ref-review{scroll-margin-top:30px}@media(max-width:600px){.ref-manual-facts,.ref-manual-fields{grid-template-columns:1fr}.ref-manual-heading{flex-wrap:wrap}.ref-pagination{justify-content:flex-start}}
.ref-payment-readiness{background:var(--surface,#f1f6fd);border:1px solid var(--border,#dce5f1);padding:16px;border-radius:10px;margin:18px 0;font-size:12px}.ref-payment-readiness p{font-size:12px;line-height:1.6}.ref-payment-readiness a{display:inline-block;margin:8px 12px;color:#3578cb}
#appScreen #referralsView{padding:26px 24px 40px;box-sizing:border-box;width:100%;max-width:none}
#appScreen #referralsView .ref-share h2{color:#fff!important}
#appScreen #referralsView .ref-share p,#appScreen #referralsView .ref-share>div>span{color:#d8e7ff!important}
#appScreen #referralsView .ref-share .ref-copy input{background:#ffffff15!important;color:#fff!important;border-color:#ffffff50!important}
#appScreen #referralsView .ref-reward span{color:#d8e7ff!important}
#appScreen #referralsView .ref-review form{max-width:900px!important;width:100%;grid-template-columns:1fr!important}
#appScreen #referralsView .ref-review form>button{justify-self:start!important;grid-column:1/-1}
html[data-theme=dark] #referralsView,html[data-theme=dark] .login-brand-editor{--card:#15253a;--border:#31435e;--text:#e5edfa;--muted:#a2b5cf;--surface:#1c304b}
@media(max-width:600px){#appScreen #referralsView{padding:22px 14px 35px}}