:root,
.pf-v5-theme-dark {
  --pf-v5-global--primary-color--100: #e52b27;
  --pf-v5-global--primary-color--200: #fa3a34;
  --pf-v5-global--BackgroundColor--100: #171415;
  --pf-v5-global--BackgroundColor--200: #201a1c;
  --pf-v5-global--BackgroundColor--300: #2b2225;
  --pf-v5-global--Color--100: #f7f3f4;
  --pf-v5-global--Color--200: #c9bdc1;
  --pf-v5-global--BorderColor--100: #47373c;
  --pf-v5-global--link--Color: #ff726d;
  --pf-v5-global--link--Color--hover: #ff9c98;
}

/* AVANTEKO_ADMIN_THEME_20260821_1710 */

html,
body,
#app {
  background: #171415 !important;
  color: #f7f3f4;
}

.pf-v5-c-masthead,
.pf-v5-c-page__header,
header[class*="masthead"] {
  background: #171314 !important;
  border-bottom: 1px solid #3b2d31 !important;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-nav,
nav[class*="sidebar"] {
  background: #201a1c !important;
}

.pf-v5-c-card,
.pf-v5-c-modal-box,
.pf-v5-c-drawer__panel,
.pf-v5-c-page__main-section {
  border-color: #47373c !important;
}

.pf-v5-c-button.pf-m-primary {
  background: #e52b27 !important;
}

.pf-v5-c-button.pf-m-primary:hover {
  background: #fa3a34 !important;
}

.keycloak__loading-container {
  background: #562631 !important;
  color: #ffffff !important;
}

/* Fix the default realm welcome/empty state: Keycloak renders a broken
   "Keycloak icon" image there when the branded admin theme overrides assets. */
.pf-v5-c-empty-state,
.pf-c-empty-state,
[class*="empty-state"] {
  color: #f7f3f4 !important;
}

.pf-v5-c-empty-state__icon,
.pf-c-empty-state__icon,
[class*="empty-state"] img[alt*="Keycloak" i],
[class*="empty-state"] img[src*="keycloak" i] {
  display: block !important;
  width: 84px !important;
  height: 84px !important;
  margin: 0 auto 16px !important;
  background: url("../img/logo.png") center / contain no-repeat !important;
  object-fit: contain !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
}

[class*="empty-state"] img[alt*="Keycloak" i] {
  content: url("../img/logo.png") !important;
}

.pf-v5-c-empty-state__title,
.pf-c-empty-state__title,
[class*="empty-state"] h1,
[class*="empty-state"] h2 {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.pf-v5-c-empty-state__body,
.pf-c-empty-state__body,
[class*="empty-state"] p {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  color: #e7d7dc !important;
  font-size: 18px !important;
  line-height: 1.45 !important;
}

@media (max-width: 768px) {
  .pf-v5-c-page__main-section {
    padding: 16px !important;
  }
}