.referrals-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:7px 3px 16px; }
.referrals-head p { margin-top:5px; color:#6e8192; font-size:13px; }
.referrals-summary { min-width:92px; padding:12px 16px; border:1px solid #f1c9c9; border-radius:16px; color:#9f3030; background:#fff4f3; text-align:center; }
.referrals-summary strong { display:block; font-size:24px; line-height:1; }
.referrals-summary span { display:block; margin-top:4px; font-size:10px; font-weight:800; text-transform:uppercase; }
.referrals-toolbar { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; padding:14px; }
.referral-filter-group { display:flex; gap:7px; }
.referral-filter { border:1px solid #dce8ee; padding:9px 12px; border-radius:10px; color:#6e8192; background:#fff; font:inherit; font-size:11px; font-weight:800; cursor:pointer; }
.referral-filter.active { border-color:#1464a5; color:#1464a5; background:#edf7fb; }
.referral-area-filter { width:min(260px,100%); }
.referrals-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.referral-card { position:relative; padding:20px; border:1px solid #dce8ee; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(54,91,112,.06); }
.referral-card.pending { border-left:5px solid #d84b4b; }
.referral-card.reviewed { border-left:5px solid #68a88d; opacity:.88; }
.referral-card-top { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.referral-area { display:inline-flex; padding:6px 9px; border-radius:999px; color:var(--area-color,#1464a5); background:color-mix(in srgb,var(--area-color,#1464a5) 10%,white); font-size:10px; font-weight:900; }
.referral-status { font-size:10px; font-weight:900; text-transform:uppercase; }
.referral-card.pending .referral-status { color:#b23d3d; }
.referral-card.reviewed .referral-status { color:#3c7a62; }
.referral-request { margin:17px 0 16px; color:#19324a; font-size:14px; line-height:1.55; white-space:pre-wrap; }
.referral-meta { display:grid; gap:5px; padding-top:13px; border-top:1px solid #e8eff3; color:#6e8192; font-size:11px; }
.referral-actions { display:flex; justify-content:flex-end; margin-top:15px; }
.review-referral { border:0; padding:10px 13px; border-radius:11px; color:#fff; background:#1464a5; font:inherit; font-size:11px; font-weight:800; cursor:pointer; }
.referral-empty { grid-column:1/-1; display:grid; place-items:center; min-height:240px; padding:30px; border:1px dashed #bdd2dc; border-radius:18px; color:#6e8192; background:rgba(255,255,255,.65); text-align:center; }
.referral-empty strong { color:#19324a; }
.referral-empty span { margin-top:-80px; font-size:12px; }
.referral-nav-count { display:inline-grid; min-width:18px; height:18px; margin-left:4px; padding:0 5px; place-items:center; border-radius:999px; color:#fff; background:#d33e3e; font-size:9px; }
.nav button.referral-alert { color:#a82727; background:#fff0ef; animation:referral-pulse 1.05s ease-in-out infinite; }
@keyframes referral-pulse { 0%,100% { box-shadow:0 0 0 0 rgba(211,62,62,.12); background:#fff0ef; } 50% { box-shadow:0 0 0 5px rgba(211,62,62,.18); background:#ffd9d6; } }
@media (prefers-reduced-motion:reduce) { .nav button.referral-alert { animation:none; outline:2px solid #d33e3e; } }
@media (max-width:850px) { .referrals-head,.referrals-toolbar { align-items:flex-start; flex-direction:column; } .referral-area-filter { width:100%; } .referrals-list { grid-template-columns:1fr; } }
.recipient-toggle { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin:16px 0; font-size:14px; }
.recipient-toggle input { width:20px; height:20px; min-height:0; flex:none; accent-color:#1464a5; }
.recipient-enabled-label { color:#51687a; font-size:12px; }