.referral-filters form{display:grid;grid-template-columns:1fr 1fr 2fr auto;gap:14px;align-items:end;margin-bottom:14px}
.referral-filters .field{margin:0;min-width:0}.referral-filters input,.referral-filters select{min-width:0;width:100%}
.referral-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.referral-stats .panel{display:flex;flex-direction:column;gap:8px;margin:0;background:#edf1e3}.referral-stats strong{font-size:32px;color:#244e42}.referral-stats span{font-size:14px}
.referral-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}.referral-person{min-width:0;margin:0}.referral-person[hidden]{display:none}
.referral-person-head{display:flex;align-items:center;gap:14px;margin-bottom:16px}.referral-person-head>div{min-width:0}.referral-person h3{margin:0 0 6px;overflow-wrap:anywhere}
.referral-avatar{width:56px;height:56px;object-fit:cover;border-radius:50%;flex:none}.referral-initial{display:grid;place-items:center;background:#e7edd9;color:#244e42;font-size:24px}.referral-avatar-large{width:88px;height:88px;margin-bottom:12px}
.referral-note{white-space:pre-wrap;overflow-wrap:anywhere}.referral-log-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.referral-log-heading .field{max-width:260px}.referral-log td:first-child{white-space:nowrap}.referral-log td{vertical-align:top}
.referral-rules summary{cursor:pointer;font-weight:600}.referral-rules p{max-width:85ch}.referral-person code{font-size:13px}
@media(max-width:1000px){.referral-people{grid-template-columns:1fr}.referral-filters form{grid-template-columns:1fr 1fr}.referral-stats{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.referral-filters form{grid-template-columns:1fr}.referral-log-heading{display:block}.referral-log-heading .field{max-width:none}.referral-stats{gap:10px}.referral-stats .panel{padding:16px}.referral-stats strong{font-size:26px}}