.body {
  background-color: white;
  padding: 16px;
}

.clickable {
  cursor: pointer;
}

#page-sidebar > div {
  padding-top: 0;
}

#page-sidebar {
  border-top: solid var(--pf-v5-global--BorderWidth--sm)
    var(--pf-v5-global--palette--black-800);
}

.hub-nav-title {
  &.pf-v5-c-nav__section:first-child {
    padding-top: 0;
  }

  & > .pf-v5-c-nav__section-title {
    font-size: var(--pf-v5-c-nav__link--FontSize);
    height: 50px;
    margin-bottom: 0;
  }
}

// this was getting applied globally when it was in the collection-info.scss file
// which means other components now rely on it, so I'm just going move it here
// so that it's explicitly setting these styles globally.
pre {
  background-color: #f8f8f8;
  border: 1px solid #e6e9e9;
  font-family: var(--pf-v5-global--FontFamily--monospace);
  display: block;
  padding: 10px;

  // Patternfly does something that makes it so that fonts don't get inherited
  // from the parent so it has to be overridden at every level.
  code {
    font-family: var(--pf-v5-global--FontFamily--monospace);
  }
}

// Patternfly expects the root Page component to be the height of the browser window
body,
#root {
  height: 100%;
}

// insights mode Sidenav/Navigation overrides this for all navitems, restoring in main
.pf-v5-c-page__main {
  .pf-v5-c-nav__list > .pf-v5-c-nav__item:not(:first-child) {
    border-top: 0;
  }
}

// list screen toolbars
.hub-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

// inline alert inside pf-v5-c-content has big title and extra margin
.hub-content-alert-fix {
  .pf-v5-c-alert__title {
    margin: 0;
    font-size: var(--pf-v5-c-alert__title--FontSize);
    font-weight: var(--pf-v5-c-alert__title--FontWeight);
  }
}
