.nav-shell:has(.referral-nav-link){gap:22px;justify-content:flex-start}
.nav-shell:has(.referral-nav-link) .brand,.nav-shell:has(.referral-nav-link) .nav-actions{flex-shrink:0}
.nav-shell:has(.referral-nav-link) .search{position:static;left:auto;top:auto;transform:none;flex:1;min-width:70px;width:auto;max-width:480px;margin:0 auto}
.referral-nav-link{display:inline-flex;flex-shrink:0;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #35c9f23d;border-radius:7px;background:#35c9f211;color:#83def8;font-size:12px;font-weight:650;white-space:nowrap;transition:background .15s,border-color .15s}
.referral-nav-link:hover{background:#35c9f224;border-color:#35c9f27a;color:#b4edfc}
.referral-nav-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1100px) and (min-width:641px){.nav-shell:has(.referral-nav-link){gap:14px;padding-inline:20px}.nav-shell:has(.referral-nav-link) .nav-actions{gap:10px}.referral-nav-link{font-size:11px;padding-inline:8px}}
@media(max-width:760px) and (min-width:641px){.referral-nav-link svg{display:none}.nav-shell:has(.referral-nav-link){gap:10px}.nav-shell:has(.referral-nav-link) .upload-btn{padding-inline:9px}}
@media(max-width:640px){:root{--header-height:150px}.topbar:has(.referral-nav-link){height:150px}.nav-shell:has(.referral-nav-link){display:grid;grid-template-columns:1fr auto;grid-template-rows:34px 30px 35px;align-items:center;gap:10px 12px;padding:10px 16px}.nav-shell:has(.referral-nav-link) .brand{grid-row:1;grid-column:1}.nav-shell:has(.referral-nav-link) .nav-actions{grid-row:1;grid-column:2;height:auto}.nav-shell:has(.referral-nav-link) .referral-nav-link{grid-row:2;grid-column:1/-1;justify-self:start;min-height:28px;font-size:11px;padding:0 9px}.nav-shell:has(.referral-nav-link) .search{grid-row:3;grid-column:1/-1;width:100%;max-width:none;margin:0}.side-nav{top:150px}html{scroll-padding-top:198px}}
@media(max-width:640px){.nav-shell:has(.referral-nav-link){grid-template-columns:minmax(0,1fr) auto}.nav-shell:has(.referral-nav-link) .referral-nav-link{grid-row:1;grid-column:2;justify-self:end}.nav-shell:has(.referral-nav-link) .nav-actions{grid-row:2;grid-column:1/-1;justify-content:flex-end;gap:8px;min-width:0}.nav-shell:has(.referral-nav-link) .auth-admin-link{max-width:60px;white-space:normal;text-align:center;font-size:10px;line-height:1.3}}
