/* ============================================================================
   Mijndomein - OpenShift Console theme  (cluster: mijndomein-poc)
   Strategy: brand the CHROME (masthead + side-nav glow), the ACCENTS
   (primary = brand purple, links = purple/lavender, active nav = cyan pill),
   and the FONTS. PatternFly owns the content canvas so LIGHT *and* DARK both
   work. No forced color-scheme. Palette scraped from mijndomein.nl:
   purple #6A29AE, cyan #00DBDB, deep purple #230A3D. Font Circular Std -> Poppins.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Nunito+Sans:wght@400;600;700&display=swap');

/* ---------- Layer 1: brand tokens ---------- */
:root {
  --mnd-purple:      #6A29AE;
  --mnd-purple-700:  #4E1C82;
  --mnd-purple-300:  #9B5FC9;
  --mnd-cyan:        #00DBDB;
  --mnd-cyan-soft:   #33E5E5;
  --mnd-lavender:    #C9A6F0;   /* dark-mode links */
  --mnd-chrome-base: #230A3D;
  --mnd-font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mnd-font-body:    'Nunito Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mnd-chrome:
    radial-gradient(circle at 15% 4%, rgba(0,219,219,.34), rgba(0,219,219,.10) 15%, transparent 47%),
    linear-gradient(135deg, #230A3D 0%, #3D1268 48%, #6A29AE 122%);
}

/* ---------- Layer 2: PF6 global token overrides (theme-agnostic) ---------- */
:root {
  /* Fonts */
  --pf-t--global--font--family--100: var(--mnd-font-body);
  --pf-t--global--font--family--200: var(--mnd-font-body);
  --pf-t--global--font--family--300: var(--mnd-font-display);
  --pf-t--global--font--family--body--legacy:    var(--mnd-font-body);
  --pf-t--global--font--family--heading--legacy: var(--mnd-font-display);

  /* Brand / primary action = brand purple */
  --pf-t--global--color--brand--default: var(--mnd-purple);
  --pf-t--global--color--brand--hover:   var(--mnd-purple-700);
  --pf-t--global--color--brand--clicked: var(--mnd-purple-700);
  --pf-t--global--color--brand--100: var(--mnd-purple);
  --pf-t--global--color--brand--200: var(--mnd-purple-700);
  --pf-t--global--color--brand--300: var(--mnd-purple-300);

  /* Links = brand purple */
  --pf-t--global--text--color--link--default: var(--mnd-purple);
  --pf-t--global--text--color--link--hover:   var(--mnd-purple-700);
  --pf-t--global--text--color--link--100: var(--mnd-purple);
  --pf-t--global--text--color--link--200: var(--mnd-purple-700);

  /* Active / selected accents */
  --pf-t--global--icon--color--brand--default: var(--mnd-purple);
  --pf-t--global--border--color--brand--default: var(--mnd-purple);

  /* Rounded corners */
  --pf-t--global--border--radius--tiny:   4px;
  --pf-t--global--border--radius--small:  8px;
  --pf-t--global--border--radius--medium: 10px;
  --pf-t--global--border--radius--large:  14px;
  --pf-v5-global--BorderRadius--sm: 8px;
  --pf-v5-global--BorderRadius--lg: 12px;
}

/* Explicit rounding for the main surfaces */
.pf-v6-c-card, .pf-v5-c-card,
.pf-v6-c-panel, .pf-v6-c-menu, .pf-v5-c-dropdown__menu,
.co-m-pane__body, .pf-v6-c-modal-box, .pf-v6-c-alert {
  border-radius: 12px !important;
}
.pf-v6-c-table, .pf-v6-c-toolbar { border-radius: 10px; }

/* ---------- Layer 2b: PF5 fallbacks (some plugins still ship v5) ---------- */
:root {
  --pf-v5-global--primary-color--100: var(--mnd-purple);
  --pf-v5-global--primary-color--200: var(--mnd-purple-700);
  --pf-v5-global--active-color--100:  var(--mnd-purple);
  --pf-v5-global--link--Color:        var(--mnd-purple);
  --pf-v5-global--link--Color--hover: var(--mnd-purple-700);
}

/* ---------- Layer 3: dark-mode tweaks ---------- */
:root:where(.pf-v6-theme-dark) {
  --pf-t--global--text--color--link--default: var(--mnd-lavender);
  --pf-t--global--text--color--link--hover:   #DCC4F7;
  --pf-t--global--text--color--link--100: var(--mnd-lavender);

  /* Purple-tinted dark canvas (clearly purple, not grey) */
  --pf-t--global--background--color--primary--default:          #1C0D30;
  --pf-t--global--background--color--secondary--default:        #2A1547;
  --pf-t--global--background--color--floating-element--default: #221240;
  --pf-t--global--border--color--default: #3A2359;
  --pf-t--global--border--color--100:     #3A2359;
  --pf-t--global--border--color--200:     #2C1A45;
}
/* Belt-and-braces: paint the dark canvas + cards purple-tinted directly */
:root:where(.pf-v6-theme-dark) .pf-v6-c-page__main,
:root:where(.pf-v6-theme-dark) .pf-v6-c-page__main-section,
:root:where(.pf-v6-theme-dark) body { background-color: #1C0D30 !important; }
:root:where(.pf-v6-theme-dark) .pf-v6-c-card,
:root:where(.pf-v6-theme-dark) .co-m-pane__body { background-color: #2A1547 !important; }

/* ---------- Typography ---------- */
.pf-v6-c-title, .pf-v5-c-title,
h1, h2, h3, h4, .co-m-page-title__title {
  font-family: var(--mnd-font-display) !important;
}

/* ============================================================================
   CHROME - masthead + side-nav share one continuous glow (fixed to viewport).
   ============================================================================ */
.pf-v6-c-masthead,
.pf-v5-c-masthead,
.co-masthead,
.pf-v6-c-page__sidebar,
.pf-v5-c-page__sidebar,
.pf-v6-c-page__sidebar .pf-v6-c-nav,
.pf-v5-c-page__sidebar .pf-v5-c-nav {
  background-color: var(--mnd-chrome-base) !important;
  background-image: var(--mnd-chrome) !important;
  background-attachment: fixed !important;
  background-size: 100vw 100vh !important;
  background-position: top left !important;
  border-color: rgba(0,219,219,.16) !important;
}

/* ---------- Page backdrop = same chrome, content canvas floats on it ---------- */
html, body, .pf-v6-c-page, .pf-v5-c-page {
  background-color: var(--mnd-chrome-base) !important;
  background-image: var(--mnd-chrome) !important;
  background-attachment: fixed !important;
  background-size: 100vw 100vh !important;
  background-position: top left !important;
}
.pf-v6-c-page__main {
  border-top-left-radius: 18px !important;
  box-shadow: -10px -2px 30px rgba(0,0,0,.28) !important;
  overflow: hidden;
}
:root:where(:not(.pf-v6-theme-dark)) .pf-v6-c-page__main-section,
:root:where(:not(.pf-v6-theme-dark)) .pf-v6-c-page__main {
  background-color: #F7F5FB !important;
}

/* Masthead text/icons -> white */
.pf-v6-c-masthead, .pf-v5-c-masthead,
.pf-v6-c-masthead a, .pf-v5-c-masthead a,
.pf-v6-c-masthead .pf-v6-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v6-c-masthead button, .pf-v5-c-masthead button,
.pf-v6-c-masthead svg, .pf-v5-c-masthead svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.pf-v6-c-page__header-brand-toggle button,
.pf-v6-c-masthead__toggle button,
.pf-v6-c-masthead__toggle svg { color: rgba(255,255,255,.9) !important; fill: rgba(255,255,255,.9) !important; }

/* ---------- Masthead logo -> Mijndomein white wordmark ---------- */
.co-masthead-logo img,  .co-masthead-logo svg,  .co-masthead-logo > div,
.pf-v6-c-masthead__logo img, .pf-v6-c-masthead__logo svg,
.pf-v5-c-masthead__brand img, .pf-v5-c-masthead__brand svg,
.pf-v6-c-brand img, .pf-v6-c-brand svg,
.pf-v5-c-brand img, .pf-v5-c-brand svg { display: none !important; }

/* Render the wordmark on the INNER brand div only. The masthead nests
   `.pf-v6-c-brand.co-masthead-logo` inside `.pf-v6-c-masthead__logo`, so
   targeting both ::after doubles the logo - scope to the brand div. */
.co-masthead-logo::after {
  content: "";
  display: inline-block;
  width: 172px; height: 31px;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYWFnXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyOTguMDggMjM2LjIyIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZmZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjc4LjcxLDE2NS40M3YtOTQuMTdoMjcuNDh2MTAuOGM0Ljc1LTguMjksMTYuODUtMTMuNiwyNy4xLTEzLjYsMTMuNDEsMCwyMy4xLDUuNSwyNy44NSwxNC44MSw3LjM2LTEwLjYyLDE2LjQ5LTE0LjgxLDI5LjE2LTE0LjgxLDE3Ljc4LDAsMzQuODMsMTAuNDQsMzQuODMsMzZ2NjFoLTI3Ljg2di01NC42MmMwLTguOTQtNC43NS0xNS45Mi0xNS0xNS45MnMtMTUuNzQsNy43My0xNS43NCwxNi4xMXY1NC40aC0yOC40di01NC41OWMwLTguOTQtNC43Ni0xNS45Mi0xNS4xOS0xNS45MnMtMTUuNTUsNy43My0xNS41NSwxNi4zdjU0LjIxaC0yOC42OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im00NjAuOTgsMjUuNjJjOS4zMS0uMSwxNi45NCw3LjM2LDE3LjA1LDE2LjY3LjEsOS4zMS03LjM2LDE2Ljk0LTE2LjY3LDE3LjA1cy0xNi45NC03LjM2LTE3LjA1LTE2LjY3YzAtLjA2LDAtLjEzLDAtLjE5LjAyLTkuMjMsNy40NC0xNi43MywxNi42Ny0xNi44Nm0tMTQuMjcsNDUuNjRoMjguOHY5NC4xN2gtMjguOHYtOTQuMTdaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtNDk3LjcxLDcxLjI2aDI4Ljc4djEwMWMwLDE4LjktMTEuOTIsMzItMzEuMTEsMzItMTAuMDYsMC0xNC42Mi0yLTE1LjkyLTIuNjF2LTIzLjg2YzIuNzkuNzgsNS42NywxLjE2LDguNTcsMS4xMiw2LjYxLDAsOS42OC0zLjgyLDkuNjgtOS42OHYtOTcuOTdabTE0LjI1LTQ1LjY0YzkuMzEtLjEsMTYuOTQsNy4zNiwxNy4wNSwxNi42Ny4xLDkuMzEtNy4zNiwxNi45NC0xNi42NywxNy4wNS05LjMxLjEtMTYuOTQtNy4zNi0xNy4wNS0xNi42NywwLS4wNywwLS4xMywwLS4yLS4wNC05LjI1LDcuNDItMTYuNzksMTYuNjctMTYuODUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im01NzcuNDEsMTY1LjQzaC0yOC43OHYtOTQuMTdoMjcuODV2MTAuOGM1LjEzLTguOTQsMTYuNjctMTMuMjIsMjYuMzYtMTMuMjIsMjMuNjYsMCwzNC4yOCwxNi44NSwzNC4yOCwzNy41M3Y1OS4xNWgtMjguNzh2LTU0LjIxYzAtOS4zMi00Ljk0LTE2LjMtMTUuMzctMTYuMy05LjUsMC0xNS41Niw3LTE1LjU2LDE2LjQ5djUzLjkzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTc1Mi4zNCwxNDguNTdjMCw4LjU3LjU2LDE0LjgxLjc1LDE2Ljg2aC0yNy42N2MtLjQ2LTMuMDItLjcxLTYuMDctLjc0LTkuMTMtNC4zOCw2LjQzLTEzLjc5LDExLjE4LTI1LjE1LDExLjE4LTI2LjU1LDAtNDYuNTgtMjAuNS00Ni41OC00OS40NnMxOC45MS00OS4wOSw0NS42NS00OS4wOWMxNi4xMSwwLDIzLjEsNiwyNS40Miw5LjY5VjI4LjMyaDI4LjQxdjEyMC4yNWgtLjA5Wm0tNDkuMjctNi43OGMxMS4xNywwLDIxLjIzLTcuOTIsMjEuMjMtMjMuNDdzLTEwLjA2LTIzLjI5LTIxLjIzLTIzLjI5LTIxLjI0LDcuNTQtMjEuMjQsMjMuMjksMTAuMDYsMjMuNDcsMjEuMjQsMjMuNDciLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NjguOTYsMTE4LjNjMCwyOS4xNS0yMS44LDUwLTUwLDUwcy01MC0yMC44Ni01MC01MCwyMi00OS44NCw1MC00OS44NCw1MCwyMC42OCw1MCw0OS44NG0tMjguNzgsMGMwLTE1LjkzLTEwLjI1LTIzLjI5LTIxLjI0LTIzLjI5cy0yMS4yNCw3LjM2LTIxLjI0LDIzLjI5LDEwLjQ0LDIzLjQ3LDIxLjI0LDIzLjQ3LDIxLjI0LTcuNTUsMjEuMjQtMjMuNDciLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04ODUuNjMsMTY1LjQzdi05NC4xN2gyNy40OHYxMC44YzQuNzUtOC4yOSwxNi44Ni0xMy42LDI3LjEtMTMuNiwxMy40MiwwLDIzLjEsNS41LDI3Ljg1LDE0LjgxLDcuMzYtMTAuNjIsMTYuNDktMTQuODEsMjkuMTYtMTQuODEsMTcuNzksMCwzNC44NCwxMC40NCwzNC44NCwzNnY2MWgtMjcuODZ2LTU0LjYyYzAtOC45NC00Ljc1LTE1LjkyLTE1LTE1Ljkycy0xNS43NCw3LjczLTE1Ljc0LDE2LjExdjU0LjRoLTI4LjR2LTU0LjU5YzAtOC45NC00Ljc1LTE1LjkyLTE1LjE4LTE1Ljkycy0xNS41Niw3LjczLTE1LjU2LDE2LjN2NTQuMjFoLTI4LjY5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTExNDAuNDcsMTM4LjMyYy00LjU2LDE2LjMtMTkuNDYsMjkuOS00My40LDI5LjktMjYsMC00OS4wOS0xOC41My00OS4wOS01MC4yczIyLjU0LTQ5LjY1LDQ3LTQ5LjY1YzI5LjE1LDAsNDcuMTMsMTgsNDcuMTMsNDguMzQuMDMsMi45OS0uMTYsNS45OC0uNTYsOC45NGgtNjUuNTdjLjU1LDEwLjYyLDEwLjI0LDE4LjE3LDIxLjQyLDE4LjE3LDEwLjQzLDAsMTYuMy00Ljk0LDE4LjkxLTEyLjNsMjQuMTYsNi44Wm0tMjYuMTctMzEuMmMtLjM3LTcuMTctNS4zMS0xNS45My0xOC45MS0xNS45My0xMi4xMSwwLTE4LjE2LDguOTQtMTguNzIsMTUuOTNoMzcuNjNaIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTE3Mi44OSwyNS42MmM5LjMxLS4xLDE2Ljk0LDcuMzYsMTcuMDUsMTYuNjcuMSw5LjMxLTcuMzYsMTYuOTQtMTYuNjcsMTcuMDUtOS4zMS4xLTE2Ljk0LTcuMzYtMTcuMDUtMTYuNjcsMC0uMDYsMC0uMTMsMC0uMTkuMDItOS4yMyw3LjQ0LTE2LjczLDE2LjY3LTE2Ljg2bS0xNC4yNSw0NS42NGgyOC43OHY5NC4xN2gtMjguNzh2LTk0LjE3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTEyMzguMzcsMTY1LjQzaC0yOC43OHYtOTQuMTdoMjcuODV2MTAuOGM1LjEyLTguOTQsMTYuNjctMTMuMjIsMjYuMzYtMTMuMjIsMjMuNjYsMCwzNC4yOCwxNi44NSwzNC4yOCwzNy41M3Y1OS4xNWgtMjguNzh2LTU0LjIxYzAtOS4zMi00Ljk0LTE2LjMtMTUuMzctMTYuMy05LjUsMC0xNS41Niw3LTE1LjU2LDE2LjQ5djUzLjkzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTExOC4xMiwxNjUuMzNjLTI2LjA4LDAtNDcuMjItMjEuMTQtNDcuMjItNDcuMjJzMjEuMTQtNDcuMjIsNDcuMjItNDcuMjIsNDcuMjIsMjEuMTQsNDcuMjIsNDcuMjJoMGMwLDI2LjA4LTIxLjE0LDQ3LjIyLTQ3LjIyLDQ3LjIyTTExOC4xMiwwQzUyLjg5LDAsMCw1Mi44NywwLDExOC4xYzAsNjUuMjMsNTIuODcsMTE4LjExLDExOC4xLDExOC4xMiw2NS4yMywwLDExOC4xMS01Mi44NywxMTguMTItMTE4LjFoMEMyMzYuMTMsNTMsMTgzLjIyLDAsMTE4LjEyLDAiLz48L3N2Zz4=");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

/* ============================================================================
   SIDE-NAV
   ============================================================================ */
.pf-v6-c-nav__section-title, .pf-v5-c-nav__section-title {
  color: rgba(255,255,255,.55) !important;
}
.pf-v6-c-nav__link, .pf-v5-c-nav__link {
  color: rgba(255,255,255,.84) !important;
  border-radius: 8px !important;
  margin: 2px 10px !important;
  padding-block: 8px !important;
  --pf-v6-c-nav__link--BackgroundColor: transparent !important;
}
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link:focus-visible,
.pf-v5-c-nav__link:hover, .pf-v5-c-nav__link:focus {
  --pf-v6-c-nav__link--hover--BackgroundColor: rgba(0,219,219,.12) !important;
  color: #ffffff !important;
  background-color: rgba(0,219,219,.12) !important;
}
.pf-v6-c-nav__subnav .pf-v6-c-nav__link,
.pf-v5-c-nav__subnav .pf-v5-c-nav__link {
  margin-left: 20px !important;
  font-size: 13px !important;
  color: rgba(255,255,255,.72) !important;
}

/* Active item - solid cyan pill */
.pf-v6-c-nav__link.pf-m-current,
.pf-v6-c-nav__link.pf-m-current:hover,
.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover {
  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--mnd-cyan) !important;
  --pf-v6-c-nav__link--m-current--Color: #10152e !important;
  background: linear-gradient(90deg, var(--mnd-cyan), #4FEDED) !important;
  color: #10203A !important;
  box-shadow: 0 2px 12px rgba(0,219,219,.40);
  font-weight: 700;
}
.pf-v6-c-nav__link.pf-m-current svg,
.pf-v5-c-nav__link.pf-m-current svg { fill: #10203A !important; }

/* Perspective switcher TOGGLE (closed, on dark chrome) */
.pf-v6-c-page__sidebar .pf-v6-c-menu-toggle {
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(0,219,219,.30) !important;
  border-radius: 6px !important;
}
.pf-v6-c-page__sidebar .pf-v6-c-menu-toggle,
.pf-v6-c-page__sidebar .pf-v6-c-menu-toggle__text,
.pf-v6-c-page__sidebar .pf-v6-c-menu-toggle__controls,
.pf-v6-c-page__sidebar .pf-v6-c-menu-toggle svg { color: #ffffff !important; fill: #ffffff !important; }

/* ============================================================================
   FLOATING ELEMENTS - dropdowns, menus, popovers must stay readable.
   ============================================================================ */
.pf-v6-c-menu, .pf-v6-c-menu__content,
.pf-v5-c-dropdown__menu, .pf-v6-c-popover__content,
.pf-v6-c-select__menu, .pf-v6-c-select__toggle + .pf-v6-c-menu {
  background-color: #ffffff !important;
}
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu,
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__content,
:root:where(.pf-v6-theme-dark) .pf-v5-c-dropdown__menu,
:root:where(.pf-v6-theme-dark) .pf-v6-c-popover__content,
:root:where(.pf-v6-theme-dark) .pf-v6-c-select__menu {
  background-color: #221240 !important;
}
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__item:hover,
:root:where(.pf-v6-theme-dark) .pf-v5-c-dropdown__menu-item:hover {
  background-color: rgba(0,219,219,.12) !important;
}
.pf-v6-c-menu, .pf-v6-c-menu__list, .pf-v6-c-menu__group,
.pf-v6-c-menu__item, .pf-v6-c-menu__item-text, .pf-v6-c-menu__group-title,
.pf-v5-c-dropdown__menu, .pf-v5-c-dropdown__menu-item {
  color: #1e1e1e !important;
}
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu,
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__list,
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__group,
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__item,
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__item-text,
:root:where(.pf-v6-theme-dark) .pf-v6-c-menu__group-title,
:root:where(.pf-v6-theme-dark) .pf-v5-c-dropdown__menu,
:root:where(.pf-v6-theme-dark) .pf-v5-c-dropdown__menu-item {
  color: #EAE3F5 !important;
}
.pf-v6-c-menu__item:hover { background-color: rgba(106,41,174,.08) !important; }

/* Menus that open INSIDE the dark sidebar chrome (perspective switcher) */
.pf-v6-c-page__sidebar .pf-v6-c-menu,
.pf-v6-c-page__sidebar .pf-v6-c-menu__content,
.pf-v6-c-page__sidebar .pf-v6-c-menu__list {
  background-color: #2A1145 !important;
  --pf-v6-c-menu--BackgroundColor: #2A1145 !important;
}
.pf-v6-c-page__sidebar .pf-v6-c-menu {
  border: 1px solid rgba(0,219,219,.24) !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 28px rgba(0,0,0,.5) !important;
  overflow: hidden;
}
.pf-v6-c-page__sidebar .pf-v6-c-menu,
.pf-v6-c-page__sidebar .pf-v6-c-menu * {
  color: #ffffff !important;
  fill: #ffffff !important;
}
.pf-v6-c-page__sidebar .pf-v6-c-menu__item:hover,
.pf-v6-c-page__sidebar .pf-v6-c-menu__list-item:hover {
  background-color: rgba(0,219,219,.16) !important;
}
.pf-v6-c-page__sidebar .pf-v6-c-menu__item.pf-m-selected,
.pf-v6-c-page__sidebar .pf-v6-c-menu__list-item[aria-selected="true"] {
  color: var(--mnd-cyan) !important;
}