/* FieldScout shared top navigation */

.fs-top-navigation {
  --fs-top-nav-item-height: 36px;
  --fs-top-nav-radius: var(--fs-radius-pill);
  --fs-top-nav-pad-x: var(--fs-space-3);
}

.fs-top-navigation__links,
.fs-top-navigation__section,
.fs-top-navigation__account-cluster {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--fs-space-2);
}

.fs-top-navigation__links {
  justify-content: flex-end;
}

.fs-top-navigation__link,
.fs-top-navigation__account {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--fs-top-nav-item-height);
  padding: 0 var(--fs-top-nav-pad-x);
  border: 1px solid transparent;
  border-radius: var(--fs-top-nav-radius);
  color: var(--fs-theme-color-text-muted);
  font: var(--fs-font-weight-medium) var(--fs-font-size-sm) / 1 var(--fs-font-sans);
  text-decoration: none;
  white-space: nowrap;
}

.fs-top-navigation__account {
  border-color: var(--fs-theme-color-border);
  background: var(--fs-theme-color-surface-muted);
  color: var(--fs-theme-color-text);
  cursor: default;
}

.fs-top-navigation__link:hover {
  border-color: var(--fs-theme-color-border);
  background: var(--fs-theme-color-surface-muted);
  color: var(--fs-theme-color-text);
  text-decoration: none;
}

.fs-top-navigation__link:focus-visible {
  outline: var(--fs-focus-outline);
  outline-offset: 3px;
  box-shadow: var(--fs-theme-focus-ring);
}

.fs-top-navigation__link--primary,
.fs-top-navigation__link--logout {
  border-color: var(--fs-theme-color-primary);
  background: var(--fs-theme-color-primary);
  color: var(--fs-theme-color-primary-text);
}

.fs-top-navigation__link--primary:hover,
.fs-top-navigation__link--logout:hover {
  border-color: var(--fs-theme-color-primary-hover);
  background: var(--fs-theme-color-primary-hover);
  color: var(--fs-theme-color-primary-text);
}

.fs-top-navigation__link--support {
  color: var(--fs-theme-color-link);
}

.fs-top-navigation__link--admin {
  border-color: var(--fs-palette-highlight);
  background: var(--fs-palette-highlight-soft);
  color: var(--fs-color-warning);
}

.fs-top-navigation__divider {
  width: 1px;
  height: 24px;
  background: var(--fs-theme-color-border);
}

.fs-top-navigation--app {
  --fs-top-nav-item-height: 34px;
}

.fs-top-navigation--public {
  --fs-top-nav-item-height: 36px;
}

@media (max-width: 980px) {
  .fs-top-navigation__links {
    justify-content: flex-start;
  }

  .fs-top-navigation__divider {
    display: none;
  }
}

@media (max-width: 640px) {
  .fs-top-navigation {
    --fs-top-nav-item-height: 32px;
    --fs-top-nav-pad-x: var(--fs-space-2);
  }

  .fs-top-navigation__link,
  .fs-top-navigation__account {
    font-size: var(--fs-font-size-xs);
  }
}

@media print {
  .fs-top-navigation__links {
    display: none !important;
  }
}

/* INTERNAL-SHELL-NAV-PR1 authenticated theme control */
.fs-top-navigation__theme {
  flex: 0 0 auto;
}

.fs-top-navigation__theme.fs-theme-toggle {
  margin: 0;
}

/* INTERNAL_ALIGNMENT_PR1_TOP_NAV_START */
.fs-top-navigation, .fs-app-shell__nav, .fs-app-shell__header, .internal-top-navigation {
  max-width: min(1180px, calc(100% - 2rem));
  margin-inline: auto;
  border-radius: 1rem;
}
.fs-top-navigation__inner, .fs-app-shell__header-inner, .internal-top-navigation__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  flex-wrap: wrap;
}
.fs-top-navigation__links, .fs-app-shell__links, .internal-top-navigation__links {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
}
@media (max-width: 760px) {
  .fs-top-navigation, .fs-app-shell__nav, .fs-app-shell__header, .internal-top-navigation {
    max-width: calc(100% - 1rem);
  }
  .fs-top-navigation__inner, .fs-app-shell__header-inner, .internal-top-navigation__inner {
    align-items: stretch;
  }
  .fs-top-navigation__links, .fs-app-shell__links, .internal-top-navigation__links {
    width: 100%;
  }
}
/* INTERNAL_ALIGNMENT_PR1_TOP_NAV_END */

/* INTERNAL_VISUAL_HOTFIX_SHELL_FOOTER_START */

/*
  The authenticated nav must be a contained app bar, not a clipped full-width
  legacy strip. These rules intentionally target known internal shell markers.
*/

body[data-fs-app-shell] .fs-top-navigation,
body[data-fs-internal-shell] .fs-top-navigation,
body[data-fieldscout-internal] .fs-top-navigation,
body[data-fs-site-sketch-pr3="true"] .fs-top-navigation,
body[data-fs-app-shell] .internal-top-navigation,
body[data-fs-internal-shell] .internal-top-navigation,
body[data-fieldscout-internal] .internal-top-navigation,
body[data-fs-site-sketch-pr3="true"] .internal-top-navigation {
  width: min(1200px, calc(100vw - 32px)) !important;
  max-width: 1200px !important;
  margin: 24px auto 28px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.14) !important;
}

body[data-fs-app-shell] .fs-top-navigation,
body[data-fs-internal-shell] .fs-top-navigation,
body[data-fieldscout-internal] .fs-top-navigation,
body[data-fs-site-sketch-pr3="true"] .fs-top-navigation {
  min-height: 78px !important;
  padding: 16px 24px !important;
}

body[data-fs-app-shell] .fs-top-navigation nav,
body[data-fs-internal-shell] .fs-top-navigation nav,
body[data-fieldscout-internal] .fs-top-navigation nav,
body[data-fs-site-sketch-pr3="true"] .fs-top-navigation nav,
body[data-fs-app-shell] .internal-top-navigation nav,
body[data-fs-internal-shell] .internal-top-navigation nav,
body[data-fieldscout-internal] .internal-top-navigation nav,
body[data-fs-site-sketch-pr3="true"] .internal-top-navigation nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

@media (max-width: 900px) {
  body[data-fs-app-shell] .fs-top-navigation,
  body[data-fs-internal-shell] .fs-top-navigation,
  body[data-fieldscout-internal] .fs-top-navigation,
  body[data-fs-site-sketch-pr3="true"] .fs-top-navigation,
  body[data-fs-app-shell] .internal-top-navigation,
  body[data-fs-internal-shell] .internal-top-navigation,
  body[data-fieldscout-internal] .internal-top-navigation,
  body[data-fs-site-sketch-pr3="true"] .internal-top-navigation {
    width: min(100%, calc(100vw - 24px)) !important;
    margin: 12px auto 18px !important;
    border-radius: 22px !important;
    padding: 14px !important;
  }

  body[data-fs-app-shell] .fs-top-navigation nav,
  body[data-fs-internal-shell] .fs-top-navigation nav,
  body[data-fieldscout-internal] .fs-top-navigation nav,
  body[data-fs-site-sketch-pr3="true"] .fs-top-navigation nav,
  body[data-fs-app-shell] .internal-top-navigation nav,
  body[data-fs-internal-shell] .internal-top-navigation nav,
  body[data-fieldscout-internal] .internal-top-navigation nav,
  body[data-fs-site-sketch-pr3="true"] .internal-top-navigation nav {
    justify-content: flex-start !important;
  }
}

/* INTERNAL_VISUAL_HOTFIX_SHELL_FOOTER_END */\n\n

/* CODEX_APP_SHELL_MARKER_FIX_START */

/* Direct selectors for the actual injected app shell header marker. */

header[data-fs-app-shell].fs-top-navigation,
.fs-top-navigation[data-fs-app-shell],
header[data-fs-app-shell].internal-top-navigation,
.internal-top-navigation[data-fs-app-shell] {
  width: min(1200px, calc(100vw - 32px)) !important;
  max-width: 1200px !important;
  margin: 24px auto 28px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, 0.14) !important;
}

header[data-fs-app-shell].fs-top-navigation,
.fs-top-navigation[data-fs-app-shell] {
  min-height: 78px !important;
  padding: 16px 24px !important;
}

header[data-fs-app-shell].fs-top-navigation nav,
.fs-top-navigation[data-fs-app-shell] nav,
header[data-fs-app-shell].internal-top-navigation nav,
.internal-top-navigation[data-fs-app-shell] nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}

@media (max-width: 900px) {
  header[data-fs-app-shell].fs-top-navigation,
  .fs-top-navigation[data-fs-app-shell],
  header[data-fs-app-shell].internal-top-navigation,
  .internal-top-navigation[data-fs-app-shell] {
    width: min(100%, calc(100vw - 24px)) !important;
    margin: 12px auto 18px !important;
    border-radius: 22px !important;
    padding: 14px !important;
  }

  header[data-fs-app-shell].fs-top-navigation nav,
  .fs-top-navigation[data-fs-app-shell] nav,
  header[data-fs-app-shell].internal-top-navigation nav,
  .internal-top-navigation[data-fs-app-shell] nav {
    justify-content: flex-start !important;
  }
}

/* CODEX_APP_SHELL_MARKER_FIX_END */

/* FIELDSCOUT_INTERNAL_LOGO_MATCH_EXTERNAL_START */
.fs-top-navigation--app .fs-app-shell__brand > .fs-app-shell__mark.fs-brand-logo-mark {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  padding: 4px !important;
  border: 1px solid #B8DDE1 !important;
  border-radius: 14px !important;
  background: #EAFBFC !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 8px 18px rgba(9,47,54,.10) !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
.fs-top-navigation--app .fs-app-shell__brand > .fs-app-shell__mark.fs-brand-logo-mark svg,
.fs-top-navigation--app .fs-app-shell__brand > .fs-app-shell__mark.fs-brand-logo-mark [data-fs-house-check-logo] {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
/* FIELDSCOUT_INTERNAL_LOGO_MATCH_EXTERNAL_END */

/* FIELDSCOUT_INTERNAL_TOP_FINAL_POLISH_START */
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"],
body[data-fs-app-shell] header[data-fs-app-shell].fs-top-navigation,
body[data-fs-internal-shell] header[data-fs-app-shell].fs-top-navigation,
body[data-fieldscout-internal] header[data-fs-app-shell].fs-top-navigation {
  width: min(1080px, calc(100vw - 32px)) !important;
  max-width: min(1080px, calc(100vw - 32px)) !important;
  min-height: 64px !important;
  margin: 14px auto 14px !important;
  padding: 10px 18px !important;
  border-radius: 22px !important;
  box-shadow: 0 16px 38px rgba(15, 23, 42, 0.12) !important;
  overflow: visible !important;
}
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-app-shell__brand {
  gap: 12px !important;
  min-width: 0 !important;
}
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-app-shell__identity {
  min-width: 0 !important;
}
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-app-shell__nav,
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] nav.fs-top-navigation__links {
  gap: 8px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-top-navigation__section,
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-top-navigation__account-cluster {
  gap: 8px !important;
  flex-wrap: nowrap !important;
}
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-top-navigation__link,
header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-top-navigation__account {
  min-height: 34px !important;
  padding-inline: 14px !important;
}
@media (max-width: 980px) {
  header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] {
    width: min(100% - 20px, 1080px) !important;
    max-width: min(100% - 20px, 1080px) !important;
    margin: 10px auto 12px !important;
    padding: 10px 12px !important;
    border-radius: 20px !important;
  }
  header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-app-shell__nav,
  header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] nav.fs-top-navigation__links,
  header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-top-navigation__section,
  header[data-fs-app-shell].fs-top-navigation[data-fs-top-navigation-surface="app"] .fs-top-navigation__account-cluster {
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
}
/* FIELDSCOUT_INTERNAL_TOP_FINAL_POLISH_END */