html[data-color-scheme] {
  --pf-v5-global--FontFamily--text: var(--id-font); --pf-v5-global--FontFamily--heading: var(--id-font);
  --pf-v5-global--primary-color--100: var(--id-primary); --pf-v5-global--primary-color--200: var(--id-primary-hover);
  --pf-v5-global--BackgroundColor--100: var(--id-bg); --pf-v5-global--BackgroundColor--200: var(--id-sidebar); --pf-v5-global--BackgroundColor--300: var(--id-hover);
  --pf-v5-global--Color--100: var(--id-text); --pf-v5-global--Color--200: var(--id-muted);
  --pf-v5-global--BorderColor--100: var(--id-line); --pf-v5-global--BorderColor--200: var(--id-input-line);
  --pf-v5-global--link--Color: var(--id-primary); --pf-v5-global--link--Color--hover: var(--id-primary-hover);
  --pf-v5-global--danger-color--100: var(--id-danger); --pf-v5-global--success-color--100: var(--id-success);
}
html, body, #app, .pf-v5-c-page { min-height: 100%; background: var(--id-bg); color: var(--id-text); font-family: var(--id-font); font-size: 14px; }
.pf-v5-c-page { --pf-v5-c-page__sidebar--Width: 256px; --pf-v5-c-page__main-section--BackgroundColor: var(--id-bg); }
.pf-v5-c-masthead { min-height: 72px; padding: 12px 24px; background: var(--id-bg) !important; border-bottom: 1px solid var(--id-line); color: var(--id-text); }
.pf-v5-c-masthead__brand { display: flex; align-items: center; width: 176px; height: 36px; overflow: hidden; }
.pf-v5-c-masthead__brand img { display: block; width: 176px !important; height: auto !important; max-width: none; max-height: none !important; }
html[data-color-scheme="light"] .pf-v5-c-masthead__brand img { filter: invert(1) hue-rotate(180deg); }
.pf-v5-c-masthead__content { gap: 16px; }
.pf-v5-c-masthead .pf-v5-c-toolbar { background: transparent; }
.pf-v5-c-page__sidebar { background: var(--id-sidebar); border-right: 1px solid var(--id-line); box-shadow: none; }
.pf-v5-c-page__sidebar-body { padding: 20px 12px; }
.pf-v5-c-nav { --pf-v5-c-nav__link--Color: var(--id-muted); --pf-v5-c-nav__link--hover--Color: var(--id-text); --pf-v5-c-nav__link--m-current--Color: var(--id-primary); --pf-v5-c-nav__link--m-current--BackgroundColor: var(--id-primary-muted); }
.pf-v5-c-nav__link { margin: 3px 0; padding: 11px 14px; border-radius: 8px; font-weight: 500; color: var(--id-muted); }
.pf-v5-c-nav__link:hover { background: var(--id-hover); color: var(--id-text); }
.pf-v5-c-nav__link.pf-m-current { background: var(--id-primary-muted); color: var(--id-primary); }
.pf-v5-c-nav__link::after, .pf-v5-c-nav__item::before { border: 0; }
.pf-v5-c-nav__subnav { padding-left: 12px; }
.pf-v5-c-page__main { background: var(--id-bg); }
.pf-v5-c-page__main-section { width: 100%; max-width: 1120px; margin: 0 auto; padding: 24px 32px; background: var(--id-bg); }
.pf-v5-c-page__main-section.pf-m-light { background: var(--id-bg); }
.pf-v5-c-title { color: var(--id-text); font-family: var(--id-font); font-weight: 600; letter-spacing: -.4px; }
h1.pf-v5-c-title { font-size: 28px; line-height: 1.25; }
.pf-v5-c-content p, .pf-v5-c-form__helper-text, .pf-v5-c-helper-text { color: var(--id-muted); }
.pf-v5-c-card { background: var(--id-panel); border: 1px solid var(--id-line); border-radius: 12px; box-shadow: none; }
.pf-v5-c-data-list { background: var(--id-panel); border: 1px solid var(--id-line); border-radius: 12px; }
.pf-v5-c-data-list__item { background: transparent; color: var(--id-text); border-color: var(--id-line); }
.pf-v5-c-data-list__item:first-child { border-radius: 12px 12px 0 0; }
.pf-v5-c-data-list__item:last-child { border-bottom: 0; border-radius: 0 0 12px 12px; }
.pf-v5-c-button { border-radius: 8px; font: 500 14px/1.5 var(--id-font); }
.pf-v5-c-button.pf-m-primary { min-height: 42px; background: var(--id-primary); color: #fff; }
.pf-v5-c-button.pf-m-primary:hover { background: var(--id-primary-hover); }
.pf-v5-c-button::after { border-radius: 8px; }
.pf-v5-c-button.pf-m-control, .pf-v5-c-menu-toggle { background: var(--id-bg); color: var(--id-text); border-radius: 8px; }
.pf-v5-c-button:focus-visible, a:focus-visible, .pf-v5-c-menu-toggle:focus-visible { outline: 2px solid var(--id-primary); outline-offset: 3px; }
.pf-v5-c-form-control { min-height: 44px; background: var(--id-bg); color: var(--id-text); border: 1px solid var(--id-input-line); border-radius: 8px; }
.pf-v5-c-form-control::before, .pf-v5-c-form-control::after { border-radius: 8px; }
.pf-v5-c-form-control input { min-height: 42px; color: var(--id-text); }
.pf-v5-c-menu, .pf-v5-c-dropdown__menu, .pf-v5-c-modal-box { background: var(--id-panel); color: var(--id-text); border: 1px solid var(--id-line); border-radius: 12px; box-shadow: var(--id-shadow); }
.pf-v5-c-modal-box__header, .pf-v5-c-modal-box__body, .pf-v5-c-modal-box__footer { background: transparent; }
.pf-v5-c-description-list { color: var(--id-text); }
.pf-v5-c-alert { border-radius: 10px; }
.keycloak__loading-container { background: var(--id-bg) !important; color: var(--id-text) !important; font-family: var(--id-font); }
#loading-text { font-size: 16px !important; font-weight: 500 !important; }
@media (max-width: 767px) {
  .pf-v5-c-masthead { padding: 12px 16px; gap: 12px; }
  .pf-v5-c-masthead__content { margin: 0; gap: 8px; }
  .pf-v5-c-masthead__brand { width: 152px; height: 32px; }
  .pf-v5-c-masthead__brand img { width: 152px !important; }
  .pf-v5-c-page__main-section { padding: 20px 16px; }
  h1.pf-v5-c-title { font-size: 24px; }
}
.pf-v5-c-masthead { height: 72px; }
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain { color: var(--id-muted); }
.pf-v5-c-menu-toggle::before, .pf-v5-c-menu-toggle::after { border-color: var(--id-line); border-radius: 8px; }
.pf-v5-c-nav__item::after { border: 0; }
@media (max-width: 767px) { .pf-v5-c-masthead { height: auto; min-height: 72px; } }
/* Account chunks load after the initial styles; scope these overrides explicitly. */
body[data-page-id="account"] .pf-v5-c-page__sidebar { background: var(--id-sidebar); }
body[data-page-id="account"] .pf-v5-c-nav__link { color: var(--id-muted); }
body[data-page-id="account"] .pf-v5-c-nav__link.pf-m-current { color: var(--id-link); background: var(--id-primary-muted); }
body[data-page-id="account"] .pf-v5-c-nav__link::before { border: 0; }
body[data-page-id="account"] .pf-v5-c-data-list, body[data-page-id="account"] .pf-v5-c-data-list__item { background: var(--id-panel); border-color: var(--id-line); }
body[data-page-id="account"] .pf-v5-c-data-list { border: 1px solid var(--id-line); }
body[data-page-id="account"] [data-testid="page-heading"] { font: 600 28px/1.25 var(--id-font); letter-spacing: -.5px; }
body[data-page-id="account"] .pf-v5-c-page__main-section { padding: 20px 32px; }
body[data-page-id="account"] .pf-v5-c-button.pf-m-link { color: var(--id-link); }
body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary { color: var(--id-link); }
body[data-page-id="account"] .pf-v5-c-button.pf-m-secondary::after { border-color: var(--id-line); }
body[data-page-id="account"] [data-testid="page-header"] { display: grid; grid-template-areas: "toggle brand content"; grid-template-columns: 24px 176px minmax(0,1fr); align-items: center; gap: 16px; height: 72px; min-height: 72px; }
body[data-page-id="account"] .pf-v5-c-masthead__toggle { grid-area: toggle; }
body[data-page-id="account"] .pf-v5-c-masthead__brand { grid-area: brand; }
body[data-page-id="account"] .pf-v5-c-masthead__content { grid-area: content; display: flex; justify-content: flex-end; min-width: 0; gap: 16px; }
body[data-page-id="account"] .pf-v5-c-masthead__content > .pf-v5-c-toolbar { width: auto; flex: 0 1 auto; min-width: 0; order: 1; }
body[data-page-id="account"] .infinidrive-appearance { order: 0; }
@media (max-width: 767px) {
  body[data-page-id="account"] [data-testid="page-header"] { grid-template-areas: "toggle brand" "content content"; grid-template-columns: 24px minmax(0,1fr); height: auto; gap: 8px 16px; }
  body[data-page-id="account"] .pf-v5-c-masthead__content { margin: 0; gap: 8px; }
  body[data-page-id="account"] .infinidrive-appearance { margin-right: auto; }
  body[data-page-id="account"] .pf-v5-c-avatar { display: none; }
  body[data-page-id="account"] .pf-v5-c-page__main-section { padding: 20px 16px; }
  body[data-page-id="account"] [data-testid="page-heading"] { font-size: 24px; }
}
body[data-page-id="account"] .pf-v5-c-page__sidebar { background-color: var(--id-sidebar) !important; }
body[data-page-id="account"] .pf-v5-c-nav .pf-v5-c-divider { background-color: var(--id-line); border-color: var(--id-line); }