.referral-actions{display:grid;grid-template-columns:1.15fr 1fr;gap:10px;margin:16px 0}
.referral-actions button{min-width:0;min-height:48px;padding:12px 14px;font-size:13px;margin:0;border-radius:15px}
#share-referral{display:flex;align-items:center;justify-content:center;gap:9px}
#share-referral svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}
#copy-referral{background:#f1ecff;border:1px solid #e1d6ff;color:#6241b1}
.referral-share-panel{background:#f8f5ff;border:1px solid #e4d9ff;border-radius:20px;padding:18px;margin:14px 0 18px}
.referral-share-panel[hidden]{display:none}
.referral-share-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.referral-share-heading h4{margin:0;font-size:16px;outline:none}
.referral-share-heading button{border:0;background:#fff;border-radius:50%;width:36px;height:36px;font-size:23px;color:#77628d;flex-shrink:0}
.referral-share-panel>p{font-size:12px;line-height:1.7;color:#85738f;margin:6px 0 14px}
.referral-share-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.referral-share-targets a{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:700;border:1px solid #ded4ee;background:#fff;color:#68518a}
.referral-share-targets a:first-child{background:#e6f4ff;border-color:#cce7fa;color:#2179ab}
.referral-share-targets a:nth-child(2){background:#e8f8ec;border-color:#cfead5;color:#33804a}
.referral-share-panel textarea{display:block;box-sizing:border-box;width:100%;min-height:156px;resize:vertical;background:#fff;border:1px solid #e3dbee;border-radius:12px;padding:12px;font:inherit;font-size:12px;line-height:1.65;color:#635773}
.referral-share-panel .secondary-button{width:100%;margin-top:10px;min-height:44px;padding:12px;font-size:12px}
#referral-share-status{font-size:12px;line-height:1.7;color:#69548c}
#referral-share-status:empty{display:none}
.referral-share-panel a:focus-visible,.referral-share-panel button:focus-visible,.referral-actions button:focus-visible{outline:2px solid #8059d5;outline-offset:3px}
@media(max-width:380px){.referral-actions{gap:7px}.referral-actions button{padding:11px 8px;font-size:12px}.referral-share-panel{padding:14px}.referral-share-targets{gap:5px}.referral-share-targets a{font-size:11px}}