.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__brand svg {
  height: 50px;
  width: auto;
  display: block;
}

.pf-v5-c-masthead__brand {
  display: flex;
  align-items: center;
}

/*
/* Sidebar container (only the left nav column)
.pf-v5-c-page__sidebar {
  background-color: #ffffff;
  border-right: 1px solid #d3d8de
}

/* Nav link text 
.pf-v5-c-nav__link {
  color: #151975;
}

/* Icons in nav 
.pf-v5-c-nav__link .pf-v5-c-nav__link-icon,
.pf-v5-c-nav__link svg {
  color: #151975;
  fill: currentColor;
}

/* Hover state (subtle) 
.pf-v5-c-nav__link.pf-m-current:hover,
.pf-v5-c-nav__link:hover {
  background-color: #eef2ff;
  color: #151975;
}

/* Current/active item: light highlight + blue left indicator bar 
.pf-v5-c-nav__link.pf-m-current {
  background-color: #eef2ff;
  color: #151975;
  position: relative;
}

/* Left indicator bar (active item) 
.pf-v5-c-nav__link.pf-m-current::after {
  border-color: #151975;
}

/* Section titles (“Manage”, “Configure”) 
.pf-v5-c-nav__section-title {
  color: #6b7280;
  font-weight: 600;
  border-block-end-width: 1px;
  border-block-end-style: solid;
  border-block-end-color: #d3d8de
}

/* Optional: tighten separators 
.pf-v5-c-nav__section {
  border-color: #d3d8de;
}

/* ========================= */
/* Top toolbar (masthead) SNP */
/* ========================= */

/* Whole top bar 
.pf-v5-c-masthead, .pf-v5-c-toolbar {
  background-color: #ffffff !important;
  border-bottom: 1px solid #d3d8de !important;
}

/* Ensure internal areas inherit the same background 
.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content {
  background-color: #ffffff !important;
}

/* Top-left brand area spacing + background 
.pf-v5-c-masthead__brand {
  background-color: #ffffff !important;
}

/* Hamburger + other masthead buttons (default PF uses dark background/hover) 
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain {
  color: #151975 !important;
}

/* Icons inside those buttons 
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain svg {
  color: #151975 !important;
  fill: currentColor;
}

/* Hover/focus for masthead buttons 
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain:hover,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain:focus {
  background-color: #eef2ff !important;
  color: #151975 !important;
}

/* Username / dropdown / labels in the right side of the toolbar 
.pf-v5-c-masthead,
.pf-v5-c-masthead a,
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  color: #151975 !important;
}

/* Dropdown/menu toggle hover to match your style 
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle:hover,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:hover {
  background-color: #eef2ff !important;
}

/* Optional: vertical divider between brand and content (if present) 
.pf-v5-c-masthead__main {
  border-right: 1px solid #d3d8de;
} */