.referral-panel{padding:28px;margin:0 0 28px;border:1px solid #d8d3c6;background:#f7f4ed}.referral-panel h2{margin-top:0}.referral-panel>p{max-width:850px;line-height:1.7}.referral-create{display:flex;align-items:end;gap:14px;margin:24px 0}.referral-create label{flex:1;margin:0}.referral-create button{margin-bottom:0}.referral-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.referral-card{padding:20px;border:1px solid #d8d3c6;background:#fff;min-width:0}.referral-card h3{overflow-wrap:anywhere;margin-top:0}.referral-card input{width:100%;box-sizing:border-box}.referral-card .actions{flex-wrap:wrap}.referral-record{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d8d3c6;padding:18px 0}.referral-record p{overflow-wrap:anywhere}.referral-panel h3{margin-top:28px}.referral-panel .hint{font-size:13px}.referral-card button{font-size:14px}.referral-panel [role=status]{min-height:1.5em}@media(max-width:700px){.referral-cards{grid-template-columns:1fr}.referral-create{display:block}.referral-create button{margin-top:14px}.referral-panel{padding:20px}.referral-record{align-items:start;flex-direction:column}}