/* ITlearn360 Unified UI 2026.10.22 / shared design system
   Loaded AFTER legacy + Glassify CSS in both layouts.
   Focus: coherent shell, typography, cards, landing pages, and Jobs Studio.
   Functional JS, query contracts, Firebase, and SEO routes are not changed. */
:root{
  --ui-navy:#0c1b32;--ui-navy-2:#122f4d;--ui-ink:#142b44;--ui-muted:#607589;
  --ui-teal:#0c9c7b;--ui-teal-light:#e6f8f3;--ui-blue:#2267db;--ui-blue-hover:#1758bd;
  --ui-canvas:#f6f8fc;--ui-card:#fff;--ui-border:#e2e9f1;
  --ui-radius:18px;--ui-radius-lg:26px;--ui-shadow:0 9px 28px rgba(18,42,76,.055);
  --jl-brand:#2267db;--jl-brand-2:#2b6bdd;--jl-ink:#142b44;--jl-muted:#607589;
  --jl-blue:#2267db;--jl-green:#0c9c7b;--jl-green-dark:#087a62;
  --jl-radius-card:18px;--jl-radius-panel:26px;
}
html{scroll-padding-top:92px;}
body{font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:radial-gradient(circle at 8% 0%,rgba(68,139,235,.045),transparent 30rem),linear-gradient(180deg,#f9fbfe,#f4f7fb)!important;color:var(--ui-ink)!important;}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(8,156,123,.55)!important;outline-offset:3px;}
::selection{color:#0d2342;background:#b7f2dc;}
.uiSkipLink{position:absolute!important;top:-70px!important;left:15px!important;z-index:2000!important;padding:10px 16px!important;background:var(--ui-navy)!important;color:#fff!important;border:2px solid #83f5ce!important;border-radius:9px!important;}
.uiSkipLink:focus{top:12px!important;}
/* Consistent header for native and legacy pages */
.jlHeader.jlHeaderSimple{position:sticky!important;top:0!important;z-index:900!important;background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--ui-border)!important;box-shadow:0 5px 20px rgba(15,36,65,.045)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
.jlHeaderSimple .jlHeaderInner{width:min(1280px,calc(100% - 44px))!important;max-width:none!important;min-height:76px;gap:23px!important;}
.jlHeaderSimple .jlBrand{gap:10px!important;align-items:center!important;}
.jlHeaderSimple .jlBrand strong{color:#12314b!important;font-weight:850!important;letter-spacing:-.045em!important;}
.jlHeaderSimple .jlBrand small{color:#648094!important;font-size:10px!important;}
.jlHeaderSimple .jlNav>a,.jlHeaderSimple .jlNavDropdownButton{color:#354d62!important;font-weight:750!important;border-radius:10px!important;transition:background .17s,color .17s;}
.jlHeaderSimple .jlNav>a:hover,.jlHeaderSimple .jlNavDropdownButton:hover,.jlHeaderSimple .jlNavDropdownButton.isOpen{background:#f0f6fa!important;color:#0d695c!important;box-shadow:none!important;}
.jlHeaderSimple .jlNavChevron{color:#7891a4!important;}
.jlHeaderSimple .jlNavMega,.jlHeaderSimple .jlProfileMenu{background:#fff!important;border:1px solid #e0e8ef!important;border-radius:17px!important;box-shadow:0 24px 65px rgba(13,39,71,.14)!important;}
.jlHeaderSimple .jlNavMegaItem:hover{background:#f1f8fb!important;}
.jlHeaderSimple .jlCreateAccount,.jlHeaderSimple .jlFreeDemoButton{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 5px 13px rgba(30,99,219,.14)!important;font-weight:800!important;}
.jlHeaderSimple .jlCreateAccount:hover,.jlHeaderSimple .jlFreeDemoButton:hover{background:var(--ui-blue-hover)!important;}
.jlHeaderSimple .jlSignIn{color:var(--ui-ink)!important;font-weight:750!important;}
.jlHeaderSimple .jlMobileToggle{border-radius:10px!important;border:1px solid var(--ui-border)!important;background:#fff!important;color:var(--ui-navy)!important;}
/* Homepage: unify the visual hierarchy with the Jobs Studio header */
.jlHomePage .jlHomeHeroGlass{max-width:none!important;border:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;}
.jlHomePage .jlShell,.jlHomePage .jlHomeMarketWrap{width:min(1240px,calc(100% - 40px))!important;max-width:1240px!important;}
.jlHomePage .jlHomeV4Section{padding-top:44px!important;padding-bottom:36px!important;}
.jlHomePage .jlSectionHead{gap:16px!important;margin-bottom:22px!important;}
.jlHomePage .jlSectionHead h2{font-size:clamp(27px,2.6vw,38px)!important;line-height:1.18!important;letter-spacing:-.042em!important;color:var(--ui-ink)!important;font-weight:850!important;}
.jlHomePage .jlSectionHead p{color:var(--ui-muted)!important;font-size:15px!important;line-height:1.65!important;}
.jlHomePage .jlKicker{font-size:11px!important;font-weight:850!important;letter-spacing:.13em!important;color:#0d9278!important;}
.jlHomePage .jlStepCard,.jlHomePage .jlFreeReadyGrid a,.jlHomePage .jlPricingNote>div{border:1px solid var(--ui-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:var(--ui-shadow)!important;transition:border-color .18s,transform .18s,box-shadow .18s;}
.jlHomePage .jlStepCard:hover,.jlHomePage .jlFreeReadyGrid a:hover{border-color:#b9dfd6!important;transform:translateY(-2px);box-shadow:0 14px 35px rgba(18,42,76,.10)!important;}
.jlHomePage .jlStepCard{padding:25px!important;}
.jlHomePage .jlStepCard h3{font-size:18px!important;color:#152e47!important;line-height:1.3!important;}
.jlHomePage .jlStepCard p{font-size:13px!important;color:#5c7387!important;line-height:1.6!important;}
.jlHomePage .jlStepCard>.jlIconBox{border-radius:13px!important;}
.jlHomePage .jlFreeReadyGrid a{padding:19px!important;}
.jlHomePage .jlFreeReadyGrid strong{color:#142e47!important;font-size:14px!important;}
.jlHomePage .jlFreeReadyGrid small{color:#65798c!important;line-height:1.5!important;}
.jlHomePage .jlPricingNote>div{padding:28px!important;}
.jlHomePage .jlPricingNote h3{color:#18324d!important;}
.jlHomePage .jlPricingNote li{line-height:1.7!important;}
.jlHomePage .jlPrimaryButton{background:var(--ui-blue)!important;border-color:var(--ui-blue)!important;color:#fff!important;border-radius:11px!important;font-weight:800!important;}
.jlHomePage .jlHomeFinal{background:linear-gradient(115deg,#0c1b32,#153453)!important;border-top:none!important;}
.jlHomePage .jlHomeFinal h2{color:#fff!important;}
.jlHomePage .jlHomeFinal p{color:#bfcee0!important;}
/* Shared cards, native page sections and legacy root compatibility */
.jlPage .jlSectionHead h2,.jlPage .sectionHeading h2{letter-spacing:-.035em;}
.jlPage :where(.careerCard,.opportunityCard,.jlCareerCard,.jlResourceCard),.legacyRoot :where(.jobs-card,.blogsJlCard){border-radius:var(--ui-radius);}
.legacyRoot .legacyContentShell{min-height:40vh;}
/* Jobs Studio: same design tokens and typography as homepage, no filtering/JS changes */
.jobs-studio-v4{--js-ink:var(--ui-ink)!important;--js-border:var(--ui-border)!important;--js-blue:var(--ui-blue)!important;--js-dark:var(--ui-navy)!important;font-family:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;background:var(--ui-canvas)!important;}
.jobs-studio-v4 .jobs-container{width:min(1240px,calc(100% - 40px))!important;max-width:none!important;}
.jobs-studio-v4 .jt-jobs-hero{background:radial-gradient(circle at 97% -10%,rgba(29,195,176,.29),transparent 38%),radial-gradient(circle at 80% 116%,rgba(52,107,233,.26),transparent 48%),linear-gradient(118deg,#0c1b32 0%,#122c4a 70%,#142c4a 100%)!important;}
.jobs-studio-v4 .jt-jobs-heading h1{font-family:inherit!important;letter-spacing:-.052em!important;}
.jobs-studio-v4 .jobs-results-head-card,.jobs-studio-v4 .jt-filter-sidebar,.jobs-studio-v4 .jobs-card{border-color:var(--ui-border)!important;border-radius:18px!important;box-shadow:var(--ui-shadow)!important;}
.jobs-studio-v4 .jt-results-toolbar h2{color:var(--ui-ink)!important;}
.jobs-studio-v4 .jt-results-count-highlight{background:linear-gradient(135deg,#e5f8f3,#eaf4ff)!important;border-color:#d0eae3!important;}
.jobs-studio-v4 #jobs_matchNumber{color:#113b58!important;}
.jobs-studio-v4 .jobs-btn-primary,.jobs-studio-v4 .jt-search-button{background:var(--ui-blue)!important;border-radius:10px!important;}
.jobs-studio-v4 .jobs-btn-primary:hover,.jobs-studio-v4 .jt-search-button:hover{background:var(--ui-blue-hover)!important;}
.jobs-studio-v4 .jobs-card-title{color:var(--ui-ink)!important;}
.jobs-studio-v4 .jobs-filter-chip{color:#23566b!important;}
/* Footer shared across the entire site */
.siteFooter.parityFooter{background:linear-gradient(135deg,#0a192e 0%,#112e4a 100%)!important;border-top:1px solid rgba(225,242,255,.11)!important;}
.siteFooter.parityFooter .footerGrid,.siteFooter.parityFooter .footerBottom{width:min(1280px,calc(100% - 44px))!important;max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;}
.siteFooter.parityFooter .footerColumn h3{color:#ecf5ff!important;font-weight:800!important;}
.siteFooter.parityFooter .footerColumn a,.siteFooter.parityFooter .footerBrandBlock p{color:#bbccdd!important;}
.siteFooter.parityFooter .footerColumn a:hover,.siteFooter.parityFooter .footerSocial a:hover{color:#95f0d5!important;}
.siteFooter.parityFooter .footerCtas a:first-child{background:var(--ui-blue)!important;border-radius:10px!important;color:#fff!important;}
/* Display & interaction sizes */
@media(max-width:1100px){.jlHeaderSimple .jlHeaderInner{gap:10px!important;}}
@media(max-width:850px){.jlHeader.jlHeaderSimple{position:sticky!important;}.jlHeaderSimple .jlHeaderInner{width:min(100% - 28px,1280px)!important;min-height:68px;}.jlHeaderSimple .jlNav.isOpen{background:#fff!important;border:1px solid var(--ui-border)!important;box-shadow:0 22px 55px rgba(17,48,75,.15)!important;border-radius:15px!important;max-height:calc(100vh - 82px);overflow-y:auto;}.jlHomePage .jlStepGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:680px){.jlHomePage .jlShell,.jlHomePage .jlHomeMarketWrap{width:min(100% - 26px,1240px)!important;}.jlHomePage .jlHomeV4Section{padding-top:27px!important;padding-bottom:23px!important;}.jlHomePage .jlSectionHead h2{font-size:29px!important;}.jlHomePage .jlStepGrid{grid-template-columns:1fr!important;}.jlHomePage .jlStepCard{padding:19px!important;}.jlHomePage .jlPricingNote>div{padding:21px!important;}.jobs-studio-v4 .jobs-container{width:min(100% - 26px,1240px)!important;}.siteFooter.parityFooter .footerGrid,.siteFooter.parityFooter .footerBottom{width:min(100% - 28px,1280px)!important;}}
@media(prefers-reduced-motion:reduce){.jlHomePage .jlStepCard,.jlHomePage .jlFreeReadyGrid a{transition:none!important;}.jlHomePage .jlStepCard:hover,.jlHomePage .jlFreeReadyGrid a:hover{transform:none!important;}}

/* 2026-10-22: Critical Jobs Studio cascade fix.
   Older globals.css still defines body[data-legacy-route=jobs] .jobs-hero,
   the layout's two-column grid and a large decorative pseudo-element.
   Its !important selectors can otherwise override the new navy design and
   leave dark-background typography sitting over a light background.
   Keep these fixes scoped to the Jobs Studio, not other legacy pages. */
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero,
.legacyRoot .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero {
  isolation:isolate!important;
  background-color:#101f39!important;
  background-image:radial-gradient(ellipse 640px 420px at 95% -10%,rgba(23,189,164,.22),transparent 70%),radial-gradient(ellipse 660px 390px at 80% 85%,rgba(58,104,237,.13),transparent 76%),linear-gradient(125deg,#09182d 0%,#112d4e 58%,#10294b 100%)!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#f1f8ff!important;
  padding:52px 0 30px!important;
  overflow:hidden!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero::before,
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero::after,
.legacyRoot .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero::before,
.legacyRoot .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero::after {
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-hero-inner,
.legacyRoot .jobs-page.jobs-studio-v4 .jobs-hero-inner {
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:min(1240px,calc(100% - 40px))!important;
  max-width:1240px!important;
  min-width:0!important;
  position:relative!important;
  z-index:1!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-jobs-heading h1,
.legacyRoot .jobs-page.jobs-studio-v4 .jt-jobs-heading h1 {
  color:#fff!important;
  font-size:clamp(38px,4.8vw,62px)!important;
  font-weight:850!important;
  line-height:1.08!important;
  max-width:830px!important;
  margin:13px 0 14px!important;
  letter-spacing:-.045em!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-jobs-heading .jobs-hero-copy,
.legacyRoot .jobs-page.jobs-studio-v4 .jt-jobs-heading .jobs-hero-copy {
  color:#d2e0ef!important;
  font-size:clamp(14px,1.4vw,17px)!important;
  line-height:1.65!important;
  max-width:730px!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-hero-livebar,
.legacyRoot .jobs-page.jobs-studio-v4 .jt-hero-livebar {
  color:#c2d5e7!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .p2-careers,
.legacyRoot .jobs-page.jobs-studio-v4 .p2-careers {
  color:#f2f9ff!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(204,236,244,.18)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .p2-careers-header strong,
.legacyRoot .jobs-page.jobs-studio-v4 .p2-careers-header strong {
  color:#f1f8ff!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .p2-careers-header span,
.legacyRoot .jobs-page.jobs-studio-v4 .p2-careers-header span {
  color:#bacfe3!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .p2-careers-grid button,
.legacyRoot .jobs-page.jobs-studio-v4 .p2-careers-grid button {
  color:#f3fbff!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(209,240,249,.19)!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-intent-links a:not(.is-active),
.legacyRoot .jobs-page.jobs-studio-v4 .jt-intent-links a:not(.is-active) {
  color:#d4e5f4!important;
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(222,241,253,.18)!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-career-actions a,
.legacyRoot .jobs-page.jobs-studio-v4 .jobs-career-actions a {
  color:#e0eef9!important;
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(222,241,253,.19)!important;
}
html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-board-notice,
.legacyRoot .jobs-page.jobs-studio-v4 .jobs-board-notice {
  color:#bacfe1!important;
}
@media(max-width:700px){
  html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero,
  .legacyRoot .jobs-page.jobs-studio-v4 .jobs-hero.jt-jobs-hero{padding:33px 0 21px!important;}
  html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-hero-inner,
  .legacyRoot .jobs-page.jobs-studio-v4 .jobs-hero-inner{width:calc(100% - 28px)!important;}
  html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-jobs-heading h1,
  .legacyRoot .jobs-page.jobs-studio-v4 .jt-jobs-heading h1{font-size:clamp(31px,8vw,40px)!important;}
}
/* Mobile safety: keep all opportunities visible without horizontal clipping. */
@media(max-width:700px){
  html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-intent-links,
  .legacyRoot .jobs-page.jobs-studio-v4 .jt-intent-links{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:8px!important;}
  html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jt-jobs-support-row,
  .legacyRoot .jobs-page.jobs-studio-v4 .jt-jobs-support-row{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:14px!important;}
  html body[data-legacy-route="jobs"] .jobs-page.jobs-studio-v4 .jobs-career-actions,
  .legacyRoot .jobs-page.jobs-studio-v4 .jobs-career-actions{display:flex!important;flex-wrap:wrap!important;gap:7px!important;}
}


/* ---------------------------------------------------------------------------
   Jobs mega-menu modernization (2026-10-22)
   Shared <Header /> renders across native and legacy routes. These selectors
   are intentionally anchored to .jlJobsMega so they do not affect other menus.
   The original global .jlNavMegaCol>a span selector was repaired in globals.css.
   --------------------------------------------------------------------------- */
.jlHeaderSimple .jlJobsMega {
  width:min(1180px,calc(100vw - 32px))!important;
  padding:20px!important;
  background:#fff!important;
  color:#17334d!important;
  border:1px solid #dce6ed!important;
  border-radius:0 0 22px 22px!important;
  box-shadow:0 26px 68px rgba(9,30,55,.16)!important;
  font-size:14px!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch {
  display:flex;align-items:center;gap:12px;
  min-height:60px;padding:7px 8px 7px 18px;
  background:#f7fafd!important;border:1px solid #dce7ee!important;
  border-radius:15px!important;box-shadow:none!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch:focus-within {border-color:#228fbd!important;box-shadow:0 0 0 3px rgba(34,111,219,.12)!important;}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch>svg {color:#40718e!important;width:20px;height:20px;}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch input {
  flex:1;min-width:0;min-height:40px;padding:8px 0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:#142f48!important;opacity:1!important;font-size:15px!important;font-weight:600!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch input::placeholder {color:#657d90!important;opacity:1!important;}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:10px!important;min-height:44px!important;width:auto!important;
  padding:0 20px!important;border:0!important;border-radius:10px!important;
  background:#137b65!important;color:#fff!important;font-size:13px!important;
  font-weight:800!important;white-space:nowrap!important;
  cursor:pointer!important;transition:background .16s ease!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch button:hover {background:#0b6354!important;}
.jlHeaderSimple .jlJobsMega .jlNavMegaSearch button svg {color:#fff!important;width:17px;height:17px;}
.jlHeaderSimple .jlJobsMega .jlNavMegaCols {
  display:grid!important;grid-template-columns:minmax(226px,.95fr) minmax(0,1.8fr) minmax(205px,.86fr)!important;
  gap:14px!important;margin-top:16px!important;align-items:stretch!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaCol {
  min-width:0!important;display:flex!important;flex-direction:column!important;
  gap:5px!important;padding:16px!important;
  background:#fbfdff!important;border:1px solid #e3ebf2!important;border-radius:15px!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaCol h4 {
  margin:0 0 12px!important;font-size:11px!important;letter-spacing:.115em!important;
  line-height:1.4!important;color:#526b80!important;font-weight:850!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaItem {
  display:flex!important;align-items:flex-start!important;gap:11px!important;
  width:100%!important;min-height:68px!important;padding:11px!important;
  border-radius:12px!important;background:#fff!important;
  border:1px solid transparent!important;color:#17334d!important;
  text-decoration:none!important;opacity:1!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaItem:hover,
.jlHeaderSimple .jlJobsMega .jlNavMegaItem:focus-visible {
  background:#eef9f7!important;border-color:#c7e9e1!important;transform:translateY(-1px);
}
.jlHeaderSimple .jlJobsMega .jlNavMegaItem>span:last-child {
  display:block!important;flex:1;min-width:0;color:#17334d!important;opacity:1!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaItem strong {
  display:block!important;color:#16334c!important;opacity:1!important;
  font-size:13.5px!important;font-weight:800!important;line-height:1.35!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaItem small {
  display:block!important;color:#587084!important;opacity:1!important;
  font-size:12px!important;font-weight:500!important;line-height:1.45!important;margin-top:4px!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaIcon {
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;flex:0 0 36px!important;
  background:#e7f7f1!important;color:#078368!important;border-radius:11px!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaIcon svg {color:#078368!important;width:18px;height:18px;}
.jlHeaderSimple .jlJobsMega .jlNavRoleGrid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily {
  min-width:0;padding:12px!important;border-radius:12px!important;
  background:#fff!important;border:1px solid #e7edf2!important;
}
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily>strong {
  display:flex!important;align-items:center!important;gap:7px!important;
  margin:0 0 10px!important;color:#18364e!important;
  font-size:13px!important;font-weight:800!important;line-height:1.4!important;
}
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily>strong svg {color:#0b8b77!important;flex-shrink:0;}
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily>div {display:flex!important;flex-wrap:wrap!important;gap:6px!important;}
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily>div a {
  display:inline-flex!important;align-items:center!important;
  min-height:30px!important;padding:5px 10px!important;
  border:1px solid #e2ebf1!important;border-radius:9px!important;
  background:#f3f7fa!important;color:#24465d!important;
  font-size:12px!important;line-height:1.3!important;font-weight:700!important;
  text-decoration:none!important;opacity:1!important;
}
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily>div a:hover,
.jlHeaderSimple .jlJobsMega .jlNavRoleFamily>div a:focus-visible {
  background:#e4f6f1!important;color:#086b59!important;border-color:#bde2d8!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaMore {padding-left:16px!important;border-left:1px solid #e3ebf2!important;}
.jlHeaderSimple .jlJobsMega .jlNavMegaMore>a:not(.jlNavMegaItem) {
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:40px!important;padding:9px 11px!important;border-radius:10px!important;
  color:#204157!important;background:#fff!important;border:1px solid transparent!important;
  font-size:13px!important;font-weight:700!important;line-height:1.4!important;
  text-decoration:none!important;opacity:1!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaMore>a:not(.jlNavMegaItem):hover {
  background:#eef9f7!important;border-color:#c7e9e1!important;color:#0b7662!important;
}
.jlHeaderSimple .jlJobsMega .jlNavMegaMore>a>span:last-child {color:#728da0!important;font-size:16px!important;}
.jlHeaderSimple .jlJobsMega .jlJobsMegaFooter {
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:15px;padding:13px 5px 0;border-top:1px solid #e4ebf2;
  color:#607589;font-size:12.5px;line-height:1.5;font-weight:500;
}
.jlHeaderSimple .jlJobsMega .jlJobsMegaFooter>a {
  display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  color:#0c7865!important;text-decoration:none!important;font-weight:850!important;
}
.jlHeaderSimple .jlJobsMega .jlJobsMegaFooter>a:hover {text-decoration:underline!important;}
.jlHeaderSimple .jlJobsMega .jlJobsMegaFooter svg {width:16px;height:16px;}
@media(max-width:1080px){
  .jlHeaderSimple .jlJobsMega {
    position:static!important;left:auto!important;top:auto!important;transform:none!important;
    max-height:none!important;overflow:visible!important;
    width:100%!important;margin:6px 0 10px!important;
    padding:13px!important;border-radius:15px!important;box-shadow:none!important;
  }
  .jlHeaderSimple .jlJobsMega .jlNavMegaCols {grid-template-columns:1fr!important;gap:10px!important;}
  .jlHeaderSimple .jlJobsMega .jlNavMegaMore {padding-left:16px!important;border-left:1px solid #e3ebf2!important;}
}
@media(max-width:670px){
  .jlHeaderSimple .jlJobsMega .jlNavMegaSearch {gap:8px!important;padding:6px!important;}
  .jlHeaderSimple .jlJobsMega .jlNavMegaSearch>svg {margin-left:6px;flex-shrink:0;}
  .jlHeaderSimple .jlJobsMega .jlNavMegaSearch input {font-size:13px!important;}
  .jlHeaderSimple .jlJobsMega .jlNavMegaSearch button {width:44px!important;min-width:44px!important;padding:0!important;}
  .jlHeaderSimple .jlJobsMega .jlNavMegaSearch button span {display:none!important;}
  .jlHeaderSimple .jlJobsMega .jlNavRoleGrid {grid-template-columns:1fr!important;}
  .jlHeaderSimple .jlJobsMega .jlNavMegaCol {padding:12px!important;}
  .jlHeaderSimple .jlJobsMega .jlJobsMegaFooter {flex-direction:column;align-items:flex-start;gap:5px;}
}
@media(prefers-reduced-motion:reduce){
  .jlHeaderSimple .jlJobsMega a {transition:none!important;transform:none!important;}
}