:root,
.pf-v5-theme-dark {
  color-scheme: dark;
  --pf-v5-global--BackgroundColor--100: #101d28;
  --pf-v5-global--BackgroundColor--200: #030d15;
  --pf-v5-global--BackgroundColor--300: #0c1722;
  --pf-v5-global--BackgroundColor--dark-100: #030d15;
  --pf-v5-global--BackgroundColor--dark-200: #101d28;
  --pf-v5-global--Color--100: #e8edf2;
  --pf-v5-global--Color--200: #8d9baa;
  --pf-v5-global--Color--light-100: #f8fafc;
  --pf-v5-global--Color--light-200: #cbd5e1;
  --pf-v5-global--primary-color--100: #00c8ef;
  --pf-v5-global--primary-color--200: #00c8ef;
  --pf-v5-global--active-color--100: #00c8ef;
  --pf-v5-global--BorderColor--100: #223340;
  --pf-v5-global--BorderColor--200: #223340;
  --pf-v5-global--link--Color: #22d3ee;
  --pf-v5-global--link--Color--hover: #c7d2fe;
  --pf-v5-global--FontFamily--sans-serif: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

body,
#app,
.pf-v5-c-page,
.pf-v5-c-page__main,
.keycloak__loading-container {
  color: #e8edf2 !important;
  background: #030d15 !important;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}

.keycloak__loading-container {
  background:
    radial-gradient(circle at 24% 18%, rgba(0, 200, 255, .19), transparent 35%),
    radial-gradient(circle at 82% 80%, rgba(14, 165, 233, .12), transparent 34%),
    #030d15 !important;
}

.keycloak__loading-container .pf-v5-c-spinner__path {
  stroke: #00c8ef;
}

#loading-text {
  color: transparent;
  font-size: 0;
}

#loading-text::after {
  color: #e8edf2;
  content: "Загрузка профиля OXYD ID…";
  font-size: 1rem;
  font-weight: 650;
}

.pf-v5-c-masthead {
  background: #101d28;
  border-bottom: 1px solid #223340;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .22);
}

.pf-v5-c-page__sidebar {
  background: #101d28;
  border-right: 1px solid #223340;
}

.pf-v5-c-nav__link {
  color: #8d9baa;
  border-radius: .55rem;
}

.pf-v5-c-nav__link:hover,
.pf-v5-c-nav__link.pf-m-current {
  color: #e8edf2;
  background: #102536;
}

.pf-v5-c-nav__link.pf-m-current::after {
  border-color: #00c8ef;
}

.pf-v5-c-card,
.pf-v5-c-modal-box,
.pf-v5-c-drawer__panel,
.pf-v5-c-popover__content,
.pf-v5-c-menu,
.pf-v5-c-table,
.pf-v5-c-data-list {
  color: #e8edf2;
  background: #101d28;
  border-color: #223340;
  border-radius: .8rem;
}

.pf-v5-c-toolbar,
.pf-v5-c-page__main-section,
.pf-v5-c-page__main-breadcrumb {
  background: transparent;
}

.pf-v5-c-button {
  border-radius: .58rem;
}

.pf-v5-c-button.pf-m-primary {
  color: #fff;
  background: #008fbd;
  box-shadow: 0 8px 24px rgba(0, 143, 189, .24);
}

.pf-v5-c-button.pf-m-primary:hover {
  background: #00a8dc;
}

.pf-v5-c-form-control,
.pf-v5-c-select__toggle,
.pf-v5-c-menu-toggle,
.pf-v5-c-text-input-group {
  color: #e8edf2;
  background: #030d15;
  border-color: #223340;
  border-radius: .58rem;
}

.pf-v5-c-form-control:focus-within,
.pf-v5-c-menu-toggle:focus {
  border-color: #00c8ef;
  box-shadow: 0 0 0 3px rgba(0, 200, 255, .12);
}

a,
.pf-v5-c-button.pf-m-link {
  color: #22d3ee;
}

*:focus-visible {
  outline: 2px solid #00c8ef;
  outline-offset: 2px;
}

/* Quiet Neural surfaces, with the original console layout preserved. */
.keycloak__loading-container { background: #030d15 !important; }
.pf-v5-c-button.pf-m-primary { color: #030d15; background: #00c8ef; box-shadow: none; }
.pf-v5-c-button.pf-m-primary:hover { background: #5be4ff; }
.pf-v5-c-masthead { box-shadow: none; }
@media (max-width: 600px) { input, select, textarea { font-size: 16px; } }