:root {
  --pf-v5-global--primary-color--100: #0d8f5f;
  --pf-v5-global--primary-color--200: #0b7b52;
  --pf-v5-global--link--Color: #0d8f5f;
  --pf-v5-global--link--Color--hover: #0b7b52;
  --pf-v5-global--BackgroundColor--100: #fdfcf9;
  --pf-v5-global--BackgroundColor--150: #f7f5ef;
  --pf-v5-global--BackgroundColor--200: #f4f2ec;
  --pf-v5-global--BorderColor--100: #dedbd0;
  --pf-v5-global--Color--100: #15181e;
  --pf-v5-global--Color--200: #596272;
  --pf-v5-global--FontFamily--sans-serif: Inter, "Segoe UI", system-ui, sans-serif;
  --pf-v5-global--FontFamily--monospace: "JetBrains Mono", Consolas, monospace;
}

body[data-page-id="admin"] {
  background-color: #f4f2ec;
  background-image: radial-gradient(rgba(21, 24, 30, 0.075) 1px, transparent 1px);
  background-size: 26px 26px;
}

.keycloak__loading-container {
  color: #e8ecf4 !important;
  background:
    linear-gradient(145deg, rgba(13, 143, 95, 0.18), transparent 42%),
    repeating-linear-gradient(0deg, transparent 0 43px, rgba(255,255,255,0.035) 43px 44px),
    #15181e !important;
}

.keycloak__loading-container::before {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 22px;
  color: #07140e;
  content: "NG";
  background: #2be082;
  border-radius: 4px;
  box-shadow: 0 0 34px rgba(43, 224, 130, 0.25);
  font: 700 0.78rem "JetBrains Mono", Consolas, monospace;
  letter-spacing: 0.06em;
}

.keycloak__loading-container .pf-v5-c-spinner { color: #2be082; }
#loading-text { font-family: "JetBrains Mono", Consolas, monospace; font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; }

.pf-v5-c-masthead,
.pf-v5-c-page__header { background: #15181e; border-bottom: 1px solid rgba(43, 224, 130, 0.24); }
.pf-v5-c-page__sidebar { background: #11151d; border-right: 1px solid #2a2f3a; }
.pf-v5-c-nav__link { color: #aab3c1; font-weight: 550; }
.pf-v5-c-nav__link:hover { color: #fdfcf9; background: rgba(43, 224, 130, 0.08); }
.pf-v5-c-nav__link.pf-m-current { color: #2be082; background: rgba(43, 224, 130, 0.12); }
.pf-v5-c-nav__link.pf-m-current::after { border-color: #2be082; }

.pf-v5-c-page__main-section,
.pf-v5-c-page__main-container { background: transparent; }
.pf-v5-c-card { border: 1px solid #dedbd0; border-radius: 4px; box-shadow: none; }
.pf-v5-c-button.pf-m-primary { background: #0d8f5f; border-radius: 3px; }
.pf-v5-c-button.pf-m-primary:hover { background: #0b7b52; }
.pf-v5-c-form-control:focus-within { --pf-v5-c-form-control--after--BorderBottomColor: #0d8f5f; }
.pf-v5-c-tabs__link::after { border-color: #0d8f5f; }

html.pf-v5-theme-dark {
  --pf-v5-global--primary-color--100: #2be082;
  --pf-v5-global--primary-color--200: #4ce996;
  --pf-v5-global--link--Color: #2be082;
  --pf-v5-global--link--Color--hover: #4ce996;
  --pf-v5-global--BackgroundColor--100: #111621;
  --pf-v5-global--BackgroundColor--150: #151b28;
  --pf-v5-global--BackgroundColor--200: #0b0e14;
  --pf-v5-global--BorderColor--100: #2a3446;
  --pf-v5-global--Color--100: #e8ecf4;
  --pf-v5-global--Color--200: #a4aec0;
}

html.pf-v5-theme-dark body[data-page-id="admin"] {
  background-color: #0b0e14;
  background-image: radial-gradient(rgba(154, 165, 184, 0.1) 1px, transparent 1px);
}
html.pf-v5-theme-dark .pf-v5-c-card { border-color: #2a3446; }
html.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary { color: #08140e; background: #2be082; }