:root {
    --kc-gradient: linear-gradient(
        180deg,
        #020024 0%,
        #090979 45%,
        #061a5c 100%
    );

    /* PatternFly overrides */
    --pf-v5-c-masthead--BackgroundColor: transparent;
    --pf-v5-c-toolbar--BackgroundColor: transparent;
    --pf-v5-c-menu-toggle--BackgroundColor: transparent;
    --pf-v5-c-menu-toggle--before--BorderColor: transparent;
}

/* ======================================
   HEADER
   ====================================== */

.pf-v5-c-masthead {
    background: var(--kc-gradient) !important;
    box-shadow: none !important;
    color: #fff !important;
}

.pf-v5-c-toolbar,
.pf-v5-c-toolbar__content,
.pf-v5-c-toolbar__content-section,
.pf-v5-c-toolbar__group,
.pf-v5-c-toolbar__item {
    background: transparent !important;
}

/* Header controls only */
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__text,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__controls,
.pf-v5-c-masthead .pf-v5-c-menu-toggle__toggle-icon,
.pf-v5-c-masthead .pf-v5-c-button,
.pf-v5-c-masthead .pf-v5-c-button *,
.pf-v5-c-masthead .pf-v5-c-toolbar__item {
    color: #fff !important;
}

.pf-v5-c-masthead svg {
    fill: currentColor !important;
}

/* ======================================
   MENU TOGGLES
   ====================================== */

.pf-v5-c-menu-toggle {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    --pf-v5-c-menu-toggle--BackgroundColor: transparent;
    --pf-v5-c-menu-toggle--before--BorderColor: transparent;
}

.pf-v5-c-menu-toggle:hover,
.pf-v5-c-menu-toggle:focus,
.pf-v5-c-menu-toggle:active {
    background: rgba(255,255,255,.12) !important;

    --pf-v5-c-menu-toggle--BackgroundColor: rgba(255,255,255,.12);
    --pf-v5-c-menu-toggle--before--BorderColor: transparent;
}

.pf-v5-c-menu-toggle svg {
    fill: currentColor !important;
}

/* ======================================
   SIDEBAR
   ====================================== */

.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar-body,
.pf-v5-c-nav {
    background: var(--kc-gradient) !important;
    border-right: none !important;
}

/* ======================================
   NAV LINKS
   ====================================== */

.pf-v5-c-nav__link {
    color: rgba(255,255,255,.92) !important;
    background: transparent !important;
}

.pf-v5-c-nav__link:hover {
    background: rgba(255,255,255,.12) !important;
    color: #fff !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
}

/* ======================================
   NAV SECTION TITLES
   ====================================== */

.pf-v5-c-nav__section-title {
    color: rgba(255,255,255,.65) !important;
}

/* ======================================
   REALM SELECTOR
   ====================================== */

.keycloak__realm_selector__dropdown,
.keycloak__realm_selector__dropdown * {
    color: #fff !important;
}

/* ======================================
   ICONS
   ====================================== */

.pf-v5-svg {
    fill: currentColor !important;
}

/* ======================================
   ADMIN LOGO
   ====================================== */

#masthead-logo {
    height: 100px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
}

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

.keycloak__pageheader_brand {
    height: 100%;
}

/* ======================================
   DROPDOWNS
   ====================================== */

.pf-v5-c-menu,
.pf-v5-c-menu__content,
.pf-v5-c-menu__list {
    background: #fff !important;
}

.pf-v5-c-menu *,
.pf-v5-c-menu button,
.pf-v5-c-menu a,
.pf-v5-c-menu__item,
.pf-v5-c-menu__item *,
.pf-v5-c-menu__item button,
.pf-v5-c-menu__item a {
    background: transparent !important;
    color: #151515 !important;
    fill: currentColor !important;
}

.pf-v5-c-menu__item:hover,
.pf-v5-c-menu__item:hover *,
.pf-v5-c-menu__item button:hover,
.pf-v5-c-menu__item a:hover,
.pf-v5-c-menu__item.pf-m-selected,
.pf-v5-c-menu__item.pf-m-selected * {
    background: #f2f2f2 !important;
    color: #151515 !important;
}

/* ======================================
   SELECTS
   ====================================== */

.pf-v5-c-select__menu,
.pf-v5-c-select__menu * {
    background: #fff !important;
    color: #151515 !important;
}

.pf-v5-c-select__menu-item:hover,
.pf-v5-c-select__menu-item.pf-m-selected {
    background: #f2f2f2 !important;
    color: #151515 !important;
}

/* ======================================
   POPPERS / POPOVERS / THEME SELECTOR
   ====================================== */

.pf-v5-c-popper,
.pf-v5-c-popper *,
.pf-v5-c-popover,
.pf-v5-c-popover *,
.pf-v5-c-options-menu,
.pf-v5-c-options-menu *,
.pf-v5-c-menu-toggle__menu,
.pf-v5-c-menu-toggle__menu * {
    color: #151515 !important;
}

.pf-v5-c-popover {
    background: #fff !important;
}

/* ======================================
   MAIN CONTENT
   ====================================== */

.pf-v5-c-page__main {
    color: inherit !important;
}

.pf-v5-c-page__main svg {
    fill: currentColor !important;
}