/* Status (home) + Fleet: no window scroll on desktop; columns scroll inside */

html.page-home,
html.page-fleet {
  height: 100% !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
}

html.page-home body,
html.page-fleet body {
  height: 100% !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  overflow-y: hidden !important;
}

html.page-home .body-content,
html.page-fleet .body-content {
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

html.page-home .footer,
html.page-fleet .footer {
  display: none !important;
}

html.page-home .header-container,
html.page-fleet .header-container {
  margin-top: 0.35rem !important;
  margin-bottom: 0 !important;
  flex-shrink: 0 !important;
}

html.page-home .header,
html.page-fleet .header {
  --header-height: 36px;
  height: 36px !important;
}

html.page-home .logo,
html.page-fleet .logo {
  line-height: 36px !important;
  font-size: 1.5rem !important;
}

html.page-home .nav .nav-item,
html.page-fleet .nav .nav-item {
  line-height: 36px !important;
  font-size: 1.25rem !important;
}

@media (min-width: 1191px) {
  html.page-home .mobile-navigation-offset,
  html.page-fleet .mobile-navigation-offset {
    display: none !important;
  }

  html.page-home .content-bounds,
  html.page-fleet .content-bounds {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 0.4rem !important;
  }

  html.page-home .page,
  html.page-fleet .page {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding-block: 0.5rem !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html.page-home .page-content,
  html.page-fleet .page-content {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    animation: none !important;
  }

  html.page-home .page-columns,
  html.page-fleet .page-columns {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    align-items: stretch !important;
    overflow: hidden !important;
  }

  html.page-home .page-column,
  html.page-home .page-column-small,
  html.page-home .page-column-full,
  html.page-fleet .page-column,
  html.page-fleet .page-column-small,
  html.page-fleet .page-column-full {
    max-height: 100% !important;
    min-height: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
  }
}

@media (max-width: 1190px) {
  html.page-home .body-content,
  html.page-fleet .body-content {
    height: calc(100dvh - var(--mobile-navigation-height, 50px)) !important;
    max-height: calc(100dvh - var(--mobile-navigation-height, 50px)) !important;
  }

  html.page-home .mobile-navigation-offset,
  html.page-fleet .mobile-navigation-offset {
    display: block !important;
    height: var(--mobile-navigation-height, 50px) !important;
    flex-shrink: 0 !important;
  }
}