@import url("https://use.typekit.net/ynp6ech.css");

/* Account theme CSS bundle. Source blocks follow the theme.properties load order,
   with local @imports expanded in place and repeated blocks retained for cascade parity. */
/* Source: asetho-console-v1.css */

:root,
.pf-v5-theme-dark {
  color-scheme: only dark;
  --asetho-console-bg: #0d1513;
  --asetho-console-surface: #171a19;
  --asetho-console-surface-raised: #1d2421;
  --asetho-console-border: rgb(164 218 213 / 22%);
  --asetho-console-border-strong: rgb(164 218 213 / 38%);
  --asetho-console-text: #f6fbf9;
  --asetho-console-muted: #b9cbc6;
  --asetho-console-accent: #41ab9a;
  --asetho-console-accent-bright: #86cfc4;
  --asetho-console-danger: #d85c5c;

  --pf-v5-global--primary-color--100: var(--asetho-console-accent);
  --pf-v5-global--primary-color--200: var(--asetho-console-accent-bright);
  --pf-v5-global--active-color--100: var(--asetho-console-accent);
  --pf-v5-global--BackgroundColor--100: var(--asetho-console-surface);
  --pf-v5-global--BackgroundColor--200: var(--asetho-console-bg);
  --pf-v5-global--BackgroundColor--300: var(--asetho-console-surface-raised);
  --pf-v5-global--Color--100: var(--asetho-console-text);
  --pf-v5-global--Color--200: var(--asetho-console-muted);
  --pf-v5-global--BorderColor--100: var(--asetho-console-border);
  --pf-v5-global--link--Color: var(--asetho-console-accent-bright);
  --pf-v5-global--link--Color--hover: #bce9e3;
  --pf-v5-global--link--Color--visited: var(--asetho-console-accent-bright);
  --pf-v5-global--FontFamily--sans-serif: "liebling", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  scrollbar-color: #39796f var(--asetho-console-bg);
}

html,
body,
#app,
.pf-v5-c-page {
  min-height: 100%;
  color: var(--asetho-console-text);
  background:
    radial-gradient(circle at 78% -10%, rgb(65 171 154 / 14%), transparent 36rem),
    var(--asetho-console-bg) !important;
  font-family: var(--pf-v5-global--FontFamily--sans-serif);
}

.pf-v5-c-masthead {
  min-height: 72px;
  border-bottom: 1px solid var(--asetho-console-border);
  background:
    linear-gradient(90deg, rgb(65 171 154 / 8%), transparent 28%),
    #111916 !important;
  box-shadow: 0 12px 32px rgb(0 0 0 / 18%);
}

.pf-v5-c-masthead .pf-v5-c-brand img,
.keycloak__pageheader_brand img {
  width: 140px;
  max-height: 48px;
  object-fit: contain;
  object-position: left center;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-nav {
  border-right-color: var(--asetho-console-border);
  background: #111916 !important;
}

.pf-v5-c-nav__link {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus-visible {
  color: var(--asetho-console-text) !important;
  background: rgb(65 171 154 / 12%) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
  color: var(--asetho-console-text) !important;
  background: rgb(65 171 154 / 18%) !important;
}

.pf-v5-c-nav__link.pf-m-current::after,
.pf-v5-c-nav__link[aria-current="page"]::after {
  border-color: var(--asetho-console-accent-bright) !important;
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light,
.pf-v5-c-page__main-section.pf-m-dark-100,
.pf-v5-c-page__main-section.pf-m-dark-200 {
  color: var(--asetho-console-text);
  background: transparent !important;
}

.pf-v5-c-card,
.pf-v5-c-panel,
.pf-v5-c-data-list,
.pf-v5-c-table,
.pf-v5-c-menu,
.pf-v5-c-dropdown__menu,
.pf-v5-c-modal-box,
.pf-v5-c-drawer__panel {
  color: var(--asetho-console-text);
  border: 1px solid var(--asetho-console-border);
  border-radius: 8px;
  background: var(--asetho-console-surface) !important;
  box-shadow: 0 18px 50px rgb(0 0 0 / 16%);
}

.pf-v5-c-card__title,
.pf-v5-c-title,
h1,
h2,
h3,
h4 {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-content,
.pf-v5-c-form__helper-text,
.pf-v5-c-description-list__description,
.pf-v5-c-data-list__cell,
.pf-v5-c-table {
  color: var(--asetho-console-muted);
}

.pf-v5-c-form-control,
.pf-v5-c-text-input-group,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle {
  color: var(--asetho-console-text) !important;
  border-color: var(--asetho-console-border-strong) !important;
  border-radius: 6px;
  background: rgb(43 79 73 / 58%) !important;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-text-input-group:focus-within,
.pf-v5-c-select__toggle:focus,
.pf-v5-c-menu-toggle:focus {
  border-color: var(--asetho-console-accent-bright) !important;
  box-shadow: 0 0 0 2px rgb(134 207 196 / 22%) !important;
}

.pf-v5-c-button.pf-m-primary {
  color: #0f201d !important;
  border-color: var(--asetho-console-accent-bright) !important;
  background: var(--asetho-console-accent-bright) !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus-visible {
  background: #a4dad5 !important;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-tertiary {
  color: var(--asetho-console-text) !important;
  border-color: var(--asetho-console-border-strong) !important;
  background: transparent !important;
}

.pf-v5-c-tabs__link,
.pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link,
.pf-v5-c-tabs__link:hover,
.pf-v5-c-menu__item:hover,
.pf-v5-c-dropdown__menu-item:hover {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-tabs__item.pf-m-current::after {
  border-color: var(--asetho-console-accent-bright) !important;
}

.pf-v5-c-alert {
  border-radius: 8px;
}

.pf-v5-c-spinner__path {
  stroke: var(--asetho-console-accent-bright);
}

.keycloak__loading-container {
  color: var(--asetho-console-text) !important;
  background:
    radial-gradient(circle at 50% 0%, rgb(134 207 196 / 16%), transparent 32rem),
    var(--asetho-console-bg) !important;
}

a {
  color: var(--asetho-console-accent-bright);
}

@media (max-width: 768px) {
  .pf-v5-c-masthead {
    min-height: 64px;
  }

  .pf-v5-c-masthead .pf-v5-c-brand img,
  .keycloak__pageheader_brand img {
    width: 112px;
  }
}

/* Source: asetho-console-v2.css */
.pf-v5-c-page__main-breadcrumb {
  background: transparent !important;
}

.keycloak__pageheader_brand {
  width: 140px !important;
  height: auto !important;
  max-height: 48px !important;
  object-fit: contain;
  object-position: left center;
}

@media (max-width: 768px) {
  .keycloak__pageheader_brand {
    width: 112px !important;
  }
}

/* Source: asetho-console-v3.css */
.pf-v5-c-table__th,
.pf-v5-c-table__th .pf-v5-c-table__text {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-table__td,
.pf-v5-c-table__td .pf-v5-c-table__text {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-table__th,
.pf-v5-c-table__td,
.pf-v5-c-table tr {
  border-color: var(--asetho-console-border) !important;
}

.pf-v5-c-badge,
.pf-v5-c-label.pf-m-blue {
  color: var(--asetho-console-text) !important;
  border-color: var(--asetho-console-border-strong) !important;
  background: rgb(65 171 154 / 18%) !important;
}

.pf-v5-c-label.pf-m-blue .pf-v5-c-label__text {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-form-control input,
.pf-v5-c-form-control textarea,
.pf-v5-c-form-control select {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-form-control input::placeholder,
.pf-v5-c-form-control textarea::placeholder {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-switch__label {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-form__group.pf-m-action {
  border-top: 1px solid var(--asetho-console-border) !important;
  background: #111916 !important;
}

/* Source: asetho-console-v4.css */
.pf-v5-c-form-control input,
.pf-v5-c-form-control textarea,
.pf-v5-c-form-control select {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-form-control input::placeholder,
.pf-v5-c-form-control textarea::placeholder {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-switch__label {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-form__group.pf-m-action {
  border-top: 1px solid var(--asetho-console-border) !important;
  background: #111916 !important;
}

/* Source: asetho-console-v5.css */
:root {
  color-scheme: light;
  --asetho-console-bg: #ececec;
  --asetho-console-surface: #f4f4f4;
  --asetho-console-surface-raised: #e3e3e3;
  --asetho-console-text: #333333;
  --asetho-console-muted: #145248;
  --asetho-console-border: #89c8bd;
  --asetho-console-border-strong: #b8b8b8;
  --asetho-console-row-divider: #d6d6d6;
  --asetho-console-nav: #ffffff;
  --asetho-console-nav-text: #145248;
  --asetho-console-nav-active: #ceefdb;
  --asetho-console-nav-active-text: #145248;
  --asetho-console-accent: #31af9a;
  --asetho-console-card-rule: #2aa08e;
  --asetho-console-accent-bright: #208374;
  --asetho-console-accent-soft: #ceefdb;
  --asetho-console-chrome: #1f1f1f;
  --asetho-console-chrome-text: #f5f5f5;
  --asetho-console-shadow: 0 12px 35px rgb(20 131 116 / 10%);

  --pf-v5-global--primary-color--100: var(--asetho-console-accent-bright);
  --pf-v5-global--primary-color--200: var(--asetho-console-accent);
  --pf-v5-global--active-color--100: var(--asetho-console-accent);
  --pf-v5-global--BackgroundColor--100: var(--asetho-console-surface);
  --pf-v5-global--BackgroundColor--200: var(--asetho-console-bg);
  --pf-v5-global--BackgroundColor--300: var(--asetho-console-surface-raised);
  --pf-v5-global--Color--100: var(--asetho-console-text);
  --pf-v5-global--Color--200: var(--asetho-console-muted);
  --pf-v5-global--BorderColor--100: var(--asetho-console-border-strong);
  --pf-v5-global--link--Color: var(--asetho-console-accent-bright);
  --pf-v5-global--link--Color--hover: var(--asetho-console-muted);
  --pf-v5-global--link--Color--visited: var(--asetho-console-accent-bright);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --asetho-console-bg: #282828;
    --asetho-console-surface: #323232;
    --asetho-console-surface-raised: #3a3a3a;
    --asetho-console-text: #f5f5f5;
    --asetho-console-muted: #89c8bd;
    --asetho-console-border: #208374;
    --asetho-console-border-strong: #626262;
    --asetho-console-row-divider: #5d5d5d;
    --asetho-console-nav: #292929;
    --asetho-console-nav-text: #d1d1d1;
    --asetho-console-nav-active: #145248;
    --asetho-console-nav-active-text: #f5f5f5;
    --asetho-console-accent-soft: #145248;
    --asetho-console-shadow: 0 18px 44px rgb(0 0 0 / 24%);
    --pf-v5-global--link--Color: #89c8bd;
    --pf-v5-global--link--Color--hover: #f5f5f5;
    --pf-v5-global--link--Color--visited: #89c8bd;
  }
}

:root[data-theme="dark"],
.pf-v5-theme-dark {
  color-scheme: dark;
  --asetho-console-bg: #282828;
  --asetho-console-surface: #323232;
  --asetho-console-surface-raised: #3a3a3a;
  --asetho-console-text: #f5f5f5;
  --asetho-console-muted: #89c8bd;
  --asetho-console-border: #208374;
  --asetho-console-border-strong: #626262;
  --asetho-console-row-divider: #5d5d5d;
  --asetho-console-nav: #292929;
  --asetho-console-nav-text: #d1d1d1;
  --asetho-console-nav-active: #145248;
  --asetho-console-nav-active-text: #f5f5f5;
  --asetho-console-accent-soft: #145248;
  --asetho-console-shadow: 0 18px 44px rgb(0 0 0 / 24%);
  --pf-v5-global--link--Color: #89c8bd;
  --pf-v5-global--link--Color--hover: #f5f5f5;
  --pf-v5-global--link--Color--visited: #89c8bd;
}

:root[data-theme="light"],
.pf-v5-theme-light {
  color-scheme: light;
  --asetho-console-bg: #ececec;
  --asetho-console-surface: #f4f4f4;
  --asetho-console-surface-raised: #e3e3e3;
  --asetho-console-text: #333333;
  --asetho-console-muted: #145248;
  --asetho-console-border: #89c8bd;
  --asetho-console-border-strong: #b8b8b8;
  --asetho-console-row-divider: #d6d6d6;
  --asetho-console-nav: #ffffff;
  --asetho-console-nav-text: #145248;
  --asetho-console-nav-active: #ceefdb;
  --asetho-console-nav-active-text: #145248;
  --asetho-console-accent-soft: #ceefdb;
  --asetho-console-shadow: 0 12px 35px rgb(20 131 116 / 10%);
  --pf-v5-global--link--Color: #208374;
  --pf-v5-global--link--Color--hover: #145248;
  --pf-v5-global--link--Color--visited: #208374;
}

html,
body,
#app,
.pf-v5-c-page {
  color: var(--asetho-console-text) !important;
  background: var(--asetho-console-bg) !important;
}

.pf-v5-c-masthead {
  border-bottom-color: var(--asetho-console-row-divider) !important;
  background: var(--asetho-console-chrome) !important;
  box-shadow: none;
}

.pf-v5-c-masthead,
.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  color: var(--asetho-console-chrome-text) !important;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-nav {
  border-right-color: var(--asetho-console-border-strong) !important;
  background: var(--asetho-console-nav) !important;
}

.pf-v5-c-nav__link {
  color: var(--asetho-console-nav-text) !important;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link:focus-visible {
  color: var(--asetho-console-nav-active-text) !important;
  background: var(--asetho-console-nav-active) !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
  color: var(--asetho-console-nav-active-text) !important;
  background: var(--asetho-console-nav-active) !important;
}

.pf-v5-c-page__main,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-section.pf-m-light,
.pf-v5-c-page__main-section.pf-m-dark-100,
.pf-v5-c-page__main-section.pf-m-dark-200,
.pf-v5-c-page__main-breadcrumb {
  color: var(--asetho-console-text) !important;
  background: transparent !important;
}

.pf-v5-c-card,
.pf-v5-c-panel,
.pf-v5-c-data-list,
.pf-v5-c-table,
.pf-v5-c-menu,
.pf-v5-c-dropdown__menu,
.pf-v5-c-modal-box,
.pf-v5-c-drawer__panel,
.pf-v5-c-toolbar,
.pf-v5-c-tabs {
  color: var(--asetho-console-text) !important;
  border-color: var(--asetho-console-border-strong) !important;
  background: var(--asetho-console-surface) !important;
  box-shadow: var(--asetho-console-shadow);
}

.pf-v5-c-table__th,
.pf-v5-c-table__th .pf-v5-c-table__text {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-table__td,
.pf-v5-c-table__td .pf-v5-c-table__text {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-table__th,
.pf-v5-c-table__td,
.pf-v5-c-table tr {
  border-color: var(--asetho-console-row-divider) !important;
}

.pf-v5-c-form-control,
.pf-v5-c-text-input-group,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle {
  color: var(--asetho-console-text) !important;
  border-color: var(--asetho-console-border-strong) !important;
  background: var(--asetho-console-bg) !important;
}

.pf-v5-c-form-control input,
.pf-v5-c-form-control textarea,
.pf-v5-c-form-control select,
.pf-v5-c-switch__label {
  color: var(--asetho-console-text) !important;
}

.pf-v5-c-button.pf-m-primary {
  color: #ffffff !important;
  border-color: var(--asetho-console-accent-bright) !important;
  background: var(--asetho-console-accent-bright) !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus-visible {
  color: #ffffff !important;
  background: var(--asetho-console-muted) !important;
}

.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-tertiary {
  color: var(--asetho-console-text) !important;
  border-color: var(--asetho-console-border-strong) !important;
  background: var(--asetho-console-surface) !important;
}

.pf-v5-c-tabs__link,
.pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item {
  color: var(--asetho-console-muted) !important;
}

.pf-v5-c-label.pf-m-blue,
.pf-v5-c-badge {
  color: var(--asetho-console-nav-active-text) !important;
  border-color: var(--asetho-console-border) !important;
  background: var(--asetho-console-nav-active) !important;
}

.pf-v5-c-label.pf-m-blue .pf-v5-c-label__text {
  color: var(--asetho-console-nav-active-text) !important;
}

.pf-v5-c-form__group.pf-m-action {
  border-top-color: var(--asetho-console-row-divider) !important;
  background: var(--asetho-console-surface) !important;
}

.keycloak__loading-container {
  color: var(--asetho-console-text) !important;
  background: var(--asetho-console-bg) !important;
}

a {
  color: var(--pf-v5-global--link--Color);
}

/* Source: asetho-console-v6.css */
/* Account-console corrections verified against the Keycloak 26.7 UI. */

:root {
  --asetho-console-link: #145248;
  --asetho-console-link-hover: #0d4039;
  --pf-v5-global--link--Color: var(--asetho-console-link);
  --pf-v5-global--link--Color--hover: var(--asetho-console-link-hover);
  --pf-v5-global--link--Color--visited: var(--asetho-console-link);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --asetho-console-link: #89c8bd;
    --asetho-console-link-hover: #f5f5f5;
  }
}

:root[data-theme="dark"],
.pf-v5-theme-dark {
  --asetho-console-link: #89c8bd;
  --asetho-console-link-hover: #f5f5f5;
}

:root[data-theme="light"],
.pf-v5-theme-light {
  --asetho-console-link: #145248;
  --asetho-console-link-hover: #0d4039;
}

/* Keep every masthead control on the dark chrome surface in light mode. */
body[data-page-id="account"] .pf-v5-c-masthead,
body[data-page-id="account"] .pf-v5-c-masthead__main,
body[data-page-id="account"] .pf-v5-c-masthead__content {
  color: var(--asetho-console-chrome-text) !important;
  background: var(--asetho-console-chrome) !important;
}

body[data-page-id="account"] .pf-v5-c-masthead .pf-v5-c-toolbar,
body[data-page-id="account"] .pf-v5-c-masthead .pf-v5-c-toolbar__content {
  background: transparent !important;
}

/* PatternFly scopes stock blue to some anchors and link-style buttons. */
body[data-page-id="account"] .pf-v5-c-button.pf-m-link,
body[data-page-id="account"] a:not(.pf-v5-c-nav__link):not(.pf-v5-c-tabs__link):not(.pf-v5-c-menu__item):not(.pf-v5-c-dropdown__menu-item):not(.pf-v5-c-brand) {
  color: var(--asetho-console-link) !important;
}

body[data-page-id="account"] .pf-v5-c-button.pf-m-link:hover,
body[data-page-id="account"] .pf-v5-c-button.pf-m-link:focus-visible,
body[data-page-id="account"] a:not(.pf-v5-c-nav__link):not(.pf-v5-c-tabs__link):not(.pf-v5-c-menu__item):not(.pf-v5-c-dropdown__menu-item):not(.pf-v5-c-brand):hover,
body[data-page-id="account"] a:not(.pf-v5-c-nav__link):not(.pf-v5-c-tabs__link):not(.pf-v5-c-menu__item):not(.pf-v5-c-dropdown__menu-item):not(.pf-v5-c-brand):focus-visible {
  color: var(--asetho-console-link-hover) !important;
}

body[data-page-id="account"] .pf-v5-c-button.pf-m-link:focus-visible,
body[data-page-id="account"] a:focus-visible {
  border-radius: 3px;
  outline: 2px solid var(--asetho-console-accent);
  outline-offset: 3px;
}

@media (forced-colors: active) {
  body[data-page-id="account"] .pf-v5-c-nav__link.pf-m-current,
  body[data-page-id="account"] .pf-v5-c-nav__link[aria-current="page"],
  body[data-page-id="account"] .pf-v5-c-button,
  body[data-page-id="account"] .pf-v5-c-form-control {
    border: 1px solid CanvasText !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page-id="account"] *,
  body[data-page-id="account"] *::before,
  body[data-page-id="account"] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Source: asetho-console-v7.css */
/* Account-console refinements verified against the Keycloak 26.7 UI. */

:root {
  --asetho-console-shadow-quiet: 0 8px 24px rgb(20 131 116 / 8%);
}

:root[data-theme="dark"],
.pf-v5-theme-dark {
  --asetho-console-shadow-quiet: 0 12px 28px rgb(0 0 0 / 18%);
}

/* Keep the profile control readable on the dark masthead in light mode. */
body[data-page-id="account"] .pf-v5-c-masthead .pf-v5-c-menu-toggle {
  color: var(--asetho-console-chrome-text, #f5f5f5) !important;
  border-color: transparent !important;
  background: transparent !important;
}

body[data-page-id="account"] .pf-v5-c-masthead [data-testid="options-toggle"] {
  border-color: rgb(245 245 245 / 24%) !important;
  background: rgb(255 255 255 / 4%) !important;
}

body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary {
  color: var(--asetho-console-muted) !important;
  border-color: var(--asetho-console-border) !important;
  background: var(--asetho-console-surface) !important;
}

body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary:hover,
body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary:focus-visible {
  color: var(--asetho-console-nav-active-text) !important;
  border-color: var(--asetho-console-accent-bright) !important;
  background: var(--asetho-console-accent-soft) !important;
}

body[data-page-id="account"] .pf-v5-c-data-list {
  overflow: hidden;
  border: 1px solid var(--asetho-console-border-strong) !important;
  border-top: 3px solid var(--asetho-console-card-rule) !important;
  border-radius: 10px !important;
  box-shadow: var(--asetho-console-shadow-quiet) !important;
}

@media (max-width: 768px) {
  body[data-page-id="account"] .pf-v5-c-masthead {
    height: 4rem !important;
    min-height: 4rem !important;
    grid-template-columns: 3.5rem minmax(6rem, 1fr) auto !important;
    grid-template-rows: 4rem !important;
    align-items: center;
  }

  body[data-page-id="account"] .pf-v5-c-masthead__toggle {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  body[data-page-id="account"] .pf-v5-c-masthead__brand {
    width: auto !important;
    min-width: 0;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
  }

  body[data-page-id="account"] .pf-v5-c-masthead__content {
    width: auto !important;
    height: 4rem !important;
    min-width: 0;
    padding-inline: 0.5rem 0.75rem !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-items: center;
    justify-content: flex-end;
  }

  body[data-page-id="account"] .pf-v5-c-masthead__content .pf-v5-c-toolbar,
  body[data-page-id="account"] .pf-v5-c-masthead__content .pf-v5-c-toolbar__content,
  body[data-page-id="account"] .pf-v5-c-masthead__content .pf-v5-c-toolbar__content-section {
    width: auto !important;
    flex-wrap: nowrap !important;
    align-items: center;
  }
}

/* Source: asetho-console-v8.css */
/* Mobile account-console refinements verified against the Keycloak 26.7 UI. */

@media (max-width: 768px) {
  /* A single jump link repeats the only section heading and wastes a viewport. */
  body[data-page-id="account"] section.pf-v5-c-page__main-section:has(
    > .pf-v5-c-jump-links .pf-v5-c-jump-links__item:only-child
  ) {
    display: none !important;
  }

  /* Replace the stacked Applications header with labels inside each card. */
  body[data-page-id="account"] #applications-list-header {
    display: none !important;
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__item-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.75rem 1rem;
    align-items: start !important;
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:first-child {
    grid-column: 1 / -1 !important;
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:nth-child(2) {
    grid-column: 1 !important;
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:nth-child(3) {
    grid-column: 2 !important;
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:nth-child(2)::before,
  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:nth-child(3)::before {
    display: block;
    margin-bottom: 0.2rem;
    color: var(--asetho-console-muted);
    font-size: 0.75rem;
    font-weight: 600;
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:nth-child(2)::before {
    content: "Application type";
  }

  body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:nth-child(3)::before {
    content: "Status";
  }
}

/* Source: asetho-console-v9.css */
/* Keep the account pages dense enough to scan without shrinking text. */
body[data-page-id="account"] section.pf-v5-c-page__main-section {
  padding-block: 1rem !important;
}

body[data-page-id="account"] [aria-label="credential list"] {
  margin-bottom: 1rem !important;
}

/* PatternFly paints the secondary outline with a pseudo-element. */
body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary::after {
  border-color: var(--asetho-console-border) !important;
}

body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary:is(:hover, :focus-visible)::after {
  border-color: var(--asetho-console-accent-bright) !important;
}

@media (max-width: 768px) {
  /* Retain the full accessible link name while shortening its visual label. */
  body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"] {
    display: inline-flex !important;
    align-items: center;
    flex: 0 0 auto;
    width: auto !important;
    height: 2.5rem;
    padding: 0.5rem !important;
    font-size: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"]::before {
    content: "Back";
    font-size: 0.875rem;
    font-weight: 600;
  }

  body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"] .pf-v5-c-button__icon {
    display: none !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-row {
    padding: 0.75rem !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    gap: 0.5rem 0.75rem !important;
    width: 100% !important;
    align-items: start !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] [data-testrole="icon"] {
    display: none !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] [data-testrole="label"] {
    grid-column: 1;
    grid-row: 1;
    max-width: none !important;
    padding: 0 !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-action {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    align-self: start;
    margin: 0 !important;
    padding: 0 !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] [data-testrole="created-at"] {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 0 !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] [data-testrole="warning-message"] {
    grid-column: 1 / -1;
    grid-row: 3;
    padding: 0 !important;
  }
}

/* Source: asetho-console-v10.css */
/* The return link sits on the dark masthead, even when page content is light. */
body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"] {
  color: #b8e2d9 !important;
}

body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"]:is(:hover, :focus-visible) {
  color: #f5f5f5 !important;
}

/* A quiet tint separates credential cards from the light page surface. */
:root:not(.pf-v5-theme-dark) body[data-page-id="account"] [aria-label="credential list"] {
  background: #edf3f1 !important;
}

/* Keycloak's picture source follows the OS, so select this logo for the console's chosen mode. */
body[data-page-id="account"] [aria-label="credential list"] picture:has(img[src*="1password-light.svg"]) {
  display: block;
  width: 40px;
  height: 40px;
  background: center / contain no-repeat url("../passkeys/1password-light.svg");
}

:root.pf-v5-theme-dark body[data-page-id="account"] [aria-label="credential list"] picture:has(img[src*="1password-light.svg"]) {
  background-image: url("../passkeys/1password-dark.svg");
}

body[data-page-id="account"] [aria-label="credential list"] picture:has(img[src*="1password-light.svg"]) img {
  opacity: 0;
}

/* Source: asetho-console-v11.css */
/* The existing link rule reads these variables, including in the dark masthead. */
body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"] {
  --asetho-console-link: #b8e2d9;
  --asetho-console-link-hover: #f5f5f5;
}

/* Source: asetho-console-v12.css */
/* PatternFly paints each credential row white over the list surface. */
:root:not(.pf-v5-theme-dark) body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item {
  background: #edf3f1 !important;
}

/* Source: asetho-console-v13.css */
/* Use the page's light gray for panels and navigation as well. */
:root:not(.pf-v5-theme-dark) {
  --asetho-console-surface: #f4f4f4;
  --asetho-console-nav: #f5f5f5;
}

/* Source: asetho-console-v13.css */
/* Use the page's light gray for panels and navigation as well. */
:root:not(.pf-v5-theme-dark) {
  --asetho-console-surface: #f4f4f4;
  --asetho-console-nav: #f5f5f5;
}

/* Source: asetho-console-v14.css */

body[data-page-id="account"] .pf-v5-c-masthead__brand {
  transform: translateX(-0.5rem);
}

body[data-page-id="account"] .pf-v5-c-page__main-section {
  padding-block: 0.75rem !important;
}

body[data-page-id="account"] .pf-v5-c-form {
  row-gap: 1rem;
}

body[data-page-id="account"] main h1:not(:first-child) {
  margin-bottom: 1rem;
}

body[data-page-id="account"] .pf-v5-c-form__group.pf-m-action {
  margin-top: 1.5rem !important;
}

@media (min-width: 769px) {
  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-action {
    margin-left: 1rem !important;
    padding-block: 0.75rem !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__cell {
    margin-right: 1rem !important;
  }

  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__cell.pf-v5-u-max-width {
    --pf-v5-u-max-width--MaxWidth: 15rem !important;
  }
}

@media (min-width: 1100px) {
  body[data-page-id="account"] [aria-label="credential list"] [data-testrole="created-at"] {
    white-space: nowrap;
  }
}

/* Source: asetho-console-v15.css */

body[data-page-id="account"] main h1.pf-m-xl {
  margin-bottom: 1rem !important;
}

/* Source: asetho-console-v16.css */

body[data-page-id="account"] .pf-v5-c-page__main-section {
  padding-block: 0.5rem !important;
}

/* The signing-in sections stack several stock utility margins on mobile. */
body[data-page-id="account"] section.pf-v5-c-page__main-section:has(> [aria-label="credential list"]) .pf-v5-l-split.pf-v5-u-mt-lg {
  margin-top: 0.75rem !important;
}

body[data-page-id="account"] section.pf-v5-c-page__main-section:has(> [aria-label="credential list"]) .pf-v5-l-split.pf-v5-u-mb-lg {
  margin-bottom: 0.75rem !important;
}

body[data-page-id="account"] section.pf-v5-c-page__main-section:has(> [aria-label="credential list"]) .pf-v5-c-title.pf-v5-u-mb-md {
  margin-bottom: 0.5rem !important;
}

body[data-page-id="account"] [aria-label="credential list"].pf-v5-u-mb-xl {
  margin-bottom: 0.5rem !important;
}

/* Source: asetho-console-v17.css */

/* Account sections also use a more specific section rule in v9. */
body[data-page-id="account"] section.pf-v5-c-page__main-section {
  padding-block: 0.5rem !important;
}

body[data-page-id="account"] .pf-v5-c-form {
  row-gap: 0.75rem !important;
}

body[data-page-id="account"] .pf-v5-c-form__group.pf-m-action {
  margin-top: 0.75rem !important;
}

body[data-page-id="account"] main h1.pf-m-xl {
  margin-bottom: 0.625rem !important;
}

body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-content {
  padding-block: 0.25rem;
}

@media (min-width: 769px) {
  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-action {
    padding-block: 0.375rem !important;
  }
}

@media (max-width: 768px) {
  body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-content {
    row-gap: 0.375rem;
  }
}

/* Source: asetho-console-v18.css */

/* Align account form values with the compact admin form text. */
body[data-page-id="account"] .pf-v5-c-form-control :is(input, textarea, select) {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}

/* Source: asetho-console-v19.css */

/* Match the administration console's compact masthead. */
body[data-page-id="account"] .pf-v5-c-masthead {
  height: 3.5rem !important;
  min-height: 3.5rem !important;
  grid-template-rows: 3.5rem !important;
}

body[data-page-id="account"] .pf-v5-c-masthead__content {
  height: 3.5rem !important;
  min-height: 3.5rem !important;
}

body[data-page-id="account"] .pf-v5-c-masthead__content .pf-v5-c-toolbar {
  padding-block: 0.5rem !important;
}

/* Keep the mobile navigation drawer at its existing width. */
@media (min-width: 769px) {
  body[data-page-id="account"] .pf-v5-c-page {
    --pf-v5-c-page__sidebar--Width: 14rem;
  }
}

/* Source: asetho-console-v20.css */

/* Keep the account controls on the right without a full-width toolbar shadow. */
body[data-page-id="account"] .pf-v5-c-masthead__content .pf-v5-c-toolbar {
  width: max-content !important;
  max-width: 100%;
  margin-inline-start: auto;
  box-shadow: none !important;
}

/* Let form actions sit on their page or card surface with room below the rule. */
body[data-page-id="account"] .pf-v5-c-form__group.pf-m-action {
  padding-block-start: 0.5rem;
  background: transparent !important;
}

/* Source: asetho-console-v21.css */

/* The desktop sidebar shares its width with the page content grid. */
@media (min-width: 769px) {
  body[data-page-id="account"] .pf-v5-c-page {
    --pf-v5-c-page__sidebar--Width: 223px;
  }
}

/* Keep top-level navigation rows compact without fixing their height. */
body[data-page-id="account"] #page-sidebar .pf-v5-c-nav > .pf-v5-c-nav__list > .pf-v5-c-nav__item > .pf-v5-c-nav__link {
  padding-block: 0.8125rem;
}

body[data-page-id="account"] .pf-v5-c-jump-links__list {
  padding-block: 0.5rem;
}

body[data-page-id="account"] .pf-v5-c-jump-links__link {
  padding-block: 0.75rem;
}

/* Source: asetho-masthead-v1.css */
/* Align the account masthead content with the desktop sidebar edge. */
@media (min-width: 769px) {
  body[data-page-id="account"] .pf-v5-c-masthead.pf-m-display-inline {
    /* The inset changes at narrower desktop widths; use its responsive token. */
    --pf-v5-c-masthead--m-display-inline--GridTemplateColumns:
      3rem
      calc(
        var(--pf-v5-c-page__sidebar--Width, 14rem)
        - var(--pf-v5-c-masthead--PaddingLeft, 1.5rem)
        - 3rem
        - var(--pf-v5-c-masthead__content--MarginLeft, .75rem)
      )
      minmax(0, 1fr);
  }
}

/* Source: asetho-appearance-v3.css */
.asetho-appearance {
  display: flex;
  flex: none;
}

.asetho-appearance__group {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  padding: 2px;
  border: 1px solid #626262;
  border-radius: 5px;
}

.asetho-appearance__mode {
  display: inline-grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #e4e4e4;
  cursor: pointer;
}

.asetho-appearance__mode svg {
  width: 1rem;
  height: 1rem;
}

.asetho-appearance__mode:hover {
  color: #95c4bb;
}

.asetho-appearance__mode[aria-pressed="true"] {
  background: #208374;
  color: #ffffff;
}

.asetho-appearance__mode:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 1px;
}

@media (max-width: 480px) {
  .asetho-appearance__mode {
    width: 1.5rem;
  }
}

@media (max-width: 360px) {
  .pf-v5-c-masthead__content {
    padding-inline: 0 !important;
  }

  .pf-v5-c-masthead__content .pf-v5-c-toolbar__content-section > .pf-v5-c-toolbar__item.pf-m-align-right:first-child {
    display: none !important;
  }

  .pf-v5-c-masthead__content .asetho-appearance {
    margin-inline-end: 0.25rem !important;
  }

  .pf-v5-c-masthead__content .pf-v5-c-toolbar__item.pf-m-align-left {
    margin-inline-end: 0 !important;
  }

  .pf-v5-c-masthead__content [data-testid="options-kebab-toggle"] {
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    padding-inline: 0 !important;
  }
}

@media (forced-colors: active) {
  .asetho-appearance__mode[aria-pressed="true"] {
    border: 1px solid Highlight;
  }
}

/* Source: asetho-appearance-v4.css */

.asetho-appearance__mode {
  width: 2rem;
  height: 2rem;
}

.asetho-appearance__mode:hover {
  background: rgb(255 255 255 / 10%);
}

/* Let the masthead paint its bottom border across the controls area. */
body[data-page-id="account"] .pf-v5-c-masthead__content {
  background: transparent !important;
}

/* Keep device actions inside their card when the stock 12-column grid is narrow. */
@media (max-width: 768px) {
  body[data-page-id="account"] [aria-label="device-sessions-content"] > .pf-v5-c-data-list__expandable-content-body > .pf-v5-l-grid {
    grid-template-columns: 1rem minmax(0, 1fr) !important;
  }

  body[data-page-id="account"] [aria-label="device-sessions-content"] > .pf-v5-c-data-list__expandable-content-body > .pf-v5-l-grid > .pf-v5-l-grid__item.pf-m-2-row {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body[data-page-id="account"] [aria-label="device-sessions-content"] > .pf-v5-c-data-list__expandable-content-body > .pf-v5-l-grid > .pf-v5-l-grid__item.pf-m-10-col {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0;
  }

  body[data-page-id="account"] [aria-label="device-sessions-content"] > .pf-v5-c-data-list__expandable-content-body > .pf-v5-l-grid > .pf-v5-l-grid__item.pf-v5-u-text-align-right {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end;
  }

  body[data-page-id="account"] [aria-label="device-sessions-content"] > .pf-v5-c-data-list__expandable-content-body > .pf-v5-l-grid > .pf-v5-l-grid__item.pf-m-11-col {
    grid-column: 2 !important;
    min-width: 0;
  }
}

/* Compact account security lists without changing their mobile card layout. */
body[data-page-id="account"] [aria-label="credential list"] .pf-v5-c-data-list__item-content {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body[data-page-id="account"] [aria-label="credential list"] [data-testrole="warning-message"] {
  padding-top: 0 !important;
}

body[data-page-id="account"] [aria-label="credential list"] [data-testrole="warning-message"] p {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

body[data-page-id="account"] [aria-label="credential list"] .pf-v5-l-split.pf-v5-u-mb-lg {
  margin-bottom: 0 !important;
}

@media (min-width: 769px) {
  body[data-page-id="account"] .pf-v5-c-masthead [data-testid="referrer-link"] {
    font-size: 0.875rem !important;
  }
}

/* Device activity: reduce each session's vertical footprint. */
body[data-page-id="account"] [aria-label="Signed in devices"] .pf-v5-c-data-list__expandable-content-body {
  padding: 0.75rem 1rem !important;
}

body[data-page-id="account"] [aria-label="device-sessions-content"] > .pf-v5-c-data-list__expandable-content-body > .pf-v5-l-grid {
  gap: 0.5rem 0.75rem !important;
  align-items: start;
}

body[data-page-id="account"] [aria-label="Signed in devices"] .signed-in-device-grid {
  column-gap: 0.75rem !important;
  row-gap: 0.5rem !important;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body[data-page-id="account"] [aria-label="Signed in devices"] .signed-in-device-grid dt {
  font-size: 0.75rem;
  line-height: 1rem;
}

body[data-page-id="account"] [aria-label="Signed in devices"] .signed-in-device-grid dd {
  line-height: 1.25rem;
}

body[data-page-id="account"] [aria-label="Signed in devices"] .pf-v5-c-label.pf-m-green {
  padding: 0.125rem 0.5rem !important;
  border-radius: 999px !important;
  border-color: var(--asetho-console-accent) !important;
  background: var(--asetho-console-accent-soft) !important;
  color: var(--asetho-console-muted) !important;
  font-size: 0.75rem;
  line-height: 1rem;
}

body[data-page-id="account"] [aria-label="Signed in devices"] .pf-v5-c-label.pf-m-green :is(.pf-v5-c-label__content, .pf-v5-c-label__text) {
  color: var(--asetho-console-muted) !important;
}

@media (min-width: 1200px) {
  body[data-page-id="account"] [aria-label="Signed in devices"] .signed-in-device-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
}

/* Applications use the same compact row typography as credentials. */
body[data-page-id="account"] #applications-list {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

body[data-page-id="account"] #applications-list-header .pf-v5-c-data-list__item-content {
  padding-block: 0.5rem !important;
}

body[data-page-id="account"] #applications-list-header .pf-v5-c-data-list__item-row > span {
  height: 2.5rem !important;
}

body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__item-content {
  padding-block: 0.5rem !important;
}

body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__item-control {
  padding-block: 0.5rem !important;
}

body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell {
  padding-block: 0 !important;
}

/* Link-style names should match plain application names in the same column. */
body[data-page-id="account"] #applications-list [data-testid="applications-list-item"] .pf-v5-c-data-list__cell:first-child .pf-v5-c-button.pf-m-link {
  font-size: inherit;
  line-height: inherit;
}

/* Match the supplied destructive control in dark mode; retain readable light colors. */
:root {
  --asetho-session-danger-text: #f0959e;
  --asetho-session-danger-border: #ed7883;
  --asetho-session-danger-bg: #482c34;
  --asetho-session-danger-bg-hover: #593740;
}

:root:not(.pf-v5-theme-dark) {
  --asetho-session-danger-text: #9a2437;
  --asetho-session-danger-border: #d93f55;
  --asetho-session-danger-bg: #fff0f2;
  --asetho-session-danger-bg-hover: #f8dbe1;
}

body[data-page-id="account"] main:has([aria-label="Signed in devices"]) .pf-v5-l-split__item > .pf-v5-c-button.pf-m-primary,
body[data-page-id="account"] [aria-label="Signed in devices"] button.pf-v5-c-button.pf-m-secondary,
body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger {
  color: var(--asetho-session-danger-text) !important;
  border: 1px solid var(--asetho-session-danger-border) !important;
  background: var(--asetho-session-danger-bg) !important;
}

body[data-page-id="account"] main:has([aria-label="Signed in devices"]) .pf-v5-l-split__item > .pf-v5-c-button.pf-m-primary:is(:hover, :focus-visible),
body[data-page-id="account"] [aria-label="Signed in devices"] button.pf-v5-c-button.pf-m-secondary:is(:hover, :focus-visible),
body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger:is(:hover, :focus-visible) {
  color: var(--asetho-session-danger-text) !important;
  border-color: var(--asetho-session-danger-border) !important;
  background: var(--asetho-session-danger-bg-hover) !important;
}

body[data-page-id="account"] main:has([aria-label="Signed in devices"]) .pf-v5-l-split__item > .pf-v5-c-button.pf-m-primary::after,
body[data-page-id="account"] [aria-label="Signed in devices"] button.pf-v5-c-button.pf-m-secondary::after,
body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger::after {
  border-color: var(--asetho-session-danger-border) !important;
}

body[data-page-id="account"] main:has([aria-label="Signed in devices"]) .pf-v5-l-split__item > .pf-v5-c-button.pf-m-primary:is(:hover, :focus-visible)::after,
body[data-page-id="account"] [aria-label="Signed in devices"] button.pf-v5-c-button.pf-m-secondary:is(:hover, :focus-visible)::after,
body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger:is(:hover, :focus-visible)::after {
  border-color: var(--asetho-session-danger-border) !important;
}

body[data-page-id="account"] [aria-label="Signed in devices"] button.pf-v5-c-button.pf-m-secondary,
body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger {
  min-height: 2rem !important;
  padding: 0.25rem 0.625rem !important;
  font-size: 0.8125rem !important;
  line-height: 1.125rem !important;
}

/* The password Update action should read like the profile Save action. */
body[data-page-id="account"] [data-testid="password/credential-list"] button[data-testrole="update"] {
  color: #ffffff !important;
  border-color: var(--asetho-console-accent-bright) !important;
  background: var(--asetho-console-accent-bright) !important;
}

body[data-page-id="account"] [data-testid="password/credential-list"] button[data-testrole="update"]:is(:hover, :focus-visible) {
  color: #ffffff !important;
  border-color: var(--asetho-console-accent-bright) !important;
  background: var(--asetho-console-muted) !important;
}

body[data-page-id="account"] [data-testid="password/credential-list"] button[data-testrole="update"]::after {
  border-color: transparent !important;
}

/* PatternFly's focused expandable nav state otherwise stays dark in light mode. */
:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] .pf-v5-c-nav__item.pf-m-expandable > .pf-v5-c-nav__link:focus {
  color: var(--asetho-console-nav-active-text) !important;
  background: var(--asetho-console-nav-active) !important;
}
/* Give session actions their own row instead of squeezing the heading on phones. */
@media (max-width: 480px) {
  body[data-page-id="account"] main .pf-v5-l-split:has(#refresh-page) {
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }

  body[data-page-id="account"] main .pf-v5-l-split:has(#refresh-page) > .pf-v5-l-split__item.pf-m-fill {
    flex: 1 0 100%;
  }

  body[data-page-id="account"] main .pf-v5-l-split:has(#refresh-page) > .pf-v5-l-split__item:not(.pf-m-fill) {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }

  body[data-page-id="account"] main .pf-v5-l-split:has(#refresh-page) > .pf-v5-l-split__item:not(.pf-m-fill) > .pf-v5-c-button {
    padding-inline: 0.5rem !important;
  }
}

/* Match the Admin Console's light sidebar palette and navigation states. */
:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar {
  --asetho-console-nav: #175f53;
  --asetho-console-nav-text: #ffffff;
  --asetho-console-nav-active: #dceee9;
  --asetho-console-nav-active-text: #212121;
  border-right-color: #145248 !important;
}

:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar,
:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-page__sidebar-body,
:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav {
  background: #175f53 !important;
}

:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__link {
  color: #ffffff !important;
}

:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__link::before {
  border-color: #89c8bd !important;
}

:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__link:is(:hover, :focus, :focus-visible) {
  color: #ffffff !important;
  background: #212121 !important;
}

:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__link:is(.pf-m-current, [aria-current="page"]) {
  color: #212121 !important;
  background: #dceee9 !important;
  box-shadow: inset 5px 0 0 #212121 !important;
}

:root:is(.pf-v5-theme-light, [data-theme="light"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__link:is(.pf-m-current, [aria-current="page"])::after {
  border-left: 0 !important;
}

/* Keep Delete as the accessible name while using a compact trash icon. */
body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}

body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: currentColor;
  -webkit-mask: url("../img/trash.svg") center / contain no-repeat;
  mask: url("../img/trash.svg") center / contain no-repeat;
}

@media (forced-colors: active) {
  body[data-page-id="account"] [aria-label="credential list"] button.pf-v5-c-button.pf-m-danger::before {
    background: ButtonText !important;
    forced-color-adjust: none;
  }
}

/* Keep focused account fields in the console palette. */
body[data-page-id="account"] .pf-v5-c-form-control:focus-within::after {
  border-bottom-color: var(--asetho-console-muted) !important;
}

body[data-page-id="account"] .pf-v5-c-form-control :is(input, textarea, select):focus {
  outline-color: var(--asetho-console-muted) !important;
}

@media (forced-colors: active) {
  body[data-page-id="account"] .pf-v5-c-form-control:focus-within::after {
    border-bottom-color: Highlight !important;
  }

  body[data-page-id="account"] .pf-v5-c-form-control :is(input, textarea, select):focus {
    outline-color: Highlight !important;
  }
}

/* Give expanded sections the same divider as the other sidebar items. */
body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__item.pf-m-expandable::before {
  border-bottom-color: var(--asetho-console-border) !important;
}

:root:is(.pf-v5-theme-dark, [data-theme="dark"]) body[data-page-id="account"] #page-sidebar .pf-v5-c-nav__item.pf-m-expandable::before {
  border-bottom-color: #444548 !important;
}