#app .ws-referrals{color:#0d1033;min-width:0}
#app .ws-referrals h1{font-size:26px;line-height:1.25}
#app .ws-referral-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}
#app .ws-referral-metrics article{padding:20px;border:1px solid #e7eaf5;border-radius:14px;background:#fff}
#app .ws-referral-metrics small,#app .ws-referrals .muted,#app .ws-referrals small{color:#62586f;font-size:12px}
#app .ws-referral-metrics strong{display:block;font-size:28px;margin-top:10px}
#app .ws-referral-filter{display:flex;align-items:end;gap:12px;margin-bottom:20px}
#app .ws-referral-filter label{display:grid;gap:7px;flex:0 1 440px;color:#62586f;font-size:12px}
#app .ws-referral-list{padding:22px;background:#fff;border:1px solid #e7eaf5;border-radius:14px;min-width:0}
#app .ws-referral-list h2{font-size:16px;margin:0 0 18px}
#app .ws-referrals .referral-table{border:1px solid #e7eaf5;border-radius:10px;box-shadow:none;padding:0;overflow:auto}
#app .ws-referrals .referral-head{background:#f8f7fd;color:#62586f;font-size:12px}
#app .ws-referrals .referral-row{padding:14px 16px;border-bottom-color:#e7eaf5}
#app .ws-referrals [data-referral-search][hidden],#app .ws-referrals [role=status][hidden]{display:none!important}
#app .ws-referrals button,#app .ws-referrals input{min-height:42px}
#app .ws-referrals input{border:1px solid #dfe3f1;border-radius:9px;padding:10px 12px;color:#0d1033;background:#fff;min-width:0}
#app .ws-referrals button:focus-visible,#app .ws-referrals input:focus-visible{outline:2px solid #602bff;outline-offset:2px}
@media(max-width:700px){#app .ws-referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#app .ws-referral-metrics article{padding:16px}#app .ws-referral-list{padding:16px}#app .ws-referral-filter label{flex:1;min-width:0}#app .ws-referrals input{font-size:16px}#app .ws-referrals button,#app .ws-referrals input{min-height:44px}}