/* ATSRS Companies Directory V6038 — screenshot-faithful employer directory. */
/* Live page count: transparent company-style tile, independent of banner layout. */
#employersPage .company-page-count{position:absolute;right:12px;bottom:9px;z-index:5;display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(72,212,107,.35);border-radius:8px;background:transparent;box-shadow:none;color:#f4f8f5;font-size:12px;line-height:1.25;white-space:nowrap;pointer-events:none}
#employersPage .company-page-count strong{font-size:inherit;color:inherit}
#employersPage .company-page-count i{color:#48d46b;font-size:15px}
html[data-theme="light"] #employersPage .company-page-count{background:transparent;border-color:rgba(47,115,200,.38);color:#17345e}
html[data-theme="light"] #employersPage .company-page-count i{color:#2f73c8}
body:has(#employersPage:not(.hidden)) #app.app:not(.hidden)>.main>#pageTitle{display:none!important}
#employersPage.employers-page{display:grid;gap:24px;width:min(100%,1440px);max-width:1440px;margin:8px auto 0;padding:0 0 42px}
#employersPage.employers-page.hidden{display:none!important}
#employersPage .company-directory-hero{position:relative;display:grid;grid-template-columns:44% 56%;align-items:stretch;gap:0;height:274px;min-height:274px;padding:0;overflow:hidden;border:1px solid rgba(72,212,107,.3);border-radius:18px;background:#030706;box-shadow:0 24px 70px rgba(0,0,0,.2)}
#employersPage .company-hero-backdrop{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
#employersPage .company-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0;height:100%;padding:28px 0 16px 30px;background:transparent}
#employersPage .company-hero-eyebrow{color:#48df70;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
#employersPage .company-hero-copy h1{margin:12px 0 8px!important;color:#f7faf8!important;-webkit-text-fill-color:#f7faf8!important;font-size:44px!important;font-weight:900!important;line-height:1.02!important;letter-spacing:-.035em!important;white-space:nowrap}
#employersPage .company-hero-copy>p{max-width:460px;margin:0!important;color:#edf2ef!important;font-size:16px!important;line-height:1.42!important}
#employersPage .company-trust-strip{position:relative;z-index:4;display:flex;align-items:center;width:max-content;min-width:0;max-width:720px;margin-top:auto;padding:8px 4px;border:1px solid rgba(72,212,107,.18);border-radius:11px;background:rgba(3,10,7,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
#employersPage .company-trust-strip>span{display:flex;align-items:center;gap:7px;min-height:26px;padding:0 12px;border-left:1px solid rgba(255,255,255,.14);color:#e9efeb;font-size:11px;white-space:nowrap}
#employersPage .company-trust-strip>span:first-child{border-left:0}
#employersPage .company-trust-strip i{color:#48df70;font-size:17px}
#employersPage .company-trust-strip strong{font-weight:500}
#employersPage .company-hero-network{position:relative;z-index:1;min-width:0;height:100%;overflow:hidden;background:transparent}
#employersPage .company-network-reference{position:absolute;inset:0;display:none;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;pointer-events:none;user-select:none}
#employersPage .employers-toolbar{display:grid;grid-template-columns:minmax(0,499fr) minmax(0,274fr) minmax(0,263fr) minmax(0,260fr) minmax(0,245fr) 110px;align-items:end;gap:14px;padding:8px 0 0;border:0;border-radius:0;background:transparent}
#employersPage .employers-toolbar :is(.atsrs-search-field,.employers-sector){display:grid;gap:7px;color:#a9b3ad;font-size:12px;font-weight:700}
#employersPage .employers-toolbar :is(input,select),html[data-theme] body #app.app:not(.hidden) #employersPage #employersClearFilters{height:50px!important;min-height:50px!important;border:1px solid #29322d!important;border-radius:11px!important;background:rgba(9,13,11,.88)!important;color:#edf2ef!important;box-shadow:none!important}
#employersPage .employers-toolbar input{padding:0 45px 0 16px!important}
#employersPage .employers-toolbar select{padding:0 39px 0 14px!important}
html[data-theme] body #app.app:not(.hidden) #employersPage #employersClearFilters{top:0!important;width:110px!important;padding:0 12px!important;font-size:13px!important;white-space:nowrap}
#employersPage .employers-message:empty{display:none}
#employersPage .directory-pagination-slot{display:flex;justify-content:flex-end;min-width:0}
#employersPage .employers-pagination{display:flex;align-items:center;justify-content:flex-end;width:max-content;max-width:100%;gap:7px;margin-left:auto}
#employersPage .employers-pagination-top{margin:10px 0 8px auto}
#employersPage .employers-pagination-bottom{margin:20px 0 0 auto}
#employersPage .employers-pagination .jobs-page-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto!important;min-width:38px;height:38px!important;min-height:38px!important;padding:0 10px;border:0!important;border-radius:9px!important;background:transparent!important;color:#9aa59f!important;box-shadow:none!important;font-size:11px;font-weight:800}
html[data-theme] body #app.app:not(.hidden) #employersPage .employers-pagination .jobs-page-button{min-width:38px!important;width:auto!important;height:38px!important;min-height:38px!important;padding:0 10px!important;border-radius:9px!important;font-size:12px!important}
#employersPage .employers-pagination .jobs-page-edge{min-width:92px}
html[data-theme] body #app.app:not(.hidden) #employersPage .employers-pagination .jobs-page-edge{min-width:92px!important}
#employersPage .employers-pagination .jobs-page-button:hover:not(:disabled):not(.is-current){background:rgba(72,212,107,.08)!important;color:#f3f8f5!important}
#employersPage .employers-pagination .jobs-page-button.is-current{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important;margin:0 2px!important;padding:0 8px!important;border-style:solid!important;border-width:1px!important;border-color:var(--atsrs-field-line)!important;border-right-color:var(--atsrs-field-accent)!important;border-left-color:var(--atsrs-field-accent)!important;background:var(--atsrs-field-surface)!important;color:var(--atsrs-field-accent)!important;-webkit-text-fill-color:var(--atsrs-field-accent)!important;box-shadow:-3px 0 0 var(--atsrs-field-accent-ring),3px 0 0 var(--atsrs-field-accent-ring),0 8px 20px var(--atsrs-field-accent-shadow)!important}
html[data-theme] body #app.app:not(.hidden) #employersPage .employers-pagination .jobs-page-button.is-current{min-width:34px!important;width:34px!important;height:34px!important;min-height:34px!important}
#employersPage .employers-pagination .jobs-page-button:disabled{opacity:.56}
#employersPage .employers-pagination .jobs-page-ellipsis{display:grid;place-items:center;min-width:20px;height:38px;color:#6f7d75}
html[data-theme="light"] #employersPage .employers-pagination .jobs-page-button{color:#60748f!important}
html[data-theme="light"] #employersPage .employers-pagination .jobs-page-button:hover:not(:disabled):not(.is-current){background:rgba(47,115,200,.08)!important;color:#245f9f!important}
html[data-theme="light"] #employersPage .employers-pagination .jobs-page-button.is-current{background:color-mix(in srgb,var(--atsrs-field-accent) 5%,var(--atsrs-field-surface))!important}
html[data-theme="light"] #employersPage .company-directory-hero{border-color:#b9cee8;background:#f8fbff;box-shadow:0 22px 55px rgba(35,76,120,.1)}
html[data-theme="light"] #employersPage .company-hero-backdrop{filter:invert(1) hue-rotate(180deg) saturate(.72) brightness(1.08);opacity:.9}
html[data-theme="light"] #employersPage .company-hero-copy{background:transparent}
html[data-theme="light"] #employersPage .company-hero-copy h1{color:#17335f!important;-webkit-text-fill-color:#17335f!important}
html[data-theme="light"] #employersPage .company-hero-copy>p{color:#526b8d!important}
html[data-theme="light"] #employersPage .company-hero-eyebrow{color:#2f73c8}
html[data-theme="light"] #employersPage .company-trust-strip{border-color:#c8d8ec;background:rgba(255,255,255,.88)}
html[data-theme="light"] #employersPage .company-trust-strip>span{border-color:#d7e2ef;color:#23466f}
html[data-theme="light"] #employersPage .company-trust-strip i{color:#2f73c8}
html[data-theme="light"] #employersPage .company-hero-network{background:transparent}
html[data-theme="light"] #employersPage .company-network-reference{filter:invert(1) hue-rotate(180deg) saturate(.72) brightness(1.08);opacity:.9}
/* Light-only blue network. Clip the unchanged brand colors in source coordinates,
   so resizing/cropping cannot shift the logo layer away from its original image. */
#employersPage .company-hero-light{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9}
/* Lift the faint source grid before inversion; brightening after inversion clips it to white. */
#employersPage .company-light-lines{filter:brightness(1.35) invert(1) hue-rotate(290deg) saturate(.9)}
#employersPage .company-light-brands{filter:invert(1) hue-rotate(180deg) saturate(.72) brightness(1.08)}
html[data-theme="light"] #employersPage .company-hero-backdrop{visibility:hidden}
html[data-theme="light"] #employersPage .company-hero-light-wide{display:block}
@media(max-width:979px){html[data-theme="light"] #employersPage .company-hero-light-wide{display:none}html[data-theme="light"] #employersPage .company-network-reference{visibility:hidden}html[data-theme="light"] #employersPage .company-hero-light-narrow{display:block}}
html[data-theme="light"] #employersPage .employers-toolbar :is(input,select),html[data-theme="light"] body #app.app:not(.hidden) #employersPage #employersClearFilters{border-color:#cbd9e9!important;background:#fff!important;color:#18345d!important}
@media(max-width:1439px){#employersPage.employers-page{width:calc(100% - 36px)}#employersPage .company-directory-hero{grid-template-columns:48% 52%;height:274px;min-height:274px}#employersPage .company-hero-copy{padding:28px 0 16px 30px}#employersPage .company-hero-copy h1{font-size:40px!important}#employersPage .company-hero-copy>p{font-size:15px!important}#employersPage .company-trust-strip{min-width:0;max-width:620px}#employersPage .company-trust-strip>span{padding-inline:9px;font-size:10px}#employersPage .employers-toolbar{grid-template-columns:minmax(280px,1.5fr) repeat(2,minmax(150px,1fr))}#employersPage .employers-toolbar>:nth-child(4),#employersPage .employers-toolbar>:nth-child(5){grid-row:2}html[data-theme] body #app.app:not(.hidden) #employersPage #employersClearFilters{grid-row:2;width:100%!important}}
@media(max-width:979px){#employersPage.employers-page{width:100%}#employersPage .company-directory-hero{grid-template-columns:1fr;min-height:0}#employersPage .company-hero-backdrop{display:none}#employersPage .company-hero-copy{padding:42px 28px 28px;background-color:#020605;background-image:url("../assets/company-directory/companies-grid-left-v3.png?v=1");background-position:center right;background-size:auto 100%;background-repeat:no-repeat}#employersPage .company-hero-network{min-height:380px;background:#020605}#employersPage .company-network-reference{display:block}html[data-theme="light"] #employersPage .company-hero-copy{background-color:#f8fbff;background-image:url("../assets/company-directory/companies-grid-left-v3.png?v=1");background-position:center right;background-size:auto 100%;background-repeat:no-repeat;background-blend-mode:screen}html[data-theme="light"] #employersPage .company-hero-network{background:#eef5fd}#employersPage .company-trust-strip{width:100%;min-width:0;max-width:100%;margin-top:30px;overflow-x:auto}#employersPage .employers-toolbar{grid-template-columns:1fr 1fr}html[data-theme] body #app.app:not(.hidden) #employersPage #employersClearFilters{grid-row:auto;width:100%!important}#employersPage .employers-grid{grid-template-columns:1fr}}
@media(max-width:639px){#employersPage .company-hero-copy h1{font-size:38px!important;white-space:normal}#employersPage .company-hero-copy>p{font-size:17px!important}#employersPage .company-hero-network{min-height:320px}#employersPage .employers-toolbar{grid-template-columns:1fr}}

/* Match the compact filter controls, including longer translated labels. */
html[data-theme] body #app.app:not(.hidden) #employersPage #employersClearFilters{height:44px!important;min-height:44px!important;max-height:44px!important;width:100%!important;margin:0!important;top:auto!important;align-self:end;position:static!important;border-radius:9px!important;font-size:12px!important;line-height:1.2!important;padding:0 12px!important;box-sizing:border-box}
@media(min-width:1440px){#employersPage .employers-toolbar{grid-template-columns:minmax(0,499fr) minmax(0,274fr) minmax(0,263fr) minmax(0,260fr) minmax(0,245fr) 156px}}