.referral-section{margin:0 0 46px;padding:25px;border:1px solid #dce7e1;border-radius:20px;background:#f6faf7}
.referral-section .section-bar{margin:0 0 20px;align-items:flex-start}
.referral-section .section-bar h2{margin:6px 0 5px}
.referral-section .section-bar p{max-width:62ch;margin:0}
.referral-request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.referral-empty{grid-column:1/-1;border:1px dashed #b9cec5;border-radius:12px;padding:20px;color:#445c57;background:#fff}
.referral-empty p{margin:0}
.referral-card{min-width:0;border:1px solid #d4e2da;border-radius:14px;padding:18px;background:#fff;box-shadow:0 8px 24px #173c2e0b}
.referral-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.referral-card h3{font-size:1.12rem;line-height:1.3;margin:5px 0 0;overflow-wrap:anywhere}
.referral-status{flex:none;border-radius:30px;padding:5px 9px;background:#f4eee2;color:#755526;font-size:.7rem;font-weight:700;line-height:1.3;max-width:145px}
.referral-status.sent,.referral-status.replied{background:#e4f2ec;color:#145949}
.referral-status.closed{background:#eef0f0;color:#52605d}
.referral-card-meta{margin:13px 0 0;color:#61716d;font-size:.79rem}
.referral-response{margin:12px 0 0;border-inline-start:3px solid #70b89c;padding:7px 10px;background:#f7fbf8;white-space:pre-wrap;overflow-wrap:anywhere}
.referral-actions{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px;border-top:1px solid #e9efeb;padding-top:13px}
.referral-actions .text-button{font-size:.79rem;min-height:32px}
.referral-section>.hint{margin:18px 0 0;line-height:1.6}
.referral-form .brief-area{min-height:230px;max-height:45vh}
.referral-form .detail-actions{margin-top:0}
.referral-brief-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:54vh;overflow:auto;background:#f6f8f6;border:1px solid #dce7e1;border-radius:10px;padding:18px;font:inherit;font-size:.83rem;line-height:1.7}
.decision-life-links button{appearance:none;border:0;background:none;color:#17665a;font:inherit;font-weight:700;cursor:pointer;padding:0;text-align:start;text-decoration:underline;text-underline-offset:3px}
.decision-life-links button:hover{color:#0a443d}
[dir="rtl"] .referral-card-head{flex-direction:row}
@media(max-width:900px){.referral-request-list{grid-template-columns:1fr}}
@media(max-width:600px){.referral-section{padding:18px;margin-bottom:32px}.referral-section .section-bar{display:flex;flex-direction:column;align-items:stretch}.referral-section .section-bar .button{width:100%}.referral-card-head{flex-direction:column}.referral-status{max-width:none}.referral-form .brief-area{min-height:190px}}