/* Shared HAVEN workspace palette; retain native account security components. */
:root {
  --pf-v5-global--primary-color--100: #2d7963;
  --pf-v5-global--primary-color--200: #21654f;
  --pf-v5-global--link--Color: #21654f;
  --pf-v5-global--link--Color--hover: #182c2a;
  --pf-v5-global--active-color--100: #2d7963;
  --pf-v5-global--FontFamily--text: 'DM Sans', 'Segoe UI', sans-serif;
  --pf-v5-global--FontFamily--heading: 'DM Sans', 'Segoe UI', sans-serif;
}
body {
  color: #202c33;
  background: #f4f5f3;
}
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #182c2a;
  border-block-start: 3px solid #c5a66b;
}
.pf-v5-c-masthead__brand img {
  width: 238px;
  height: 52px;
  max-width: 100%;
}
.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #182c2a;
}
.pf-v5-c-page__main-section {
  --pf-v5-c-page__main-section--BackgroundColor: #f4f5f3;
}
.pf-v5-c-card {
  border: 1px solid #dde4df;
  border-radius: 12px;
  box-shadow: 0 3px 14px #182c2a08;
}
.pf-v5-c-button {
  border-radius: 6px;
}
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #2d7963;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #21654f;
}
.pf-v5-c-nav__link.pf-m-current {
  --pf-v5-c-nav__link--m-current--BackgroundColor: #29433b;
  --pf-v5-c-nav__link--m-current--after--BorderColor: #c5a66b;
}
:focus-visible {
  outline: 2px solid #c5a66b;
  outline-offset: 3px;
}
.keycloak__loading-container {
  background: #f4f5f3;
  color: #202c33;
}
@media (max-width: 600px) {
  .pf-v5-c-masthead__brand img {
    width: 184px;
  }
}

.pf-v5-c-button.pf-m-secondary {
  --pf-v5-c-button--m-secondary--Color: #21654f;
  --pf-v5-c-button--m-secondary--BorderColor: #2d7963;
  --pf-v5-c-button--m-secondary--hover--Color: #182c2a;
  --pf-v5-c-button--m-secondary--hover--BorderColor: #21654f;
}
.pf-v5-c-page__main {
  background: #f4f5f3;
  min-width: 0;
}
.pf-v5-c-page__main-section {
  background: #f4f5f3;
}
@media (max-width: 600px) {
  .pf-v5-c-page__main-section {
    padding: 20px 16px;
  }
  .pf-v5-c-masthead {
    column-gap: 12px;
    padding-inline: 16px;
  }
  .pf-v5-c-data-list__item-content {
    overflow-wrap: anywhere;
    min-width: 0;
  }
}