/* =====================================================
   Shypv – Keycloak Admin Console Override (1Access)
   Custom header branding for admin panel.
   ===================================================== */

/* ---- Masthead / Top header bar ---- */
.pf-v5-c-masthead,
header.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #0f172a !important;
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

/* Masthead brand / logo area */
.pf-v5-c-masthead__brand,
.pf-v5-c-masthead__brand a {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Logo image in header — make it visible on dark bg */
.pf-v5-c-masthead__brand img,
.pf-v5-c-brand,
.pf-v5-c-masthead img,
img[alt="Logo"],
.pf-v5-c-brand__image {
  max-height: 32px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
  object-fit: contain !important;
}

/* Masthead toolbar items (user dropdown, help, etc.) */
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-button {
  color: rgba(255,255,255,0.9) !important;
}
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:hover,
.pf-v5-c-masthead .pf-v5-c-button:hover {
  color: #ffffff !important;
}

/* ---- Sidebar / Page navigation ---- */
.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body {
  --pf-v5-c-page__sidebar--BackgroundColor: #0f172a !important;
  background-color: #0f172a !important;
  border-right: 1px solid rgba(255,255,255,0.06) !important;
}

/* Sidebar realm selector / context switcher */
.pf-v5-c-page__sidebar .pf-v5-c-context-selector,
.pf-v5-c-page__sidebar .pf-v5-c-context-selector__toggle {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.12) !important;
}

/* Navigation links */
.pf-v5-c-nav__link {
  color: rgba(255, 255, 255, 0.75) !important;
}
.pf-v5-c-nav__link:hover {
  color: #38bdf8 !important;
  background-color: rgba(255, 255, 255, 0.04) !important;
}
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__item.pf-m-current > .pf-v5-c-nav__link {
  color: #38bdf8 !important;
  background-color: rgba(14, 165, 233, 0.1) !important;
  border-left: 3px solid #0ea5e9 !important;
}

/* Navigation section titles (MANAGE, CONFIGURE, etc.) */
.pf-v5-c-nav__section-title {
  color: rgba(255, 255, 255, 0.4) !important;
  text-transform: uppercase;
  font-size: 0.6875rem;
  letter-spacing: 0.06em;
  font-weight: 600;
}

/* ---- Main content area ---- */
.pf-v5-c-page__main-section {
  --pf-v5-c-page__main-section--BackgroundColor: #1b1d21;
}

/* Page titles */
.pf-v5-c-title {
  color: #e2e8f0 !important;
}

/* ---- Buttons ---- */
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #0ea5e9 !important;
  background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
  border: none !important;
  border-radius: 6px !important;
}
.pf-v5-c-button.pf-m-primary:hover {
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #0284c7 !important;
  background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
}

/* ---- Badges ---- */
.pf-v5-c-badge.pf-m-read {
  background-color: rgba(14, 165, 233, 0.15) !important;
  color: #38bdf8 !important;
}

/* ---- Loading screen ---- */
.keycloak__loading-container {
  background: #0f172a !important;
  color: #e2e8f0 !important;
}

/* Spinner brand color */
.pf-v5-c-spinner__path {
  stroke: #0ea5e9 !important;
}