/* BermudAir console theme. Inherits Keycloak 26.7.4 / PatternFly v5. */
:root {
  color-scheme: light;
  --ba-text: #292a35;
  --ba-muted: #6f707c;
  --ba-accent: #565dd7;
  --ba-accent-hover: #444cc1;
  --ba-border: #e5e5ec;
  --ba-canvas: #f7f8fb;
  --ba-sidebar: #fafafd;
  --ba-selection: #ededfb;
  --pf-v5-global--FontFamily--text: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--text);
  --pf-v5-global--FontSize--md: 0.875rem;
  --pf-v5-global--FontSize--sm: 0.8125rem;
  --pf-v5-global--Color--100: var(--ba-text);
  --pf-v5-global--Color--200: var(--ba-muted);
  --pf-v5-global--Color--dark-100: var(--ba-text);
  --pf-v5-global--Color--dark-200: var(--ba-muted);
  --pf-v5-global--BackgroundColor--100: #fff;
  --pf-v5-global--BackgroundColor--200: var(--ba-canvas);
  --pf-v5-global--BackgroundColor--light-100: #fff;
  --pf-v5-global--BackgroundColor--light-200: var(--ba-sidebar);
  --pf-v5-global--BackgroundColor--light-300: var(--ba-canvas);
  --pf-v5-global--BorderColor--100: var(--ba-border);
  --pf-v5-global--BorderColor--200: #c9cbd8;
  --pf-v5-global--BorderColor--300: var(--ba-border);
  --pf-v5-global--primary-color--100: var(--ba-accent);
  --pf-v5-global--primary-color--200: var(--ba-accent-hover);
  --pf-v5-global--active-color--100: var(--ba-accent);
  --pf-v5-global--active-color--200: var(--ba-selection);
  --pf-v5-global--link--Color: var(--ba-accent);
  --pf-v5-global--link--Color--hover: var(--ba-accent-hover);
  --pf-v5-global--BorderRadius--sm: 6px;
  --pf-v5-c-page--BackgroundColor: var(--ba-canvas);
  --pf-v5-c-page__sidebar--Width: 248px;
  --pf-v5-c-page__sidebar--BackgroundColor: var(--ba-sidebar);
  --pf-v5-c-page__sidebar--BoxShadow: none;
  --pf-v5-c-page__main-section--BackgroundColor: var(--ba-canvas);
}

body {
  color: var(--ba-text);
  background: var(--ba-canvas);
  font-family: var(--pf-v5-global--FontFamily--text);
  -webkit-font-smoothing: antialiased;
}

/* PatternFly sets a dark local color context on the masthead and navigation. */
body .pf-v5-c-masthead,
body .pf-v5-c-page__sidebar,
body .pf-v5-c-nav {
  --pf-v5-global--Color--100: var(--ba-text);
  --pf-v5-global--Color--200: var(--ba-muted);
  --pf-v5-global--primary-color--100: var(--ba-accent);
  --pf-v5-global--primary-color--200: var(--ba-accent-hover);
  --pf-v5-global--link--Color: var(--ba-accent);
  --pf-v5-global--link--Color--hover: var(--ba-accent-hover);
  --pf-v5-global--BackgroundColor--100: #fff;
  --pf-v5-global--BorderColor--100: var(--ba-border);
  color: var(--ba-text);
}

body .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #fff;
  --pf-v5-c-masthead--item-border-color--base: var(--ba-border);
  --pf-v5-c-masthead__main--before--BorderBottomColor: var(--ba-border);
  --pf-v5-c-masthead--m-display-inline__main--MinHeight: 76px;
  --pf-v5-c-masthead--m-display-inline__content--MinHeight: 76px;
  border-bottom: 1px solid var(--ba-border);
  box-shadow: none;
}

body .pf-v5-c-masthead__brand img {
  width: 174px;
  height: 40px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}

body .pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
body .pf-v5-c-masthead .pf-v5-c-menu-toggle,
body .pf-v5-c-masthead .pf-v5-c-dropdown__toggle {
  color: var(--ba-text);
}

body .pf-v5-c-page__sidebar {
  background: var(--ba-sidebar);
  border-right: 1px solid var(--ba-border);
  box-shadow: none;
}

body .pf-v5-c-nav {
  --pf-v5-c-nav__link--Color: var(--ba-text);
  --pf-v5-c-nav__link--hover--Color: var(--ba-text);
  --pf-v5-c-nav__link--focus--Color: var(--ba-text);
  --pf-v5-c-nav__link--active--Color: var(--ba-accent);
  --pf-v5-c-nav__link--m-current--Color: var(--ba-accent);
  --pf-v5-c-nav__link--hover--BackgroundColor: #f0f0f7;
  --pf-v5-c-nav__link--focus--BackgroundColor: #f0f0f7;
  --pf-v5-c-nav__link--active--BackgroundColor: var(--ba-selection);
  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--ba-selection);
  --pf-v5-c-nav__item--m-current--not--m-expanded__link--BackgroundColor: var(--ba-selection);
  --pf-v5-c-nav__link--after--BorderColor: var(--ba-accent);
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--ba-accent);
  --pf-v5-c-nav__link--m-current--after--BorderLeftWidth: 2px;
  --pf-v5-c-nav__link--PaddingTop: 10px;
  --pf-v5-c-nav__link--PaddingBottom: 10px;
  --pf-v5-c-nav__link--FontSize: 0.875rem;
  --pf-v5-c-nav__section-title--Color: var(--ba-muted);
  --pf-v5-c-nav__section-title--BorderBottomColor: var(--ba-border);
  --pf-v5-c-nav__item--before--BorderColor: var(--ba-border);
  --pf-v5-c-nav__link--before--BorderColor: var(--ba-border);
}

body .pf-v5-c-nav__section-title {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.025em;
}

body .pf-v5-c-nav__link.pf-m-current {
  font-weight: 600;
}

body .pf-v5-c-title,
body .pf-v5-c-content h1,
body .pf-v5-c-content h2,
body .pf-v5-c-content h3 {
  font-family: var(--pf-v5-global--FontFamily--text);
  font-weight: 500;
  letter-spacing: -0.025em;
}

body .pf-v5-c-title.pf-m-2xl,
body .pf-v5-c-title.pf-m-3xl {
  font-size: 1.75rem;
  line-height: 1.3;
}

body .pf-v5-c-card {
  --pf-v5-c-card--BoxShadow: none;
  --pf-v5-c-card--m-rounded--BorderRadius: 6px;
  border: 1px solid var(--ba-border);
  border-radius: 6px;
  box-shadow: none;
}

body .pf-v5-c-table {
  --pf-v5-c-table--BorderColor: var(--ba-border);
  --pf-v5-c-table--cell--FontSize: 0.875rem;
}

body .pf-v5-c-table thead {
  color: var(--ba-muted);
}

body .pf-v5-c-table th {
  font-weight: 500;
}

body .pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: 6px;
  --pf-v5-c-button--after--BorderRadius: 6px;
  --pf-v5-c-button--FontWeight: 500;
}

body .pf-v5-c-form-control,
body .pf-v5-c-form-control::before,
body .pf-v5-c-form-control::after,
body .pf-v5-c-menu-toggle,
body .pf-v5-c-menu-toggle::before,
body .pf-v5-c-menu-toggle::after,
body .pf-v5-c-dropdown__toggle,
body .pf-v5-c-dropdown__toggle::before {
  border-radius: 6px;
}

body .pf-v5-c-form__label {
  font-weight: 500;
}

body .pf-v5-c-tabs {
  --pf-v5-c-tabs__link--Color: var(--ba-muted);
  --pf-v5-c-tabs__link--hover--Color: var(--ba-text);
  --pf-v5-c-tabs__link--m-current--Color: var(--ba-accent);
  --pf-v5-c-tabs__link--after--BorderColor: var(--ba-accent);
}

body .keycloak__loading-container {
  color: var(--ba-text);
  background: var(--ba-canvas);
}

@media (max-width: 767px) {
  body .pf-v5-c-masthead__brand img {
    width: 156px;
    height: 36px;
  }
  body .pf-v5-c-title.pf-m-2xl,
  body .pf-v5-c-title.pf-m-3xl {
    font-size: 1.5rem;
  }
}

/* The dashboard brand is decorative; the accessible masthead carries the logo. */
body .keycloak__dashboard_icon {
  display: none;
}

body .keycloak__dashboard_welcome_tab {
  width: 100%;
  max-width: 42rem;
}