.shared-navbar,
.shared-navbar * {
  box-sizing: border-box;
}

.shared-navbar [hidden] {
  display: none !important;
}

.shared-navbar-legacy-hidden,
.shared-navbar-legacy-control-hidden {
  display: none !important;
}

/* Sitewide nav-button collision fix (2026-08-24): the floating "Ana səhifə"
   pill on module pages is position:absolute with zero layout height by
   design (see .shared-navbar-module-page .shared-navbar-brand below), so any
   page's own top-right content needs real clearance from it. Previously each
   page set its own top padding independently with no reference to the pill's
   actual footprint, which is exactly why this kept recurring in different
   places. --shared-navbar-clearance publishes that footprint once, matching
   the pill's own geometry at each breakpoint (kept in sync below); consuming
   page stylesheets read it via var(--shared-navbar-clearance, <original
   value>) so anything not yet opted in keeps behaving exactly as before.
   Not set on the home page or the KPI route (pill hidden there) — the
   fallback in each var() call is what applies in that case. */
body.shared-navbar-module-page:not(.shared-navbar-kpi-route) {
  --shared-navbar-clearance: 84px;
  /* Horizontal counterpart: the pill's own right-offset and width, published
     so anything needing to sit just left of it (e.g. Bordro's "Bordro
     Növləri" catalog-return button) computes its position instead of
     hand-copying these two numbers into a third, independently-drifting
     magic number. */
  --shared-navbar-pill-right: 28px;
  --shared-navbar-pill-width: 190px;
}
@media (max-width: 700px) {
  body.shared-navbar-module-page:not(.shared-navbar-kpi-route) {
    --shared-navbar-clearance: 60px;
    --shared-navbar-pill-right: 16px;
    --shared-navbar-pill-width: 190px;
  }
}

.shared-navbar {
  position: relative;
  z-index: 2400;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  border-bottom: 1px solid #dce6ee;
  background: #fff;
  color: #17364f;
  font-family: var(--font-sans);
  box-shadow: 0 4px 16px rgba(8, 45, 76, .04);
}

/* Keep the shared shell independent from module-level header rules. */
body > header.shared-navbar {
  position: relative !important;
  inset: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #dce6ee !important;
  border-radius: 0 !important;
  color: #17364f !important;
  box-shadow: 0 4px 16px rgba(8, 45, 76, .04) !important;
}

/* Recruitment has a fixed side menu; start it below the shared header. */
body.shared-navbar-active .rec-side {
  top: 94px !important;
  padding-top: 24px !important;
  background: linear-gradient(180deg, #0a4a74 0, #06375f 72px, #062b4a 100%) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.18), 10px 12px 28px rgba(8,35,58,.08) !important;
}

body.shared-navbar-active .rec-side > .brand {
  display: none !important;
}

body.shared-navbar-active .rec-side .side-title {
  margin-top: 0 !important;
  color: #d7e9f5 !important;
}

.shared-navbar-inner {
  display: flex;
  width: 100%;
  min-height: 94px;
  align-items: center;
  gap: clamp(7px, .75vw, 15px);
  padding: 0 clamp(18px, 2.4vw, 52px);
}

.shared-navbar-brand {
  display: inline-flex;
  flex: 0 0 76px;
  align-items: center;
  justify-content: center;
}

.shared-navbar-brand img {
  width: 68px;
  height: 58px;
  object-fit: contain;
}

.shared-navbar-navigation {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.shared-nav-link {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  padding: 0 clamp(8px, .6vw, 14px);
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #263c55;
  font: 800 clamp(12px, .85vw, 14px)/1.15 var(--font-sans);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

.shared-nav-link:hover,
.shared-nav-link:focus-visible {
  outline: 0;
  background: #f1f6fa;
  color: #0b5f9b;
}

.shared-nav-link.active {
  color: #084f82;
  box-shadow: inset 0 -3px #0f6099;
}

.shared-nav-group {
  position: relative;
}

.shared-nav-group-toggle span {
  margin-left: 5px;
}

.shared-nav-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  display: none;
  width: 245px;
  padding: 7px;
  border: 1px solid #d5e2ec;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(7, 30, 52, .18);
}

/* Direct child only (not a descendant selector): once "Daha çox" can hold a whole
   nested group (Alətlər) relocated into it, a plain descendant match here would
   force that inner group's OWN dropdown open too just because it's nested inside
   an .open ancestor — regardless of whether its own toggle was ever clicked. */
.shared-nav-group.open > .shared-nav-dropdown {
  display: grid;
}

.shared-nav-child {
  width: 100%;
  justify-content: flex-start;
  font-size: 13px;
}

/* "Daha çox" reuses the exact dropdown component — same toggle/panel classes as
   İnsan Resursları/Alətlər — but it needs to hold plain links stacked, and (rarely,
   only under real overflow pressure) a whole other group like Alətlər relocated
   into it whole. That nested group's own dropdown must stack in place rather than
   absolutely-position off the edge of the outer panel. */
.shared-nav-overflow-group > .shared-nav-dropdown {
  display: none;
  flex-direction: column;
  gap: 2px;
}
.shared-nav-overflow-group.open > .shared-nav-dropdown {
  display: flex;
}
.shared-nav-overflow-group .shared-nav-dropdown .shared-nav-group {
  width: 100%;
}
.shared-nav-overflow-group .shared-nav-dropdown .shared-nav-dropdown {
  position: static;
  width: 100%;
  margin-top: 2px;
  box-shadow: none;
}

.shared-navbar-search {
  position: relative;
  flex: 1 1 260px;
  min-width: 185px;
  max-width: 350px;
}

.shared-navbar-search > span {
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  color: #6f8294;
  font-size: 22px;
}

.shared-navbar-search input {
  width: 100%;
  height: 48px;
  padding: 0 62px 0 42px;
  border: 1px solid #d3e0e9;
  border-radius: 13px;
  background: #fff;
  color: #17364f;
  font: 700 13px/1 Arial, sans-serif;
}

.shared-navbar-search input:focus {
  outline: 3px solid rgba(15, 96, 153, .12);
  border-color: #6ea7cd;
}

.shared-navbar-search kbd {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  padding: 4px 6px;
  border: 1px solid #d5e2ec;
  border-radius: 6px;
  background: #f5f8fa;
  color: #61748a;
  font: 700 10px/1 Arial, sans-serif;
}

.shared-navbar-results {
  position: absolute;
  z-index: 10;
  top: calc(100% + 7px);
  right: 0;
  left: 0;
  padding: 7px;
  border: 1px solid #d5e2ec;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(7, 30, 52, .18);
}

.shared-navbar-results a,
.shared-navbar-results div {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-radius: 7px;
  color: #17364f;
  font-weight: 700;
  text-decoration: none;
}

.shared-navbar-results a {
  align-items: center;
  gap: 10px;
}

.shared-navbar-results a > span {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.shared-navbar-results a b {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-navbar-results a small {
  color: #6c8193;
  font: 600 11px/1.2 Arial, sans-serif;
}

.shared-navbar-results a i {
  margin-left: auto;
  color: #1c709f;
  font-size: 20px;
  font-style: normal;
}

.shared-navbar-results a:hover {
  background: #f1f6fa;
}

.shared-navbar-account {
  position: relative;
  flex: 0 0 auto;
}

.shared-navbar-account-toggle {
  display: inline-flex;
  height: 48px;
  min-width: 150px;
  max-width: 205px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 15px;
  border: 1px solid #d5e2ec;
  border-radius: 13px;
  background: #fff;
  color: #17364f;
  font: 800 13px/1 var(--font-sans);
  cursor: pointer;
}

.shared-navbar-account-toggle > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shared-navbar-account-toggle:hover,
.shared-navbar-account-toggle:focus-visible,
.shared-navbar-account.open .shared-navbar-account-toggle {
  outline: 0;
  border-color: #91b9d5;
  background: #f1f6fa;
}

.shared-navbar-account-menu {
  position: absolute;
  z-index: 12;
  top: calc(100% + 7px);
  right: 0;
  width: 210px;
  padding: 7px;
  border: 1px solid #d5e2ec;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(7, 30, 52, .18);
}

.shared-navbar-account-menu section > span {
  display: block;
  padding: 7px 8px 5px;
  color: #6b7f91;
  font: 700 11px/1 Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.shared-navbar-account-languages {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}

.shared-navbar-account-menu button {
  width: 100%;
  padding: 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #17364f;
  font-weight: 800;
  text-align: left;
  cursor: pointer;
}

.shared-navbar-account-languages button {
  text-align: center;
}

.shared-navbar-account-menu button:hover,
.shared-navbar-account-menu button:focus-visible,
.shared-navbar-account-languages button.active {
  outline: 0;
  background: #f1f6fa;
  color: #0b5f9b;
}

.shared-navbar-account-languages button:disabled {
  cursor: default;
  opacity: 1;
}

.shared-navbar-account-divider {
  height: 1px;
  margin: 7px 3px;
  background: #dce6ee;
}

.shared-navbar-logout {
  color: #a52e3d !important;
}

.shared-navbar-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 1px solid #d4e0e9;
  border-radius: 8px;
  background: #fff;
  place-content: center;
  gap: 4px;
  cursor: pointer;
}

/* Module pages show only the logo; the full navbar panel is home-page only. */
.shared-navbar.shared-navbar-module-page .shared-navbar-navigation,
.shared-navbar.shared-navbar-module-page .shared-navbar-search,
.shared-navbar.shared-navbar-module-page .shared-navbar-account,
.shared-navbar.shared-navbar-module-page .shared-navbar-toggle {
  display: none !important;
}

/* Modul fonu loqo sahəsinin altından fasiləsiz davam etsin. */
body > header.shared-navbar.shared-navbar-module-page {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 2400;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  pointer-events: none;
}

/* Modul səhifələri: yalnız aydın görünən, yuxarı-sağ brend nişanı (Ana səhifə düyməsi). */
.shared-navbar.shared-navbar-module-page .shared-navbar-inner {
  position: relative;
  height: 0;
  min-height: 0;
  align-items: flex-start;
  padding: 14px 28px;
}

.shared-navbar.shared-navbar-module-page .shared-navbar-brand {
  position: absolute;
  top: 24px;
  right: var(--shared-navbar-pill-right, 28px);
  display: inline-flex;
  box-sizing: border-box;
  width: var(--shared-navbar-pill-width, 190px);
  height: 44px;
  flex: 0 0 auto;
  padding: 0 16px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 12px;
  background: rgba(255, 255, 255, .52);
  backdrop-filter: blur(12px) saturate(135%);
  -webkit-backdrop-filter: blur(12px) saturate(135%);
  box-shadow: 0 8px 22px rgba(10, 45, 72, .09);
  color: #1b5f88;
  font: 700 14px/1 var(--font-sans);
  text-decoration: none;
  pointer-events: auto;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease;
}

.shared-navbar.shared-navbar-module-page .shared-navbar-brand:hover,
.shared-navbar.shared-navbar-module-page .shared-navbar-brand:focus-visible {
  border-color: rgba(255, 255, 255, .95);
  background: rgba(255, 255, 255, .7);
  box-shadow: 0 10px 24px rgba(10, 75, 113, .15);
  color: #0d659d;
  outline: 0;
  transform: translateY(-2px);
}

/* Standart modul səhifələrində brend ayrıca sətr tutmur: ekran sahəsi
   məzmunun özünə qalır, loqo isə (Ana səhifə düyməsi kimi) yuxarı-sağ
   küncdə sabit qalır. */
@supports selector(body:has(*)) {
  body:has(> .module-page) > .module-page {
    min-height: 100vh;
    padding-top: 0;
  }

  body:has(> header.shared-navbar.shared-navbar-module-page) .rec-side {
    top: 0 !important;
  }
}

.shared-navbar-toggle span {
  display: block;
  width: 21px;
  height: 2px;
  background: #173b5a;
}

.shared-module-actions-bar {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 8px 34px;
  border-bottom: 1px solid #dce6ee;
  background: #fff;
}

@media (max-width: 1360px) {
  .shared-navbar-inner {
    gap: 5px;
    padding-inline: 14px;
  }

  .shared-navbar-brand {
    flex-basis: 58px;
  }

  .shared-navbar-brand img {
    width: 54px;
  }

  .shared-nav-link {
    padding-inline: 7px;
    font-size: 12px;
  }

  .shared-navbar-search {
    min-width: 160px;
    max-width: 230px;
  }

  .shared-navbar-account-toggle {
    min-width: 120px;
    max-width: 165px;
    padding-inline: 10px;
  }
}

@media (max-width: 700px) {
  .shared-navbar.shared-navbar-module-page .shared-navbar-inner {
    padding: 0;
  }

  .shared-navbar.shared-navbar-module-page .shared-navbar-brand {
    top: 12px;
    right: var(--shared-navbar-pill-right, 16px);
    padding: 10px 16px;
    font-size: 12px;
  }

  @supports selector(body:has(*)) {
    body:has(> .module-page) > .module-page {
      padding-top: 0;
    }
  }
}

@media (max-width: 1100px) {
  .shared-navbar-inner {
    min-height: 76px;
    flex-wrap: wrap;
    padding-block: 9px;
  }

  .shared-navbar-toggle {
    display: grid;
    order: 2;
  }

  .shared-navbar-navigation {
    order: 6;
    display: none;
    flex: 1 0 100%;
    padding: 8px 0 2px;
    border-top: 1px solid #e1e8ee;
  }

  .shared-navbar-navigation.open {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .shared-nav-link {
    width: 100%;
    justify-content: flex-start;
    font-size: 13px;
  }

  .shared-nav-group {
    min-width: 0;
  }

  .shared-nav-dropdown {
    position: static;
    width: 100%;
    margin-top: 4px;
    box-shadow: none;
  }

  .shared-nav-group.open {
    grid-column: span 2;
  }

  .shared-navbar-search {
    order: 3;
    max-width: none;
  }

  .shared-navbar-account {
    order: 4;
  }

}

@media (max-width: 680px) {
  .shared-navbar-brand {
    margin-right: auto;
  }

  .shared-navbar-search {
    order: 6;
    flex: 1 0 100%;
  }

  .shared-navbar-navigation {
    order: 7;
  }

  .shared-navbar-navigation.open {
    grid-template-columns: 1fr;
  }

  .shared-nav-group.open {
    grid-column: auto;
  }

  .shared-navbar-account-toggle {
    min-width: 110px;
    max-width: 150px;
  }

  .shared-navbar-search kbd {
    display: none;
  }

  .shared-navbar-search input {
    padding-right: 14px;
  }
}

/* Account dropdown typography must not inherit module-specific heading styles. */
body .shared-navbar-account,
body .shared-navbar-account * {
  font-family: Arial, Helvetica, sans-serif !important;
}

body .shared-navbar-account-toggle {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

body .shared-navbar-account-toggle b {
  font-size: inherit !important;
  font-weight: 700 !important;
}

body .shared-navbar-account-toggle i {
  font-size: 18px !important;
  font-style: normal !important;
  line-height: 1 !important;
}

body .shared-navbar-account-menu section > span {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

body .shared-navbar-account-menu button {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}