/* Shared native console styling. Keep Keycloak markup and interaction behavior. */
body[data-page-id] {
  font-family: var(--typography-p1-default-font-family), sans-serif;
  color: var(--color-text-primary);
  background: var(--color-background-default);

  .pf-v5-c-page {
    --pf-v5-c-page--BackgroundColor: var(--color-background-default);
    --pf-v5-c-page__sidebar--Width: clamp(294px, 22vw, 350px);
  }
  .pf-v5-c-page__main-section,
  .pf-v5-c-page__main-breadcrumb,
  .pf-v5-c-page__main-tabs,
  .pf-v5-c-toolbar,
  .pf-v5-c-card,
  .pf-v5-c-panel,
  .pf-v5-c-drawer__panel,
  .keycloak__loading-container {
    background: var(--color-background-default);
    color: var(--color-text-primary);
  }
  .pf-v5-c-page__main-section {
    padding: var(--space-container-inset-m);
  }
  .pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: var(--color-background-default);
    --pf-v5-c-masthead--Color: var(--color-text-primary);
    border-bottom: var(--borderwidth-decorative-s) solid var(--color-border-subtle);
    padding-inline: var(--space-container-inset-m);
  }
  .pf-v5-c-masthead__brand > img {
    inline-size: 10rem;
    block-size: 2.5rem;
    object-fit: contain;
  }
  .pf-v5-c-page__sidebar {
    background: var(--color-background-subtle);
    color: var(--color-text-primary);
  }
  .pf-v5-c-page__sidebar-body {
    padding: var(--space-container-inset-s) var(--space-container-inset-xs);
  }
  .pf-v5-c-nav {
    --pf-v5-c-nav__link--Color: var(--color-interactive-secondary-unselected-foreground-default);
    --pf-v5-c-nav__link--hover--Color: var(
      --color-interactive-secondary-unselected-foreground-default
    );
    --pf-v5-c-nav__link--BackgroundColor: transparent;
    --pf-v5-c-nav__link--hover--BackgroundColor: var(
      --color-interactive-secondary-selected-background-hover
    );
    --pf-v5-c-nav__link--active--BackgroundColor: var(
      --color-interactive-secondary-selected-background-pressed
    );
    --pf-v5-c-nav__link--m-current--Color: var(
      --color-interactive-secondary-selected-foreground-default
    );
    --pf-v5-c-nav__link--m-current--BackgroundColor: var(
      --color-interactive-secondary-selected-background-default
    );
    --pf-v5-c-nav__link--m-current--after--BorderColor: transparent;
    --pf-v5-c-nav__section-title--Color: var(--color-text-secondary);
  }
  .pf-v5-c-nav__link {
    margin-block: var(--space-selectable-inside-s);
    border-radius: var(--borderradius-selectable-m);
    padding: var(--space-selectable-inset-m);
    font-size: var(--typography-interactive-large-default-font-size);
    font-weight: var(--typography-interactive-large-default-font-weight);
  }
  .pf-v5-c-nav__section-title {
    padding: var(--space-selectable-inset-m);
    margin: 0;
    border-bottom: var(--borderwidth-decorative-s) solid var(--color-border-subtle);
  }
  /* Dense console actions use the small application button size. */
  .pf-v5-c-button:is(.pf-m-primary, .pf-m-secondary) {
    min-height: var(--size-selectable-s);
    padding-block: 0;
  }
  .pf-v5-c-nav__link::after,
  .pf-v5-c-nav__link::before,
  .pf-v5-c-nav__item::before {
    border: 0;
  }
  .pf-v5-c-table a,
  .pf-v5-c-breadcrumb a {
    color: var(--color-link-default);
  }
  .pf-v5-c-table a:hover,
  .pf-v5-c-breadcrumb a:hover {
    color: var(--color-link-hover);
  }
  .pf-v5-c-table {
    --pf-v5-c-table--BackgroundColor: var(--color-background-default);
    --pf-v5-c-table--BorderColor: var(--color-border-subtle);
    --pf-v5-c-table--cell--Color: var(--color-text-primary);
    --pf-v5-c-table--cell--PaddingLeft: var(--space-selectable-inset-s);
    --pf-v5-c-table--cell--PaddingRight: var(--space-selectable-inset-s);
    --pf-v5-c-table--FontSize: var(--typography-p2-default-font-size);
    --pf-v5-c-table__tr--hover--BackgroundColor: var(--color-interactive-surface-hover);
    --pf-v5-c-table__tr--m-selected--BackgroundColor: var(
      --color-interactive-secondary-selected-background-default
    );
    color: var(--color-text-primary);
  }
  .pf-v5-c-table thead {
    background: var(--color-background-subtle);
  }
  .pf-v5-c-table tbody tr:hover {
    background: var(--color-interactive-surface-hover);
  }
  .pf-v5-c-table tbody tr.pf-m-selected {
    background: var(--color-interactive-secondary-selected-background-default);
  }
  .pf-v5-c-table th {
    font-weight: var(--typography-p2-medium-font-weight);
  }
  .pf-v5-c-table td {
    line-height: var(--typography-p2-default-line-height);
  }
  .pf-v5-c-pagination {
    --pf-v5-c-pagination--BackgroundColor: var(--color-background-default);
    color: var(--color-text-secondary);
  }
  .pf-v5-c-tabs {
    --pf-v5-c-tabs__list--before--BorderWidth: 0;
    --pf-v5-c-tabs__link--Color: var(--color-interactive-secondary-unselected-foreground-default);
    --pf-v5-c-tabs__link--after--BorderWidth: 0;
    --pf-v5-c-tabs__link--before--BorderWidth: 0;
    --pf-v5-c-tabs__item--m-current__link--Color: var(
      --color-interactive-secondary-selected-foreground-default
    );
  }
  .pf-v5-c-tabs::before,
  .pf-v5-c-tabs__link::before,
  .pf-v5-c-tabs__link::after {
    border: 0;
  }
  .pf-v5-c-tabs__list {
    gap: var(--space-selectable-inside-s);
    padding: var(--space-container-inset-xxxs);
    background: var(--color-background-subtle);
    border-radius: var(--borderradius-selectable-m);
  }
  .pf-v5-c-tabs__scroll-button::before,
  .pf-v5-c-tabs__scroll-button::after {
    border: 0;
  }
  .pf-v5-c-tabs__link {
    border-radius: var(--borderradius-selectable-m);
    padding: var(--space-container-inset-xxxs) var(--space-container-inset-m);
    font-weight: var(--typography-p1-medium-font-weight);
  }
  .pf-v5-c-tabs__link:hover {
    background: var(--color-interactive-secondary-unselected-background-hover);
  }
  .pf-v5-c-tabs__link:active {
    background: var(--color-interactive-secondary-unselected-background-pressed);
  }
  .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
    background: var(--color-interactive-secondary-selected-background-default);
  }
  .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link:hover {
    background: var(--color-interactive-secondary-selected-background-hover);
  }
  .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link:active {
    background: var(--color-interactive-secondary-selected-background-pressed);
  }
  .pf-v5-c-tabs__link:is(:disabled, [aria-disabled='true']) {
    color: var(--color-text-disabled);
    background: transparent;
  }
  .pf-v5-c-wizard__nav-link {
    --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(
      --color-interactive-primary-background-default
    );
    --pf-v5-c-wizard__nav-link--m-current--before--Color: var(
      --color-interactive-primary-foreground-default
    );
    --pf-v5-c-wizard__nav-link--before--BackgroundColor: var(--color-background-subtle);
    --pf-v5-c-wizard__nav-link--before--Color: var(--color-text-primary);
  }
  .pf-v5-c-modal-box {
    --pf-v5-c-modal-box--BackgroundColor: var(--color-background-default);
    --pf-v5-c-modal-box--BorderRadius: var(--borderradius-selectable-m);
    color: var(--color-text-primary);
  }
}

@media (max-width: 640px) {
  body[data-page-id] .pf-v5-c-page {
    --pf-v5-c-page__sidebar--Width: min(294px, 90vw);
  }
  body[data-page-id] .pf-v5-c-page__main-section {
    padding: var(--space-container-inset-xs);
  }
  body[data-page-id] .pf-v5-c-masthead {
    padding-inline: var(--space-container-inset-xs);
  }
}