.cabinet-page .upline-card{display:flex;align-items:center;gap:20px;margin:0 0 20px;padding:28px 32px;border:1px solid rgba(31,64,101,.12);border-radius:24px;background:linear-gradient(115deg,#edf8fa 0%,#f7fbff 56%,#fff 100%);box-shadow:0 16px 40px rgba(19,53,83,.06)}
.cabinet-page .upline-mark{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:19px;background:#0b565f;color:#fff;box-shadow:0 8px 22px rgba(11,86,95,.18)}
.cabinet-page .upline-mark svg{width:28px;height:28px}
.cabinet-page .upline-copy{flex:1;min-width:0}
.cabinet-page .upline-copy h2{margin:7px 0 4px;font-size:clamp(21px,2vw,28px);overflow-wrap:anywhere}
.cabinet-page .upline-copy p{margin:0;color:#617585;font-size:14px}
.cabinet-page .upline-card .btn{white-space:nowrap}
.cabinet-page [data-view="referrals"] .row{gap:12px}
.cabinet-page [data-view="referrals"] .row>div{min-width:0;overflow-wrap:anywhere}
.cabinet-page [data-view="referrals"] .row .btn{flex-shrink:0}
.cabinet-page .referral-conversation{display:flex;align-items:center;width:100%;gap:14px;padding:14px 4px;border:0;border-bottom:1px solid rgba(23,57,81,.09);background:transparent;color:inherit;text-align:left;cursor:pointer}
.cabinet-page .referral-conversation:last-child{border-bottom:0}
.cabinet-page .referral-conversation:hover{background:rgba(15,97,105,.035)}
.referral-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#d8efee;color:#07525b;font-weight:800;font-size:18px;text-transform:uppercase}
.referral-conversation-copy{display:grid;gap:3px;min-width:0;flex:1}
.referral-conversation-copy b,.referral-conversation-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referral-conversation-copy small,.referral-conversation-meta small{color:#71818d}
.referral-conversation-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}
.referral-unread{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#0b7279;color:#fff;font-size:11px}
dialog .referral-thread-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}
dialog .referral-thread-heading div{display:grid;gap:3px}
dialog .referral-thread-heading small{color:#70838f}
dialog .referral-thread{display:flex;flex-direction:column;gap:10px;max-height:min(50vh,440px);min-height:120px;overflow:auto;padding:18px;border-radius:18px;background:#f4f8fa}
dialog .referral-bubble{align-self:flex-start;max-width:min(85%,440px);padding:12px 15px;border:1px solid #e4ebee;border-radius:16px 16px 16px 4px;background:#fff;overflow-wrap:anywhere}
dialog .referral-bubble.is-mine{align-self:flex-end;border-color:#d3e8e5;border-radius:16px 16px 4px 16px;background:#e7f5f2}
dialog .referral-bubble b{font-size:12px;color:#12636b}
dialog .referral-bubble p{margin:5px 0;white-space:pre-wrap;line-height:1.45}
dialog .referral-bubble small{color:#758893;font-size:11px}
dialog .referral-thread-empty{align-self:center;margin:auto;color:#738692;text-align:center}
dialog:has(.referral-thread) form{margin-top:16px}
dialog:has(.referral-thread) textarea{resize:vertical}
@media(max-width:650px){.cabinet-page .upline-card{flex-wrap:wrap;gap:14px;padding:20px}.cabinet-page .upline-card .btn{width:100%;justify-content:center}.cabinet-page [data-view="referrals"] .row{flex-wrap:wrap}.referral-conversation-meta small{display:none}dialog .referral-thread{padding:12px}}