:root {
    /* Optimoz color scheme */
    --clr-primary: #0072BC;
    --clr-secondary: #7E8299;
    --main-bg-color: #FFFFFF;
    --sec-bg-color: #F8F9FB;
    --main-text-color: #464E5F;
    --dark-text-color: #1F2937;
    --light-sidebar-bg: #F9FAFB;
}

/* Hide Keycloak logo and replace with Optimoz branding */
.pf-v5-c-masthead__brand {
    background: url('../images/logo.png') no-repeat center center !important;
    background-size: contain !important;
    width: 150px !important;
    height: 50px !important;
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__brand svg {
    display: none !important;
}

/* Customize the masthead/header - clean modern design */
.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: var(--main-bg-color) !important;
    --pf-v5-c-masthead--Color: var(--dark-text-color) !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    padding: 12px 24px !important;
}

/* Header text color fix */
.pf-v5-c-masthead * {
    color: var(--main-text-color) !important;
}

.pf-v5-c-masthead__toggle {
    padding-top: 10px;
}

/* Hamburger menu button - smaller and lighter */
.pf-v5-c-masthead__toggle .pf-v5-c-button,
#nav-toggle {
    border-radius: 6px !important;
    padding: 6px !important;
    width: 32px !important;
    height: 32px !important;
    transition: background-color 0.15s ease !important;
    color: var(--clr-secondary) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.pf-v5-c-masthead__toggle .pf-v5-c-button svg,
#nav-toggle svg {
    width: 18px !important;
    height: 18px !important;
    color: var(--clr-secondary) !important;
}

.pf-v5-c-masthead__toggle .pf-v5-c-button:hover,
#nav-toggle:hover {
    background-color: var(--sec-bg-color) !important;
    color: var(--dark-text-color) !important;
}

.pf-v5-c-masthead__toggle .pf-v5-c-button:hover svg,
#nav-toggle:hover svg {
    color: var(--dark-text-color) !important;
}

/* Logo brand styling */
.pf-v5-c-masthead__brand img {
    max-height: 40px !important;
    width: auto !important;
}

/* Toolbar spacing */
.pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
    gap: 12px !important;
}

/* NUCLEAR: Force remove ALL borders from toolbar items */
.pf-v5-c-masthead .pf-v5-c-toolbar__item,
.pf-v5-c-masthead .pf-v5-c-toolbar__item *,
.pf-v5-c-masthead .pf-v5-c-toolbar__item::before,
.pf-v5-c-masthead .pf-v5-c-toolbar__item::after {
    display: flex !important;
    align-items: center !important;
    border: 0 !important;
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    /* Override ALL PatternFly border CSS variables */
    --pf-v5-c-toolbar__item--BorderWidth: 0 !important;
    --pf-v5-c-toolbar__item--BorderColor: transparent !important;
    --pf-v5-c-toolbar__item--BorderLeft: 0 !important;
    --pf-v5-c-toolbar__item--BorderRight: 0 !important;
    --pf-v5-c-toolbar__item--BorderTop: 0 !important;
    --pf-v5-c-toolbar__item--BorderBottom: 0 !important;
    --pf-v5-c-toolbar__item--m-align-left--BorderRight: 0 !important;
    --pf-v5-c-toolbar__item--m-align-right--BorderLeft: 0 !important;
    --pf-v5-c-toolbar__item--m-align-left--BorderRightWidth: 0 !important;
    --pf-v5-c-toolbar__item--m-align-right--BorderLeftWidth: 0 !important;
    --pf-v5-c-toolbar__item--m-align-left--BorderRightColor: transparent !important;
    --pf-v5-c-toolbar__item--m-align-right--BorderLeftColor: transparent !important;
}

/* Toolbar content section - no borders */
.pf-v5-c-masthead .pf-v5-c-toolbar__content-section {
    border: none !important;
}

/* Remove all default toolbar borders */
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-toolbar__content,
.pf-v5-c-masthead .pf-v5-c-toolbar__group,
.pf-v5-c-masthead .pf-v5-c-toolbar__item.pf-m-align-right,
.pf-v5-c-masthead .pf-v5-c-toolbar__item.pf-m-align-left,
.pf-v5-c-masthead .pf-v5-c-toolbar__item.pf-m-overflow-menu {
    border: none !important;
    outline: none !important;
}

/* Specifically target the user dropdown toolbar item */
.pf-v5-c-masthead .pf-v5-c-toolbar__item:has(.pf-v5-c-menu-toggle) {
    border: none !important;
    padding: 0 !important;
}

/* FORCE REMOVE all menu-toggle default borders */
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
    border: 0 !important;
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    /* Override PatternFly menu-toggle variables */
    --pf-v5-c-menu-toggle--BorderWidth: 0 !important;
    --pf-v5-c-menu-toggle--BorderColor: transparent !important;
    --pf-v5-c-menu-toggle--before--BorderWidth: 0 !important;
    --pf-v5-c-menu-toggle--before--BorderColor: transparent !important;
    --pf-v5-c-menu-toggle--after--BorderWidth: 0 !important;
    --pf-v5-c-menu-toggle--after--BorderColor: transparent !important;
    --pf-v5-c-menu-toggle--m-expanded--before--BorderBottomWidth: 0 !important;
    --pf-v5-c-menu-toggle--m-expanded--before--BorderBottomColor: transparent !important;
    --pf-v5-c-menu-toggle--m-expanded--BorderWidth: 0 !important;
    --pf-v5-c-menu-toggle--m-expanded--BorderColor: transparent !important;
}

/* Remove borders from expanded state specifically */
.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-expanded {
    border: 0 !important;
    border-style: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Remove pseudo-element borders */
.pf-v5-c-masthead .pf-v5-c-menu-toggle::before,
.pf-v5-c-masthead .pf-v5-c-menu-toggle::after {
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    display: none !important;
}

/* Fix dropdown positioning - prevent header expansion */
.pf-v5-c-masthead .pf-v5-c-menu {
    position: fixed !important;
}

/* Ensure dropdown doesn't affect header height */
.pf-v5-c-masthead {
    position: relative !important;
    overflow: visible !important;
}

/* Help and menu buttons - plain style with no dark borders */
.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-plain {
    border-radius: 8px !important;
    padding: 10px !important;
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.15s ease !important;
    color: var(--dark-text-color) !important;
    border: none !important;
    background-color: transparent !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle.pf-m-plain:hover {
    background-color: var(--sec-bg-color) !important;
}

/* User dropdown button - modern pill style with ONLY light rounded border */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain),
.pf-v5-c-masthead button#user-dropdown {
    display: flex !important;
    visibility: visible !important;
    border-radius: 24px !important;
    padding: 8px 16px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    /* Force ONLY this light border */
    border: 1px solid #e5e7eb !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #e5e7eb !important;
    background-color: var(--main-bg-color) !important;
    transition: all 0.15s ease !important;
    color: var(--dark-text-color) !important;
    box-shadow: none !important;
    outline: none !important;
    /* Override PatternFly menu toggle variables */
    --pf-v5-c-menu-toggle--BorderWidth: 1px !important;
    --pf-v5-c-menu-toggle--BorderColor: #e5e7eb !important;
    --pf-v5-c-menu-toggle--m-expanded--BorderWidth: 1px !important;
    --pf-v5-c-menu-toggle--m-expanded--BorderColor: #e5e7eb !important;
    --pf-v5-c-menu-toggle--before--BorderWidth: 0 !important;
    --pf-v5-c-menu-toggle--after--BorderWidth: 0 !important;
    --pf-v5-c-menu-toggle--m-expanded--before--BorderBottomWidth: 0 !important;
}

/* Ensure user dropdown toolbar item is visible */
.pf-v5-c-masthead .pf-v5-c-toolbar__item:has(.pf-v5-c-menu-toggle:not(.pf-m-plain)) {
    display: flex !important;
    visibility: visible !important;
}

/* Remove pseudo-element borders from user button */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain)::before,
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain)::after,
.pf-v5-c-masthead button#user-dropdown::before,
.pf-v5-c-masthead button#user-dropdown::after {
    display: none !important;
    border: none !important;
}

/* Expanded state - keep same light border */
.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain).pf-m-expanded,
.pf-v5-c-masthead button#user-dropdown.pf-m-expanded {
    border: 1px solid #e5e7eb !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #e5e7eb !important;
    box-shadow: none !important;
}

.pf-v5-c-masthead .pf-v5-c-menu-toggle:not(.pf-m-plain):hover,
.pf-v5-c-masthead button#user-dropdown:hover {
    border: 1px solid #d1d5db !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #d1d5db !important;
    background-color: var(--sec-bg-color) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
    --pf-v5-c-menu-toggle--BorderColor: #d1d5db !important;
}

/* Avatar image styling */
.pf-v5-c-masthead .pf-v5-c-avatar {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    border: 2px solid #e5e7eb !important;
    transition: border-color 0.15s ease !important;
}

.pf-v5-c-masthead .pf-v5-c-toolbar__item:hover .pf-v5-c-avatar {
    border-color: var(--clr-primary) !important;
}

/* Primary button styling */
.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--clr-primary) !important;
    --pf-v5-c-button--m-primary--hover--BackgroundColor: #005a94 !important;
    --pf-v5-c-button--m-primary--active--BackgroundColor: #004a7a !important;
}

/* Link colors */
a {
    --pf-v5-global--link--Color: var(--clr-primary) !important;
    --pf-v5-global--link--hover--Color: #005a94 !important;
}

/* Navigation and sidebar */
.pf-v5-c-page__sidebar {
    --pf-v5-c-page__sidebar--BackgroundColor: var(--light-sidebar-bg) !important;
    border-right: 1px solid #e5e7eb !important;
}

.pf-v5-c-nav {
    background-color: var(--light-sidebar-bg) !important;
}

/* Navigation list items */
.pf-v5-c-nav__list > li:not(.keycloak__page_nav__nav_item__realm-selector) {
    position: relative !important;
    margin: 0 !important;
}

/* Subtle separator between nav items - matching dropdown style */
.pf-v5-c-nav__list > li:not(.keycloak__page_nav__nav_item__realm-selector):not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 16px !important;
    right: 16px !important;
    height: 1px !important;
    background: linear-gradient(to right, transparent, #f3f4f6 20%, #f3f4f6 80%, transparent) !important;
    opacity: 0.5 !important;
}

.pf-v5-c-nav__link {
    color: var(--dark-text-color) !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 8px 16px !important;
    transition: all 0.15s ease !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link:hover {
    --pf-v5-c-nav__link--m-current--BackgroundColor: var(--sec-bg-color) !important;
    --pf-v5-c-nav__link--hover--BackgroundColor: var(--sec-bg-color) !important;
    color: var(--clr-primary) !important;
}

/* Active/current nav link indicator - left accent border */
.pf-v5-c-nav__link.pf-m-current {
    font-weight: 600 !important;
    position: relative !important;
}

.pf-v5-c-nav__link.pf-m-current::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: var(--clr-primary) !important;
    border-radius: 0 2px 2px 0 !important;
}

/* Sidebar text color */
.pf-v5-c-page__sidebar * {
    color: var(--dark-text-color);
}

/* Navigation section dividers - hide them for cleaner look */
.pf-v5-c-nav__section + .pf-v5-c-nav__section {
    border-top: none !important;
    padding-top: 8px !important;
    margin-top: 8px !important;
}

.pf-v5-c-nav__section-title {
    color: var(--clr-secondary) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    /*text-transform: uppercase !important;*/
    letter-spacing: 0.5px !important;
    padding: 12px 16px 4px !important;
    opacity: 0.7 !important;
}
/*NPP*/
.pf-v5-c-label__text {
    font-size: 10px !important;
}

.pf-m-blue {
    --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue__icon--Color) !important;
}

/* Sidebar divider/separator - hide horizontal rule */
.pf-v5-c-page__sidebar .pf-v5-c-divider {
    display: none !important;
}

/* Page header styling */
.pf-v5-c-page__main-section {
    --pf-v5-c-page__main-section--BackgroundColor: var(--main-bg-color);
}

/* Table row hover */
.pf-v5-c-table tr:hover {
    --pf-v5-c-table--row--hover--BackgroundColor: var(--sec-bg-color) !important;
}

/* Active/selected items */
.pf-v5-c-tabs__link.pf-m-current {
    --pf-v5-c-tabs__link--m-current--after--BorderColor: var(--clr-primary) !important;
}

/* Form controls focus */
.pf-v5-c-form-control:focus {
    --pf-v5-c-form-control--focus--BorderColor: var(--clr-primary) !important;
}

/* Switch toggle */
.pf-v5-c-switch__toggle.pf-m-on {
    --pf-v5-c-switch__toggle--m-on--BackgroundColor: var(--clr-primary) !important;
}

/* Breadcrumb link */
.pf-v5-c-breadcrumb__link {
    color: var(--clr-primary) !important;
}

/* Badge styling */
.pf-v5-c-badge.pf-m-read {
    --pf-v5-c-badge--m-read--BackgroundColor: var(--clr-primary) !important;
}

/* Dropdown menu hover */
.pf-v5-c-menu__list-item:hover {
    --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--sec-bg-color) !important;
}

/* Alert variations */
.pf-v5-c-alert.pf-m-info {
    --pf-v5-c-alert--m-info--BorderTopColor: var(--clr-primary) !important;
}

/* Custom scrollbar styling */
::-webkit-scrollbar-thumb {
    background-color: var(--clr-secondary);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--clr-primary);
}

/* Favicon override - handled via HTML */

/* Override any remaining Keycloak branding */
img[alt*="Keycloak"],
img[src*="keycloak"],
svg[aria-label*="Keycloak"] {
    display: none !important;
}

/* Login page customization in admin console */
.keycloak__pageheader_brand img {
    content: url('../images/logo.png') !important;
    max-width: 150px;
}

/* Realm selector and user menu - Modern dropdown styling */
.pf-v5-c-dropdown__toggle {
    color: var(--dark-text-color) !important;
    background-color: transparent !important;
}

.pf-v5-c-dropdown__toggle:hover {
    background-color: var(--sec-bg-color) !important;
}

/* Dropdown menu container - modern glassmorphism design with seamless border */
.pf-v5-c-dropdown__menu,
.pf-v5-c-menu {
    background-color: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    /* Modern seamless border - subtle gradient border effect */
    border: 1.5px solid transparent !important;
    background-clip: padding-box !important;
    position: relative !important;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 10px 10px -5px rgba(0, 0, 0, 0.04),
        inset 0 0 0 1.5px rgba(229, 231, 235, 0.6) !important;
    border-radius: 12px !important;
    margin-top: 8px !important;
    padding: 8px !important;
    overflow: hidden !important;
}

/* Add subtle outer glow for premium look */
.pf-v5-c-dropdown__menu::before,
.pf-v5-c-menu::before {
    content: '' !important;
    position: absolute !important;
    top: -1px !important;
    left: -1px !important;
    right: -1px !important;
    bottom: -1px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg,
        rgba(0, 114, 188, 0.15) 0%,
        rgba(229, 231, 235, 0.4) 50%,
        rgba(0, 114, 188, 0.1) 100%) !important;
    z-index: -1 !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
}

/* User dropdown menu specifically - compact width */
.pf-v5-c-masthead .pf-v5-c-dropdown__menu {
    min-width: 200px !important;
    max-width: 220px !important;
}

/* Force vertical layout for dropdown menu list */
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list,
.pf-v5-c-dropdown__menu ul,
.pf-v5-c-menu .pf-v5-c-menu__list,
.pf-v5-c-menu ul {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 2px !important;
}

/* Force vertical layout for dropdown menu items */
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item,
.pf-v5-c-dropdown__menu li,
.pf-v5-c-menu .pf-v5-c-menu__list-item,
.pf-v5-c-menu li {
    display: block !important;
    width: 100% !important;
}

/* Dropdown menu list items - wrapper element */
.pf-v5-c-dropdown__menu-item,
.pf-v5-c-menu__list-item {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Dropdown menu item buttons/links - modern rounded design */
.pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item button,
.pf-v5-c-dropdown__menu-item a,
.pf-v5-c-menu__list-item button,
.pf-v5-c-menu__list-item a {
    color: var(--dark-text-color) !important;
    background-color: transparent !important;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    position: relative !important;
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}

/* Nested menu item main wrapper */
.pf-v5-c-menu__item-main {
    display: block !important;
    width: 100% !important;
}

/* Menu item text */
.pf-v5-c-menu__item-text {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* Hover effect with gradient background */
.pf-v5-c-menu__item:hover,
.pf-v5-c-menu__list-item:hover .pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu-item:hover button,
.pf-v5-c-dropdown__menu-item:hover a,
.pf-v5-c-menu__list-item:hover button,
.pf-v5-c-menu__list-item:hover a {
    background: linear-gradient(135deg, rgba(0, 114, 188, 0.08) 0%, rgba(0, 114, 188, 0.12) 100%) !important;
    color: var(--clr-primary) !important;
    transform: translateX(2px) !important;
}

/* Hover text color */
.pf-v5-c-menu__item:hover .pf-v5-c-menu__item-text,
.pf-v5-c-menu__list-item:hover .pf-v5-c-menu__item-text {
    color: var(--clr-primary) !important;
}

/* Active/pressed state */
.pf-v5-c-menu__item:active,
.pf-v5-c-dropdown__menu-item:active button,
.pf-v5-c-dropdown__menu-item:active a,
.pf-v5-c-menu__list-item:active button,
.pf-v5-c-menu__list-item:active a {
    transform: scale(0.98) translateX(2px) !important;
}

/* Selected/current dropdown item - subtle accent */
.pf-v5-c-dropdown__menu-item.pf-m-selected,
.pf-v5-c-menu__list-item.pf-m-selected,
.pf-v5-c-menu__item.pf-m-current {
    background: linear-gradient(135deg, rgba(0, 114, 188, 0.1) 0%, rgba(0, 114, 188, 0.15) 100%) !important;
    color: var(--clr-primary) !important;
    font-weight: 600 !important;
}

/* Add subtle divider before last item (Sign out) */
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child::before,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child::before {
    content: '' !important;
    display: block !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, #e5e7eb 20%, #e5e7eb 80%, transparent) !important;
    margin: 6px 0 8px 0 !important;
}

/* Sign out button - danger style */
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child .pf-v5-c-menu__item,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child .pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child button,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child button {
    color: #DC2626 !important;
}

/* Sign out hover */
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child:hover .pf-v5-c-menu__item,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child:hover .pf-v5-c-menu__item,
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child .pf-v5-c-menu__item:hover,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child .pf-v5-c-menu__item:hover,
.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child:hover button,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child:hover button {
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.08) 0%, rgba(220, 38, 38, 0.12) 100%) !important;
    color: #DC2626 !important;
}

.pf-v5-c-dropdown__menu .pf-v5-c-menu__list-item:last-child:hover .pf-v5-c-menu__item-text,
.pf-v5-c-menu .pf-v5-c-menu__list-item:last-child:hover .pf-v5-c-menu__item-text {
    color: #DC2626 !important;
}

/* Realm selector specific styling */
/* Target the realm selector nav item specifically */
.pf-v5-c-nav__item.keycloak__page_nav__nav_item__realm-selector {
    padding: 0 !important;
    margin: 0 !important;
}

/* Realm selector menu toggle button */
.keycloak__page_nav__nav_item__realm-selector .pf-v5-c-menu-toggle {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    width: 100% !important;
}

.keycloak__page_nav__nav_item__realm-selector .pf-v5-c-menu-toggle:hover {
    background-color: var(--sec-bg-color) !important;
}

.pf-v5-c-context-selector,
[class*="context-selector"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pf-v5-c-context-selector__toggle,
[class*="context-selector__toggle"] {
    background-color: transparent !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
    width: 100% !important;
}

.pf-v5-c-context-selector__toggle:hover,
[class*="context-selector__toggle"]:hover {
    background-color: var(--sec-bg-color) !important;
    border-bottom-color: #d1d5db !important;
}

.pf-v5-c-context-selector__toggle:focus,
[class*="context-selector__toggle"]:focus {
    background-color: var(--sec-bg-color) !important;
    border-bottom-color: var(--clr-primary) !important;
    box-shadow: none !important;
}

.pf-v5-c-context-selector__toggle-text,
[class*="context-selector__toggle-text"] {
    font-weight: 500 !important;
    color: var(--dark-text-color) !important;
}

/* Realm selector dropdown menu */
.keycloak__realm_selector__dropdown.pf-v5-c-menu {
    background-color: var(--main-bg-color) !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    padding: 4px 0 !important;
    overflow: hidden !important;
}

.pf-v5-c-context-selector__menu,
[class*="context-selector__menu"] {
    background-color: var(--main-bg-color) !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    margin-top: 4px !important;
    width: 100% !important;
    padding: 4px 0 !important;
    overflow: hidden !important;
}

/* Realm selector menu list */
.keycloak__realm_selector__dropdown .pf-v5-c-menu__list {
    padding: 0 !important;
    margin: 0 !important;
}

/* Realm selector menu items */
.keycloak__realm_selector__dropdown .pf-v5-c-menu__list-item {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
}

/* Very subtle separator - exclude the last item before divider */
.keycloak__realm_selector__dropdown .pf-v5-c-menu__list-item:not(:has(+ .pf-v5-c-divider)):not(:last-of-type)::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 16px !important;
    right: 16px !important;
    height: 1px !important;
    background: linear-gradient(to right, transparent, #f3f4f6 20%, #f3f4f6 80%, transparent) !important;
    opacity: 0.5 !important;
}

/* Menu item buttons */
.keycloak__realm_selector__dropdown .pf-v5-c-menu__item {
    color: var(--dark-text-color) !important;
    background-color: transparent !important;
    padding: 6px 16px !important;
    transition: all 0.15s ease !important;
    border-radius: 0 !important;
    width: 100% !important;
    text-align: left !important;
    display: block !important;
    border: none !important;
}

.keycloak__realm_selector__dropdown .pf-v5-c-menu__item:hover {
    background-color: var(--sec-bg-color) !important;
}

/* Realm name and subtitle styling */
.keycloak__realm_selector__dropdown .pf-v5-l-stack {
    gap: 1px !important;
}

.keycloak__realm_selector__dropdown .pf-v5-l-stack__item {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

.keycloak__realm_selector__dropdown .pf-v5-l-stack__item.pf-v5-u-font-weight-bold {
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
}

.keycloak__realm_selector__dropdown .pf-v5-l-stack__item:not(.pf-v5-u-font-weight-bold) {
    font-size: 11px !important;
    opacity: 0.6 !important;
}

/* Hide the divider before Create realm button */
.keycloak__realm_selector__dropdown .pf-v5-c-divider {
    display: none !important;
}

/* Menu list item containing the Create realm button */
.keycloak__realm_selector__dropdown .pf-v5-c-menu__list-item:last-child {
    padding: 8px 16px !important;
    margin-top: 4px !important;
}

.keycloak__realm_selector__dropdown .pf-v5-c-menu__list-item:last-child .pf-v5-c-menu__item {
    padding: 0 !important;
}

/* Create realm button */
.keycloak__realm_selector__dropdown .pf-v5-c-button.pf-m-primary {
    background-color: var(--clr-primary) !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-weight: 500 !important;
    width: 100% !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.keycloak__realm_selector__dropdown .pf-v5-c-button.pf-m-primary:hover {
    background-color: #005a94 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.pf-v5-c-context-selector__menu-list,
[class*="context-selector__menu-list"] {
    padding: 0 !important;
    margin: 0 !important;
}

.pf-v5-c-context-selector__menu-list-item,
[class*="context-selector__menu-list-item"],
li[class*="context-selector"] {
    border-bottom: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
}

/* Very subtle separator using pseudo-element */
.pf-v5-c-context-selector__menu-list-item:not(:last-child)::after,
[class*="context-selector__menu-list-item"]:not(:last-child)::after,
li[class*="context-selector"]:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 16px !important;
    right: 16px !important;
    height: 1px !important;
    background: linear-gradient(to right, transparent, #f3f4f6 20%, #f3f4f6 80%, transparent) !important;
    opacity: 0.4 !important;
}

.pf-v5-c-context-selector__menu-list-item:last-child,
[class*="context-selector__menu-list-item"]:last-child,
li[class*="context-selector"]:last-child {
    border-bottom: none !important;
}

/* Force remove all default nav item styling for realm selector */
.keycloak__page_nav__nav_item__realm-selector .pf-v5-c-nav__link {
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.keycloak__page_nav__nav_item__realm-selector .pf-v5-c-nav__link:hover {
    background: transparent !important;
}

.pf-v5-c-context-selector__menu-list-item button,
.pf-v5-c-context-selector__menu-list-item a,
[class*="context-selector__menu-list-item"] button,
[class*="context-selector__menu-list-item"] a,
li[class*="context-selector"] button,
li[class*="context-selector"] a {
    color: var(--dark-text-color) !important;
    background-color: transparent !important;
    padding: 6px 16px !important;
    transition: all 0.15s ease !important;
    border-radius: 0 !important;
    width: 100% !important;
    text-align: left !important;
    display: block !important;
    border: none !important;
    line-height: 1.3 !important;
    position: relative !important;
}

.pf-v5-c-context-selector__menu-list-item:hover,
.pf-v5-c-context-selector__menu-list-item:hover button,
.pf-v5-c-context-selector__menu-list-item:hover a,
.pf-v5-c-context-selector__menu-list-item button:hover,
.pf-v5-c-context-selector__menu-list-item a:hover,
[class*="context-selector__menu-list-item"]:hover,
[class*="context-selector__menu-list-item"]:hover button,
[class*="context-selector__menu-list-item"]:hover a,
[class*="context-selector__menu-list-item"] button:hover,
[class*="context-selector__menu-list-item"] a:hover {
    background-color: var(--sec-bg-color) !important;
    color: var(--clr-primary) !important;
}

/* Selected/Active realm indicator - subtle left border accent */
.pf-v5-c-context-selector__menu-list-item[aria-selected="true"],
.pf-v5-c-context-selector__menu-list-item.pf-m-selected,
[class*="context-selector__menu-list-item"][aria-selected="true"],
[class*="context-selector__menu-list-item"].pf-m-selected {
    background-color: rgba(0, 114, 188, 0.05) !important;
}

.pf-v5-c-context-selector__menu-list-item[aria-selected="true"]::before,
.pf-v5-c-context-selector__menu-list-item.pf-m-selected::before,
[class*="context-selector__menu-list-item"][aria-selected="true"]::before,
[class*="context-selector__menu-list-item"].pf-m-selected::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: var(--clr-primary) !important;
    border-radius: 0 2px 2px 0 !important;
}

.pf-v5-c-context-selector__menu-list-item[aria-selected="true"] button,
.pf-v5-c-context-selector__menu-list-item.pf-m-selected button,
[class*="context-selector__menu-list-item"][aria-selected="true"] button,
[class*="context-selector__menu-list-item"].pf-m-selected button {
    color: var(--clr-primary) !important;
    font-weight: 600 !important;
}

/* Realm item title and description */
.pf-v5-c-context-selector__menu-list-item h3,
.pf-v5-c-context-selector__menu-list-item div,
.pf-v5-c-context-selector__menu-list-item span,
[class*="context-selector__menu-list-item"] h3,
[class*="context-selector__menu-list-item"] div,
[class*="context-selector__menu-list-item"] span,
li[class*="context-selector"] h3,
li[class*="context-selector"] div,
li[class*="context-selector"] span {
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

/* Realm title specifically */
.pf-v5-c-context-selector__menu-list-item h3,
[class*="context-selector__menu-list-item"] h3 {
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-bottom: 1px !important;
    letter-spacing: -0.01em !important;
}

/* Realm description/subtitle */
.pf-v5-c-context-selector__menu-list-item h3 + div,
.pf-v5-c-context-selector__menu-list-item span:not(:first-child),
[class*="context-selector__menu-list-item"] h3 + div,
[class*="context-selector__menu-list-item"] span:not(:first-child) {
    font-size: 11px !important;
    opacity: 0.6 !important;
    margin-top: 0 !important;
}

/* Create realm button in dropdown */
.pf-v5-c-context-selector__menu-footer,
[class*="context-selector__menu-footer"] {
    border-top: 1px solid #e5e7eb !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    background-color: var(--main-bg-color) !important;
}

.pf-v5-c-context-selector__menu-footer .pf-v5-c-button,
[class*="context-selector__menu-footer"] .pf-v5-c-button,
[class*="context-selector__menu-footer"] button {
    background-color: var(--clr-primary) !important;
    color: #FFFFFF !important;
    border-radius: 6px !important;
    padding: 10px 16px !important;
    font-weight: 500 !important;
    width: 100% !important;
    transition: all 0.2s ease !important;
    border: none !important;
}

.pf-v5-c-context-selector__menu-footer .pf-v5-c-button:hover,
[class*="context-selector__menu-footer"] .pf-v5-c-button:hover,
[class*="context-selector__menu-footer"] button:hover {
    background-color: #005a94 !important;
    color: #FFFFFF !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.pf-v5-c-context-selector__menu-footer .pf-v5-c-button *,
[class*="context-selector__menu-footer"] .pf-v5-c-button *,
[class*="context-selector__menu-footer"] button * {
    color: #FFFFFF !important;
}

/* Success state colors */
.pf-v5-c-alert.pf-m-success {
    --pf-v5-c-alert--m-success--BorderTopColor: #47BE7D !important;
}

/* Error state colors */
.pf-v5-c-alert.pf-m-danger {
    --pf-v5-c-alert--m-danger--BorderTopColor: #F1416C !important;
}

/* Warning state colors */
.pf-v5-c-alert.pf-m-warning {
    --pf-v5-c-alert--m-warning--BorderTopColor: #B54708 !important;
}

/* FIX: Dropdown positioning issue in main content area */
/* Target the specific form-control wrapper for select elements */
.pf-v5-c-form-control:has(> .pf-v5-c-menu-toggle) {
    position: relative !important;
}

/* Position dropdown menus correctly */
.pf-v5-c-form-control > .pf-v5-c-menu {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    margin: 0 !important;
}

/* Alternative selector for PatternFly select components */
.pf-v5-c-form__group .pf-v5-c-menu {
    position: absolute !important;
    z-index: 9999 !important;
    margin-top: 4px !important;
}

/* Prevent menu from inheriting incorrect positioning */
.pf-v5-c-menu:not(.pf-v5-c-dropdown__menu):not(.keycloak__realm_selector__dropdown) {
    position: absolute !important;
}

/* Ensure form groups allow overflow for dropdowns */
.pf-v5-c-form__group {
    overflow: visible !important;
}