.referral-panel{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:2rem;align-items:center;margin:0 0 2rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius,18px);background:linear-gradient(125deg,var(--ink,#12241b),var(--green,#244422));color:#fff;overflow:hidden}.referral-panel h2{margin:.15rem 0 .5rem;font-size:clamp(1.65rem,4vw,2.35rem)}.referral-panel .kicker{color:var(--lime,#c8ef48)}.referral-copy>p{max-width:650px}.referral-link-row{margin-top:1.25rem}.referral-link-row label{display:block;margin-bottom:.4rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.referral-link-row>div{display:flex;gap:.65rem}.referral-link-row input{min-width:0;flex:1;border:0;border-radius:8px;padding:.8rem 1rem;color:#172019;background:#fff;font:inherit}.copy-status{display:block;min-height:1.25rem;margin-top:.4rem;font-size:.85rem}.referral-summary{display:flex;min-height:155px;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.08);text-align:center}.referral-summary strong{font-size:2.5rem;line-height:1}.referral-summary small{margin-top:.4rem}.referral-mark{font-size:1.5rem;color:var(--lime,#c8ef48)}.referral-invite{display:flex;gap:.35rem;flex-direction:column;margin:1rem 0;padding:1rem 1.1rem;border-left:4px solid var(--lime,#b8e234);background:var(--lime-soft,#f1f8d8);color:#172019}.referral-template-choice{margin:1.25rem 0 .75rem;padding:1rem;border:1px solid rgba(0,0,0,.13);border-radius:10px;background:rgba(255,255,255,.55)}.referral-template-choice span{display:flex;flex-direction:column;gap:.25rem}.status-chip--referral{background:#e9d7ff;color:#522579}
@media(max-width:720px){.referral-panel{grid-template-columns:1fr}.referral-summary{min-height:auto;border-radius:14px;padding:1.25rem}.referral-link-row>div{align-items:stretch;flex-direction:column}.referral-link-row .button{width:100%}}