/* V57: single website header, identical on every public tab and /account.
   The landing page has legacy body:has() !important rules; this file is the final authority. */
html body .site-header,
html body:has(.landing-panel.is-active) .site-header {
  position:sticky !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:82px !important;
  min-height:82px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(143,165,187,.20) !important;
  background:rgba(4,10,16,.96) !important;
  box-shadow:none !important;
  backdrop-filter:blur(18px);
  z-index:100 !important;
}
html body .site-header .header-inner,
html body:has(.landing-panel.is-active) .site-header .header-inner {
  box-sizing:border-box !important;
  position:relative !important;
  display:grid !important;
  width:calc(100% - 42px) !important;
  min-width:0 !important;
  max-width:none !important;
  height:82px !important;
  min-height:82px !important;
  margin:0 auto !important;
  padding:0 !important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
  grid-template-rows:82px !important;
  column-gap:24px !important;
  row-gap:0 !important;
  align-items:center !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body .site-header .brand,
html body:has(.landing-panel.is-active) .site-header .brand {
  grid-column:1 !important;
  grid-row:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-self:start !important;
  align-self:center !important;
  gap:10px !important;
  padding:0 !important;
  margin:0 !important;
  font-size:29px !important;
  line-height:1 !important;
  transform:none !important;
  white-space:nowrap !important;
}
html body .site-header .brand img,
html body:has(.landing-panel.is-active) .site-header .brand img {
  width:52px !important;
  height:57px !important;
  max-width:52px !important;
  object-fit:contain !important;
  margin:0 !important;
}
html body .site-header .top-nav,
html body:has(.landing-panel.is-active) .site-header .top-nav {
  grid-column:2 !important;
  grid-row:1 !important;
  display:flex !important;
  justify-self:center !important;
  align-self:center !important;
  align-items:center !important;
  justify-content:center !important;
  flex-wrap:nowrap !important;
  gap:clamp(18px,1.9vw,38px) !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
  white-space:nowrap !important;
}
html body .site-header .top-nav .nav-link,
html body:has(.landing-panel.is-active) .site-header .top-nav .nav-link {
  flex:0 0 auto !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 !important;
  padding:0 !important;
  font:750 16px/1.2 Inter,system-ui,sans-serif !important;
  color:#cdd6df !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
html body .site-header .top-nav .nav-link:hover,
html body .site-header .top-nav .nav-link.is-active,
html body:has(.landing-panel.is-active) .site-header .top-nav .nav-link:hover,
html body:has(.landing-panel.is-active) .site-header .top-nav .nav-link.is-active {color:#fff !important;}
html body .site-header .header-account-actions,
html body:has(.landing-panel.is-active) .site-header .header-account-actions {
  grid-column:3 !important;
  grid-row:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  justify-self:end !important;
  align-self:center !important;
  min-width:0 !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
}
html body .site-header .header-account-actions .auth-slot,
html body:has(.landing-panel.is-active) .site-header .header-account-actions .auth-slot,
html body .site-header .header-account-actions .lf-site-user-controls {
  display:flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:13px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
html body .site-header .header-account-actions .lf-site-profile,
html body .site-header .header-account-actions .lf-site-profile:hover,
html body .site-header .header-account-actions .lf-site-profile:focus-visible,
html body .site-header .header-account-actions .lf-site-profile[aria-expanded="true"],
html body:has(.landing-panel.is-active) .site-header .header-account-actions .lf-site-profile,
html body:has(.landing-panel.is-active) .site-header .header-account-actions .lf-site-profile:hover,
html body:has(.landing-panel.is-active) .site-header .header-account-actions .lf-site-profile[aria-expanded="true"] {
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:auto !important;
  max-width:none !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  gap:8px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#eef4fa !important;
  transform:none !important;
  filter:none !important;
}
html body .site-header .header-account-actions .lf-site-profile-avatar,
html body:has(.landing-panel.is-active) .site-header .header-account-actions .lf-site-profile-avatar {
  display:block !important;
  width:42px !important;
  height:42px !important;
  flex:0 0 42px !important;
  border:0 !important;
  border-radius:50% !important;
  overflow:hidden !important;
  box-shadow:none !important;
  background:#111d28 !important;
}
html body .site-header .header-account-actions .lf-site-profile-avatar img,
html body:has(.landing-panel.is-active) .site-header .header-account-actions .lf-site-profile-avatar img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
html body .site-header .header-account-actions .lf-site-profile-name,
html body .site-header .header-account-actions .lf-profile-dot {display:none !important;}
html body .site-header .header-account-actions .lf-profile-chevron {
  width:18px !important;
  height:18px !important;
  stroke:#a4aeb9 !important;
  color:#a4aeb9 !important;
  fill:none !important;
}
html body .site-header .header-account-actions .lf-sales-bell,
html body .site-header .header-account-actions .lf-sales-bell:hover {
  display:grid !important;
  place-items:center !important;
  width:46px !important;
  height:46px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:#e9eef4 !important;
  transform:none !important;
}
html body .site-header .header-account-actions .lf-sales-bell svg {width:25px !important;height:25px !important;}
html body .site-header .header-account-actions .lf-site-dashboard-link {display:none !important;}
html body .site-header .header-account-actions .signin-button,
html body:has(.landing-panel.is-active) .site-header .header-account-actions .signin-button {
  position:relative !important;
  margin:0 !important;
  justify-self:end !important;
  align-self:center !important;
}
/* Drop old document-transition effects; navigation must not flash a differently-scaled bar. */
html body .site-header {view-transition-name:none !important;}
@media(max-width:1000px){
  html body .site-header,
  html body:has(.landing-panel.is-active) .site-header {height:auto !important;min-height:93px !important;}
  html body .site-header .header-inner,
  html body:has(.landing-panel.is-active) .site-header .header-inner {
    width:calc(100% - 24px) !important;
    height:auto !important;
    min-height:93px !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    grid-template-rows:50px minmax(35px,auto) !important;
    column-gap:12px !important;
    row-gap:5px !important;
    padding:5px 0 8px !important;
  }
  html body .site-header .brand,
  html body:has(.landing-panel.is-active) .site-header .brand {
    grid-column:1 !important;grid-row:1 !important;
    font-size:24px !important;gap:7px !important;
  }
  html body .site-header .brand img,
  html body:has(.landing-panel.is-active) .site-header .brand img {width:43px !important;height:47px !important;}
  html body .site-header .header-account-actions,
  html body:has(.landing-panel.is-active) .site-header .header-account-actions {grid-column:2 !important;grid-row:1 !important;}
  html body .site-header .top-nav,
  html body:has(.landing-panel.is-active) .site-header .top-nav {
    grid-column:1 / -1 !important;grid-row:2 !important;
    width:100% !important;max-width:100% !important;
    height:auto !important;min-height:34px !important;
    justify-content:space-between !important;
    gap:clamp(8px,2vw,20px) !important;
    flex-wrap:nowrap !important;
  }
  html body .site-header .top-nav .nav-link,
  html body:has(.landing-panel.is-active) .site-header .top-nav .nav-link {
    height:34px !important;min-height:34px !important;
    font-size:13px !important;
  }
}
@media(max-width:560px){
  html body .site-header .header-inner,
  html body:has(.landing-panel.is-active) .site-header .header-inner {width:calc(100% - 18px) !important;}
  html body .site-header .brand,
  html body:has(.landing-panel.is-active) .site-header .brand {font-size:20px !important;gap:5px !important;}
  html body .site-header .brand img,
  html body:has(.landing-panel.is-active) .site-header .brand img {width:36px !important;height:40px !important;}
  html body .site-header .header-account-actions .lf-sales-bell,
  html body .site-header .header-account-actions .lf-sales-bell:hover {width:37px !important;height:37px !important;}
  html body .site-header .header-account-actions .lf-sales-bell svg{width:21px !important;height:21px !important;}
  html body .site-header .header-account-actions .lf-site-profile-avatar,
  html body:has(.landing-panel.is-active) .site-header .header-account-actions .lf-site-profile-avatar {width:34px !important;height:34px !important;flex-basis:34px !important;}
  html body .site-header .top-nav,
  html body:has(.landing-panel.is-active) .site-header .top-nav {gap:8px !important;}
  html body .site-header .top-nav .nav-link,
  html body:has(.landing-panel.is-active) .site-header .top-nav .nav-link {font-size:11px !important;}
}

/* Reserve the same scrollbar width on Home and Account Settings. */
html { scrollbar-gutter:stable !important; }