.referral-statistics .invite-level-link { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; min-height:56px; margin:0 0 12px; padding:10px 12px; border:1px solid rgba(8,124,255,.22); border-radius:12px; background:rgba(8,124,255,.055); color:var(--ui-text); text-align:left; transition:background-color 180ms ease,border-color 180ms ease,transform 180ms ease; }
.referral-statistics .invite-level-link:active { transform:scale(.99); }
.referral-statistics .invite-level-copy { display:flex; min-width:0; flex-direction:column; gap:3px; }
.referral-statistics .invite-level-copy strong { font-size:13px; font-weight:600; line-height:1.4; overflow-wrap:anywhere; }
.referral-statistics .invite-level-copy > span { color:var(--ui-muted); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.referral-statistics .invite-level-link > svg { width:16px; height:16px; flex:0 0 16px; }
.referral-total { display:flex; min-width:0; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:12px; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-surface,#1d2025); text-align:left; }
.referral-total > span { min-width:0; color:var(--ui-muted); font-size:13px; font-weight:500; overflow-wrap:anywhere; }
.referral-total > strong { max-width:60%; color:var(--ui-money); font-size:20px; line-height:1.2; font-weight:650; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; text-align:right; }
.referral-friend-count { display:flex; align-items:center; justify-content:space-between; gap:12px; min-width:0; margin:0 0 12px; padding:0 2px; color:var(--ui-muted); font-size:13px; overflow-wrap:anywhere; }
.referral-friend-count strong { min-width:0; color:var(--ui-text); font-size:15px; font-weight:600; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.referral-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0 0 20px; }
.referral-metrics > div { min-width:0; padding:12px; border:1px solid var(--ui-line); border-radius:12px; background:var(--ui-surface,#1d2025); }
.referral-metrics dt { color:var(--ui-muted); font-size:11px; font-weight:500; }
.referral-metrics dd { min-width:0; margin:7px 0 0; font-size:15px; font-weight:650; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.referral-metrics .referral-hold-metric { grid-column:1/-1; }
.referral-statistics-list { margin:12px 0 16px; }
.referral-friend summary strong { display:block; min-width:0; color:var(--ui-text); font-size:var(--ui-font-body); font-weight:650; overflow-wrap:anywhere; }
.referral-friend summary > div { min-width:0; }
.referral-friend summary > .offer-event-amount { max-width:40%; flex-shrink:1; color:var(--ui-money); text-align:right; overflow-wrap:anywhere; }
.referral-friend-events { padding:0 0 12px 12px; border-left:2px solid var(--ui-line); }
.referral-income-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--ui-line); }
.referral-income-row > div { min-width:0; }
.referral-income-row strong { font-size:12px; font-weight:550; overflow-wrap:anywhere; }
.sheet .referral-income-row p { margin:4px 0 0; color:var(--ui-subtle); font-size:11px; line-height:1.5; }
.referral-income-row > span { max-width:42%; flex-shrink:1; color:var(--ui-money); font-size:13px; font-weight:650; font-variant-numeric:tabular-nums; text-align:right; overflow-wrap:anywhere; }
.sheet .referral-statistics > .primary-button { width:100%; min-height:40px; margin:0; }
.referral-income-row .offer-status { display:block; margin-top:4px; font-size:11px; }
.referral-income-row > .is-on-hold { color:#d6b970; }
.referral-metrics [data-amount-number] { white-space:normal; overflow-wrap:anywhere; }