/* koos.one only: independent platform identity, company attribution preserved. */
body .site-header #koosBrand.koos-brand,
body .password-reset-brand.koos-brand,
body.public-marketing .site-header.global-header[data-marketing-header] .brand.koos-brand {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 3px;
  width: 215px !important;
  min-width: 0 !important;
  max-width: 215px !important;
  text-decoration: none;
}

.koos-brand .koos-wordmark {
  position: relative;
  display: block;
  width: 156px;
  height: 78px;
  overflow: hidden;
  border-radius: 7px;
}

.koos-brand .koos-wordmark img {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.koos-brand .koos-wordmark .koos-logo-dark { display: block; mix-blend-mode: normal; }
.koos-brand .koos-wordmark .koos-logo-light { display: none; }
body.light .koos-brand .koos-wordmark .koos-logo-dark { display: none; }
body.light .koos-brand .koos-wordmark .koos-logo-light { display: block; mix-blend-mode: normal; }

.koos-brand .koos-company {
  display: block;
  color: inherit;
  font-family: Arial, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.35;
  letter-spacing: 0;
  text-transform: none;
  white-space: nowrap;
  opacity: 0.8;
}

.site-footer [data-koos-owner] {
  max-width: 560px;
  line-height: 1.35;
}

body .site-header.global-header {
  grid-template-columns: minmax(0, auto) auto !important;
  justify-content: space-between !important;
}

body .site-header.global-header .site-nav,
body .site-header.global-header .mobile-menu-button {
  display: none !important;
}

body .site-header.global-header .header-actions {
  grid-column: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-self: end !important;
  margin-left: auto !important;
}

@media (max-width: 700px) {
  body .site-header.global-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-items: center !important;
    gap: 14px !important;
    padding: 18px 14px 20px !important;
  }

  body .site-header #koosBrand.koos-brand,
  body .password-reset-brand.koos-brand,
  body.public-marketing .site-header.global-header[data-marketing-header] .brand.koos-brand {
    grid-column: 1 !important;
    align-items: center !important;
    justify-self: center !important;
    justify-content: center !important;
    gap: 2px;
    width: min(100%, 260px) !important;
    max-width: 260px !important;
    text-align: center;
  }

  .koos-brand .koos-wordmark { width: 150px; height: 75px; }
  .koos-brand .koos-company { font-size: 9px; white-space: normal; text-align: center; }

  body .site-header.global-header .header-actions {
    grid-column: 1 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 54px 54px !important;
    align-items: center !important;
    justify-self: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  body .site-header.global-header .header-actions .login-button {
    grid-column: auto !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    overflow: visible !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  body .site-header.global-header .theme-button,
  body .site-header.global-header .language-select {
    justify-content: center !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;
  }
}

@media (max-width: 380px) {
  body .site-header #koosBrand.koos-brand,
  body .password-reset-brand.koos-brand,
  body.public-marketing .site-header.global-header[data-marketing-header] .brand.koos-brand {
    width: min(100%, 230px) !important;
    max-width: 230px !important;
  }

  .koos-brand .koos-wordmark { width: 138px; height: 69px; }
  .koos-brand .koos-company { font-size: 8px; }

  body .site-header.global-header .header-actions {
    grid-template-columns: minmax(0, 1fr) 50px 50px !important;
    gap: 8px !important;
  }

  body .site-header.global-header .header-actions .login-button {
    padding-inline: 10px !important;
    font-size: 11px !important;
  }

  body .site-header.global-header .theme-button,
  body .site-header.global-header .language-select {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
  }
}

/* Shared mobile header v426 */
/* v422: shared mobile account controls, including authenticated labels. */
@media(max-width:820px){
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;padding:18px 14px!important;overflow:visible!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .brand{grid-column:1/-1!important;min-width:0!important;max-width:100%!important;justify-self:center!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-column:1/-1!important;gap:10px!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;position:static!important;transform:none!important;box-sizing:border-box!important;justify-self:stretch!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions .login-button{grid-column:1/-1!important;grid-row:1!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:48px!important;height:auto!important;padding:12px 16px!important;margin:0!important;box-sizing:border-box!important;white-space:normal!important;overflow-wrap:anywhere!important;text-align:center!important;justify-content:center!important;font-size:14px!important;line-height:1.35!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions .theme-button,
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions .language-select{grid-row:2!important;width:100%!important;min-width:0!important;max-width:100%!important;height:48px!important;min-height:48px!important;padding:0 12px!important;margin:0!important;border-radius:16px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;transform:none!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions .theme-button{grid-column:1!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions .language-select{grid-column:2!important;position:relative!important;overflow:visible!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .theme-button span{display:inline!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;font-size:14px!important;line-height:1.15!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .theme-button svg,
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .language-select > svg{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .language-button{min-width:0!important;width:auto!important;flex:1!important;height:44px!important;padding:0!important;font-size:15px!important;text-align:center!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .language-menu{left:auto!important;right:0!important;max-width:calc(100vw - 40px)!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .mobile-menu-button{grid-column:1/-1!important;grid-row:3!important;justify-self:center!important;max-width:100%!important}
}
@media(max-width:820px){
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header]{max-width:calc(100vw - 24px)!important;margin-inline:auto!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions{max-width:100%!important;box-sizing:border-box!important}
}
@media(max-width:820px){
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header]{height:auto!important;min-height:0!important;max-height:none!important;position:relative!important;inset:auto!important;grid-auto-rows:auto!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .brand{grid-row:1!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .header-actions{grid-row:2!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .language-select:not(.open) .language-menu{display:none!important}
 html body:has(.site-header .koos-brand) .site-header.global-header[data-marketing-header] .language-select.open .language-menu{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;top:calc(100% + 8px)!important;z-index:1000!important}
}

/* Keep the mobile header and filters in document order, with no fixed offsets. */
@media(max-width:820px){
 html body:is(.jobseeker-dashboard-page,.employer-dashboard-page) .page-shell.account-shell{padding-top:12px!important}
 html body:is(.jobseeker-dashboard-page,.employer-dashboard-page) .candidate-mobile-toolbar{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:auto!important;margin:12px 0!important;box-sizing:border-box!important;z-index:20!important}
 html body:has(.site-header .koos-brand) .site-header.global-header .koos-brand{height:auto!important;min-height:0!important}
 html body:has(.site-header .koos-brand) .site-header.global-header .site-nav,
 html body:has(.site-header .koos-brand) .site-header.global-header .mobile-menu-button{display:none!important}
}


@media(max-width:820px){html body:has(.site-header .koos-brand) .site-header.global-header .theme-button span{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;opacity:1!important;visibility:visible!important}}