.referral-account{color:#152238;font:14px/1.5 Inter,Arial,sans-serif;max-width:100%;min-width:0}.referral-account h1{font-size:27px;line-height:1.25;margin:0 0 12px}.referral-account h2{font-size:19px;margin:0 0 12px}.referral-account p{margin:0 0 12px}.referral-hero{display:flex;align-items:center;gap:22px;background:#eef6ff;border-radius:18px;padding:30px;margin-bottom:22px}.referral-gift{display:flex;align-items:center;justify-content:center;flex:0 0 70px;width:70px;height:70px;border-radius:22px;background:#e8e3ff;color:#7552ec}.referral-gift svg{width:42px;height:42px}.referral-hero p{color:#52647c;max-width:680px;margin-bottom:0}.referral-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.referral-metrics>div,.referral-panel{border:1px solid #e1e8f2;border-radius:14px;background:#fff;padding:22px;min-width:0}.referral-metrics span,.referral-metrics strong,.referral-metrics small{display:block}.referral-metrics span{color:#52647c}.referral-metrics strong{font-size:28px;margin:7px 0}.referral-metrics small{color:#7c8ba1;font-size:12px}.referral-panel{margin-bottom:18px}.referral-panel>p,.referral-empty{color:#65758d}.referral-copy-row{display:flex;gap:12px}.referral-copy-row input{flex:1;min-width:0;border:1px solid #d5e0ee;border-radius:9px;height:44px;padding:0 12px;background:#f8faff;color:#152238;font:inherit}.referral-copy-row button{flex-shrink:0;border-radius:9px;min-height:44px;padding:10px 18px}.referral-copy-status{font-size:13px;color:#0970e8;min-height:20px;margin:5px 0!important}.referral-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;counter-reset:referral;padding:0;margin:20px 0 0}.referral-steps li{counter-increment:referral;position:relative;padding-left:34px}.referral-steps li:before{content:counter(referral);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:50%;background:#edf6ff;color:#007bff;text-align:center;line-height:25px;font-weight:600}.referral-steps b,.referral-steps span{display:block}.referral-steps b{font-weight:600;margin-bottom:6px}.referral-steps span{font-size:13px;color:#65758d}.referral-own-status,.referral-rules{padding:18px 22px;border-radius:12px;background:#f4f8ff;margin-bottom:18px}.referral-rules{color:#65758d;font-size:13px}.referral-rules h2{color:#152238}.referral-rules p:last-child{margin:0}.referral-table-wrap{overflow-x:auto}.referral-account table{border-collapse:collapse;width:100%;font-size:13px}.referral-account th,.referral-account td{text-align:left;padding:13px 8px;border-bottom:1px solid #edf0f5;vertical-align:middle}.referral-account th{font-size:12px;color:#75849a;font-weight:500}.referral-account th:first-child,.referral-account td:first-child{padding-left:0;white-space:nowrap}.referral-account small{color:#75849a}.referral-state{display:inline-block;padding:4px 8px;border-radius:6px;background:#f1f5fa;font-size:12px;white-space:nowrap}.referral-state-rewarded{color:#078747;background:#e9faf0}.referral-state-blocked{color:#82652d;background:#fff7e8}.referral-credit{color:#078747}.referral-wallet-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border:1px solid #dfe8f5;border-radius:12px;background:#f3f8ff;margin:16px 0}.referral-wallet-summary span,.referral-wallet-summary strong,.referral-wallet-summary small{display:block}.referral-wallet-summary strong{font-size:24px;margin:4px 0}.referral-wallet-summary small{color:#65758d}.referral-promotion-note{padding:12px 14px;border:1px solid #d8e8fc;border-radius:9px;background:#f3f8ff;color:#315479;font-size:13px;line-height:1.5;margin:12px 0}.referral-promotion-note strong{color:#096bdb}
@media(max-width:767px){.referral-account h1{font-size:23px}.referral-hero{padding:22px 18px;gap:14px;align-items:flex-start}.referral-gift{flex-basis:44px;width:44px;height:44px;border-radius:14px}.referral-gift svg{width:30px;height:30px}.referral-metrics{grid-template-columns:1fr;gap:10px}.referral-metrics>div{padding:16px 18px}.referral-metrics strong{font-size:25px}.referral-panel{padding:18px 16px}.referral-copy-row{flex-direction:column;gap:10px}.referral-copy-row input{flex:auto;width:100%;font-size:12px}.referral-steps{grid-template-columns:1fr;gap:18px}.referral-own-status,.referral-rules{padding:16px}.referral-wallet-summary{align-items:flex-start;flex-direction:column}.referral-account td{font-size:12px;padding-right:5px}.referral-state{font-size:11px;white-space:normal}.referral-account{overflow-wrap:anywhere}}
/* Shared account icons default to filled paths; the gift remains an outline. */
html body a[href$="/referrals"] :is(.account-menu-icon,.mobile-profile-menu-icon) svg path{fill:none!important;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}