/* 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;
}