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

/* UJ provider artwork, scoped by its stable provider alias in linked accounts. */
body[data-page-id="account"] #uj-idp .pf-v5-l-split__item.pf-v5-u-mr-sm {
  width: 2rem;
  min-width: 2rem;
  height: 3rem;
  background: url("../brand/uj/coat-of-arms-white.svg") center / contain no-repeat;
}
body[data-page-id="account"] #uj-idp .pf-v5-l-split__item.pf-v5-u-mr-sm > * {
  display: none;
}

/* Official small white USOS mark, supplied as a transparent vector by USOS. */
body[data-page-id="account"] #usos-idp .pf-v5-l-split__item.pf-v5-u-mr-sm {
  width: 3.5rem;
  min-width: 3.5rem;
  height: 3rem;
  background: url("../brand/usos/mark-white.svg") center / contain no-repeat;
}
body[data-page-id="account"] #usos-idp .pf-v5-l-split__item.pf-v5-u-mr-sm > * { display: none; }

/* Linking is a primary account action; retain Keycloak's native button and flow. */
body[data-page-id="account"] #unlinked-idps .pf-v5-c-button[id$="-idp-link"] {
  color: var(--uj-on-primary);
  background: var(--uj-primary);
  border-radius: var(--uj-radius);
  padding: .6rem 1rem;
  min-height: 44px;
  font-weight: 500;
  text-decoration: none;
}
body[data-page-id="account"] #unlinked-idps .pf-v5-c-button[id$="-idp-link"]:hover,
body[data-page-id="account"] #unlinked-idps .pf-v5-c-button[id$="-idp-link"]:focus {
  color: var(--uj-on-primary);
  background: var(--uj-primary-hover);
  text-decoration: none;
}
body[data-page-id="account"] #unlinked-idps .pf-v5-c-button[id$="-idp-link"]:active {
  background: var(--uj-primary-active);
}
body[data-page-id="account"] #unlinked-idps .pf-v5-c-button[id$="-idp-link"]:focus-visible {
  outline: 3px solid var(--uj-foreground);
  outline-offset: 3px;
}
body[data-page-id="account"] #unlinked-idps .pf-v5-c-button[id$="-idp-link"]:disabled {
  color: var(--uj-disabled-foreground);
  background: var(--uj-disabled-background);
}