/* Account console component overrides: keep the shared identity in light/dark OS modes. */
body {
  --pf-v5-global--disabled-color--100: var(--uj-foreground-muted);
  --pf-v5-global--disabled-color--200: var(--uj-surface-hover);
}
body .pf-v5-c-masthead {
  background: var(--uj-surface-raised);
  border-bottom: 1px solid var(--uj-border);
}
body .pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: transparent;
  background: transparent;
}
body .pf-v5-c-masthead .pf-v5-c-menu-toggle {
  color: var(--uj-foreground);
  background: var(--uj-surface-raised);
}
body .pf-v5-c-masthead .pf-v5-c-menu-toggle::before,
body .pf-v5-c-masthead .pf-v5-c-menu-toggle::after {
  border-color: var(--uj-border);
}
body .pf-v5-c-nav__link { color: var(--uj-foreground); }
body .pf-v5-c-nav__link:hover,
body .pf-v5-c-nav__link:focus { background: var(--uj-surface-hover); color: var(--uj-link); }
body .pf-v5-c-nav__link.pf-m-current {
  background: var(--uj-surface-raised);
  color: var(--uj-link);
  font-weight: 500;
}
body .pf-v5-c-nav__link.pf-m-current::after { border-color: var(--uj-yellow); }
body .pf-v5-c-form-control.pf-m-disabled,
body .pf-v5-c-form-control.pf-m-readonly {
  --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--uj-surface-hover);
  --pf-v5-c-form-control--m-disabled--Color: var(--uj-foreground-muted);
  --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--uj-surface-hover);
  background: var(--uj-surface-hover);
  color: var(--uj-foreground-muted);
}
body .pf-v5-c-form-control input:disabled,
body .pf-v5-c-form-control input[readonly] {
  color: var(--uj-foreground-muted);
  -webkit-text-fill-color: var(--uj-foreground-muted);
  opacity: 1;
}
body .pf-v5-c-form-control::before,
body .pf-v5-c-menu-toggle::before { border-color: var(--uj-border); }
body .pf-v5-c-menu-toggle { background: var(--uj-surface-raised); color: var(--uj-foreground); }
body .pf-v5-c-menu,
body .pf-v5-c-dropdown__menu,
body .pf-v5-c-select__menu {
  background: var(--uj-surface);
  color: var(--uj-foreground);
  border: 1px solid var(--uj-border);
  border-radius: var(--uj-radius);
}
body .pf-v5-c-menu__item,
body .pf-v5-c-dropdown__menu-item,
body .pf-v5-c-select__menu-item { color: var(--uj-foreground); }
body .pf-v5-c-menu__list-item:hover,
body .pf-v5-c-menu__list-item:focus-within,
body .pf-v5-c-menu__list-item.pf-m-selected,
body .pf-v5-c-dropdown__menu-item:hover,
body .pf-v5-c-select__menu-item:hover {
  background: var(--uj-surface-raised);
  color: var(--uj-link);
}
body .pf-v5-c-menu__item:focus { background: var(--uj-surface-raised); }
body .pf-v5-c-menu__item-text,
body .pf-v5-c-menu__item-description,
body .pf-v5-c-menu__item-select-icon { color: inherit; }
body .pf-v5-c-card,
body .pf-v5-c-data-list,
body .pf-v5-c-data-list__item,
body .pf-v5-c-accordion,
body .pf-v5-c-accordion__toggle,
body .pf-v5-c-accordion__expanded-content,
body .pf-v5-c-expandable-section,
body .pf-v5-c-modal-box {
  background-color: var(--uj-surface);
  color: var(--uj-foreground);
}
body .pf-v5-c-card,
body .pf-v5-c-data-list { border: 1px solid var(--uj-border); border-radius: var(--uj-radius); }
body .pf-v5-c-description-list__term { color: var(--uj-foreground); }
body .pf-v5-c-description-list__description { color: var(--uj-foreground-muted); }
body .pf-v5-c-table {
  --pf-v5-c-table--BackgroundColor: var(--uj-surface);
  --pf-v5-c-table--Color: var(--uj-foreground);
  --pf-v5-c-table--BorderColor: var(--uj-border);
}
body .pf-v5-c-table thead { background: var(--uj-surface-raised); color: var(--uj-foreground); }
body .pf-v5-c-toolbar { background: var(--uj-background); color: var(--uj-foreground); }
body .pf-v5-c-button.pf-m-secondary {
  color: var(--uj-link);
  background: var(--uj-surface-raised);
}
body .pf-v5-c-button.pf-m-secondary::after { border-color: var(--uj-border); }
body .pf-v5-c-button.pf-m-secondary:hover { background: var(--uj-surface-hover); }
body .pf-v5-c-button:disabled {
  color: var(--uj-disabled-foreground);
  background: var(--uj-disabled-background);
}
body .pf-v5-c-button.pf-m-primary:focus-visible { outline-color: var(--uj-foreground); }


/* Admin-specific navigation, forms and data views. */
body .pf-v5-c-page__main-breadcrumb,
body .pf-v5-c-page__main-tabs,
body .pf-v5-c-tabs,
body .pf-v5-c-drawer__content,
body .pf-v5-c-drawer__panel,
body .pf-v5-c-wizard__main,
body .pf-v5-c-wizard__nav,
body .pf-v5-c-wizard__footer,
body .pf-v5-c-panel,
body .pf-v5-c-code-block,
body .pf-v5-c-code-editor,
body .pf-v5-c-pagination,
body .pf-v5-c-tree-view { background-color: var(--uj-surface); color: var(--uj-foreground); }
body .pf-v5-c-tabs__link,
body .pf-v5-c-breadcrumb__item,
body .pf-v5-c-breadcrumb__item-divider,
body .pf-v5-c-form__label,
body .pf-v5-c-form__helper-text,
body .pf-v5-c-empty-state__body,
body .pf-v5-c-table th,
body .pf-v5-c-table td { color: var(--uj-foreground); }
body .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link { color: var(--uj-link); }
body .pf-v5-c-tabs__link::after { border-color: var(--uj-border); }
body .pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link::after { border-color: var(--uj-yellow); }
body .pf-v5-c-table { --pf-v5-c-table--cell--BorderColor: var(--uj-border); }
body .pf-v5-c-table tr:hover { background: var(--uj-surface-hover); }
body .pf-v5-c-label { --pf-v5-c-label--BackgroundColor: var(--uj-surface-raised); --pf-v5-c-label__content--Color: var(--uj-foreground); background: var(--uj-surface-raised); color: var(--uj-foreground); }
body .pf-v5-c-label__content { color: inherit; }
body .pf-v5-c-toggle-group__button { background: var(--uj-surface); color: var(--uj-foreground); }
body .pf-v5-c-toggle-group__button.pf-m-selected { background: var(--uj-surface-raised); color: var(--uj-link); }
body .pf-v5-c-toolbar { --pf-v5-c-toolbar--BackgroundColor: var(--uj-background); }
body .pf-v5-c-form-control input,
body .pf-v5-c-form-control textarea,
body .pf-v5-c-select__toggle,
body .pf-v5-c-dropdown__toggle { background-color: var(--uj-surface-raised); color: var(--uj-foreground); }
body .pf-v5-c-tree-view__node { color: var(--uj-foreground); }
body .pf-v5-c-tree-view__node:hover,
body .pf-v5-c-tree-view__node.pf-m-current { background: var(--uj-surface-raised); color: var(--uj-link); }
body .pf-v5-c-switch { --pf-v5-c-switch__toggle--BackgroundColor: var(--uj-disabled-background); --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--uj-yellow); }