/* PatternFly Searchable Multi-Select Widget Styles - v6 Compatible */

/* Main container positioning */
.pf-searchable-multiselect {
    position: relative !important;
    display: block;
    width: 100%;
}

/* Toggle button styling */
.pf-searchable-multiselect .pf-v6-c-select__toggle {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    border: 2px solid var(--pf-t--global--border-color--default) !important;
    border-radius: var(--pf-t--global--border-radius--default) !important;
    color: var(--pf-t--global--text--color--regular) !important;
    font-family: var(--pf-t--global--font--family--400) !important;
    min-height: 40px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    justify-content: space-between !important;
    text-align: left !important;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle:hover {
    border-color: var(--pf-t--global--border-color--hover) !important;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle:focus,
.pf-searchable-multiselect .pf-v6-c-select__toggle[aria-expanded="true"] {
    border-color: var(--pf-t--global--color--brand--default) !important;
    outline: 2px solid var(--pf-t--global--color--brand--default) !important;
    outline-offset: 2px !important;
}

/* Toggle content */
.pf-searchable-multiselect .pf-v6-c-select__toggle-wrapper {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle-arrow {
    transition: transform 0.2s ease !important;
    margin-left: var(--pf-t--global--spacer--sm) !important;
    flex-shrink: 0 !important;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle[aria-expanded="true"] .pf-v6-c-select__toggle-arrow {
    transform: rotate(180deg) !important;
}

/* Chip styling for selected items */
.pf-searchable-multiselect .pf-v6-c-chip-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    align-items: center !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.pf-searchable-multiselect .pf-v6-c-chip {
    display: inline-flex !important;
    align-items: center !important;
    background-color: var(--pf-t--global--color--brand--default) !important;
    color: var(--pf-t--global--text--color--on-brand) !important;
    border-radius: 16px !important;
    padding: 4px 8px !important;
    font-size: 0.875rem !important;
    line-height: 1.2 !important;
    max-width: 200px !important;
    margin: 1px !important;
}

.pf-searchable-multiselect .pf-v6-c-chip__content {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.pf-searchable-multiselect .pf-v6-c-chip__text {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 !important;
}

.pf-searchable-multiselect .pf-v6-c-chip__close {
    background: none !important;
    border: none !important;
    color: var(--pf-t--global--text--color--on-brand) !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 16px !important;
    height: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: background-color 0.2s ease !important;
}

.pf-searchable-multiselect .pf-v6-c-chip__close:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.pf-searchable-multiselect .pf-v6-c-chip__close-icon {
    font-size: 12px !important;
    line-height: 1 !important;
}

/* Placeholder text */
.pf-searchable-multiselect .pf-v6-c-select__toggle-text.pf-m-placeholder {
    color: var(--pf-t--global--text--color--subtle) !important;
    font-style: normal !important;
}

/* Menu styling */
.pf-searchable-multiselect .pf-v6-c-select__menu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: 0 !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    border: 2px solid var(--pf-t--global--border-color--default) !important;
    border-radius: var(--pf-t--global--border-radius--default) !important;
    box-shadow: var(--pf-t--global--box-shadow--lg--shadow) !important;
    z-index: 1000 !important;
    margin-top: 2px !important;
    max-height: none !important;
    overflow: visible !important;
}

.pf-searchable-multiselect .pf-v6-c-select__menu.pf-m-hidden {
    display: none !important;
}

/* Search input styling */
.pf-searchable-multiselect .pf-v6-c-select__menu-search {
    padding: var(--pf-t--global--spacer--sm) !important;
    border-bottom: 1px solid var(--pf-t--global--border-color--default) !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group {
    display: flex !important;
    width: 100% !important;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__main {
    display: flex !important;
    flex: 1 !important;
    position: relative !important;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__text {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    width: 100% !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    border: 1px solid var(--pf-t--global--border-color--default) !important;
    border-radius: var(--pf-t--global--border-radius--default) !important;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__text-input {
    flex: 1 !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    color: var(--pf-t--global--text--color--regular) !important;
    font-size: 1rem !important;
    font-family: inherit !important;
    padding: 8px 12px 8px var(--pf-t--global--spacer--sm) !important;
    min-height: 36px !important;
    box-sizing: border-box !important;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__text-input::placeholder {
    color: var(--pf-t--global--text--color--subtle) !important;
    opacity: 1 !important;
}

/* Menu items with checkboxes */
.pf-searchable-multiselect .pf-v6-c-menu__content {
    max-height: 220px !important;
    overflow-y: auto !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    /* Enhanced scrollbar styling for menu content */
    scrollbar-width: thin !important;
    scrollbar-color: var(--pf-t--global--border-color--default) var(--pf-t--global--background-color--secondary) !important;
}

/* WebKit scrollbar styling for menu content */
.pf-searchable-multiselect .pf-v6-c-menu__content::-webkit-scrollbar {
    width: 8px !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__content::-webkit-scrollbar-track {
    background: var(--pf-t--global--background-color--secondary) !important;
    border-radius: 4px !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__content::-webkit-scrollbar-thumb {
    background: var(--pf-t--global--border-color--default) !important;
    border-radius: 4px !important;
    border: 1px solid var(--pf-t--global--background-color--secondary) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__content::-webkit-scrollbar-thumb:hover {
    background: var(--pf-t--global--color--brand--default) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Fallback scrolling for menu list */
    max-height: 200px !important;
    overflow-y: auto !important;
    /* Enhanced scrollbar styling for menu list */
    scrollbar-width: thin !important;
    scrollbar-color: var(--pf-t--global--border-color--default) var(--pf-t--global--background-color--secondary) !important;
}

/* WebKit scrollbar styling for menu list fallback */
.pf-searchable-multiselect .pf-v6-c-menu__list::-webkit-scrollbar {
    width: 8px !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__list::-webkit-scrollbar-track {
    background: var(--pf-t--global--background-color--secondary) !important;
    border-radius: 4px !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__list::-webkit-scrollbar-thumb {
    background: var(--pf-t--global--border-color--default) !important;
    border-radius: 4px !important;
    border: 1px solid var(--pf-t--global--background-color--secondary) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__list::-webkit-scrollbar-thumb:hover {
    background: var(--pf-t--global--color--brand--default) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__list-item {
    margin: 0 !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    border: none !important;
    color: var(--pf-t--global--text--color--regular) !important;
    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
    text-align: left !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item:hover {
    background-color: var(--pf-t--global--background-color--secondary) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item.pf-m-selected {
    background-color: var(--pf-t--global--background-color--secondary) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item-main {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    gap: var(--pf-t--global--spacer--sm) !important;
}

/* Checkbox styling */
.pf-searchable-multiselect .pf-v6-c-menu__item-check {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    flex-shrink: 0 !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item-checkbox {
    width: 16px !important;
    height: 16px !important;
    border: 2px solid var(--pf-t--global--border-color--default) !important;
    border-radius: 3px !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item-checkbox:checked {
    background-color: var(--pf-t--global--color--brand--default) !important;
    border-color: var(--pf-t--global--color--brand--default) !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item-checkmark {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: var(--pf-t--global--text--color--on-brand) !important;
    font-size: 12px !important;
    line-height: 1 !important;
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
    pointer-events: none !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item-checkbox:checked + .pf-v6-c-menu__item-checkmark {
    opacity: 1 !important;
}

.pf-searchable-multiselect .pf-v6-c-menu__item-text {
    flex: 1 !important;
    user-select: none !important;
}

/* Dark mode support */
.pf-v6-theme-dark .pf-searchable-multiselect .pf-v6-c-select__toggle {
    background-color: var(--pf-t--global--background-color--primary) !important;
    border-color: var(--pf-t--global--border-color--default) !important;
    color: var(--pf-t--global--text--color--regular) !important;
}

.pf-v6-theme-dark .pf-searchable-multiselect .pf-v6-c-select__menu {
    background-color: var(--pf-t--global--background-color--primary) !important;
    border-color: var(--pf-t--global--border-color--default) !important;
}

.pf-v6-theme-dark .pf-searchable-multiselect .pf-v6-c-menu__item {
    color: var(--pf-t--global--text--color--regular) !important;
}

.pf-v6-theme-dark .pf-searchable-multiselect .pf-v6-c-menu__item:hover {
    background-color: var(--pf-t--global--background-color--secondary) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pf-searchable-multiselect .pf-v6-c-select__menu {
        max-height: 200px !important;
    }
    
    .pf-searchable-multiselect .pf-v6-c-chip {
        max-width: 120px !important;
        font-size: 0.8rem !important;
    }
}

/* Dropdown menu positioning and styling */
.pf-searchable-select-multiple .pf-v6-c-select__menu {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important; /* High z-index to ensure it floats over everything */
    background: var(--pf-t--global--background-color--floating) !important;
    border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default) !important;
    border-radius: var(--pf-t--global--border-radius--small) !important;
    box-shadow: var(--pf-t--global--box-shadow--lg) !important;
    max-height: 200px !important;
    overflow-y: auto !important;
}

/* CRITICAL: Target the actual menu element that appears in DOM */
.pf-searchable-select-multiple .pf-v6-c-menu {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: var(--pf-t--global--background-color--floating) !important;
    border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default) !important;
    border-radius: var(--pf-t--global--border-radius--small) !important;
    box-shadow: var(--pf-t--global--box-shadow--lg) !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Legacy dropdown menu positioning */
.pf-searchable-multiselect .pf-v6-c-select__menu {
    position: absolute !important;
    top: calc(100% + 2px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    max-height: 200px !important;
    overflow: hidden !important;
    display: none; /* Hidden by default */
    flex-direction: column;
    background: var(--pf-t--global--background-color--floating) !important;
    border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default) !important;
    border-radius: var(--pf-t--global--border-radius--small) !important;
    box-shadow: var(--pf-t--global--box-shadow--lg) !important;
}

/* Show dropdown when visible */
.pf-searchable-multiselect .pf-v6-c-select__menu.pf-m-visible {
    display: flex;
}

.pf-searchable-multiselect .pf-v6-c-select__menu:not(.pf-m-hidden) {
    display: flex;
}

.pf-searchable-multiselect .pf-v6-c-select__menu[hidden] {
    display: none !important;
}

/* Main toggle button - make it look like a form control */
.pf-searchable-select-multiple .pf-v6-c-select__toggle {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--pf-t--global--spacer--control--vertical--default) var(--pf-t--global--spacer--control--horizontal--default);
    font-family: inherit;
    font-size: var(--pf-t--global--font--size--body--default);
    font-weight: var(--pf-t--global--font--weight--body--default);
    line-height: var(--pf-t--global--font--line-height--body);
    color: var(--pf-t--global--text--color--regular);
    background-color: var(--pf-t--global--background--color--control--default);
    border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border--color--default);
    border-radius: var(--pf-t--global--border--radius--small);
    transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    cursor: pointer;
    text-align: left;
    min-height: 36px;
    /* Remove default button styles */
    appearance: none;
    outline: none;
}

.pf-searchable-select-multiple .pf-v6-c-select__toggle:hover {
    border-color: var(--pf-t--global--border--color--hover);
}

.pf-searchable-select-multiple .pf-v6-c-select__toggle:focus,
.pf-searchable-select-multiple .pf-v6-c-select__toggle[aria-expanded="true"] {
    border-color: var(--pf-t--global--border--color--clicked);
    box-shadow: 0 0 0 var(--pf-t--global--border--width--extra-small) var(--pf-t--global--border--color--clicked);
}

/* Legacy support */
.pf-searchable-multiselect.pf-v6-c-select.pf-m-typeahead .pf-v6-c-select__toggle {
    position: relative;
    background: var(--pf-t--global--background--color--control--default);
    border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default);
    border-radius: var(--pf-t--global--border-radius--small);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--pf-t--global--spacer--control--vertical--default) var(--pf-t--global--spacer--control--horizontal--default);
    min-height: 36px;
    width: 100%;
}

.pf-searchable-multiselect.pf-v6-c-select.pf-m-typeahead .pf-v6-c-select__toggle:hover {
    border-color: var(--pf-v6-global--BorderColor--300);
}

.pf-searchable-multiselect.pf-v6-c-select.pf-m-typeahead .pf-v6-c-select__toggle[aria-expanded="true"] {
    border-color: var(--pf-v6-global--primary-color--100);
    box-shadow: 0 0 0 1px var(--pf-v6-global--primary-color--100);
}

/* Toggle wrapper and text */
.pf-searchable-select-multiple .pf-v6-c-select__toggle-wrapper {
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 1.5rem; /* Ensure minimum height for text */
    min-width: 0;
}

.pf-searchable-select-multiple .pf-v6-c-select__toggle-text {
    flex: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-align: left;
}

.pf-searchable-select-multiple .pf-v6-c-select__toggle-text-placeholder {
    color: var(--pf-t--global--text--color--subtle);
    font-style: normal;
}

.pf-searchable-select-multiple .pf-v6-c-select__toggle-arrow {
    display: flex;
    align-items: center;
    margin-left: var(--pf-t--global--spacer--xs);
    color: var(--pf-t--global--icon--color--regular);
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.pf-searchable-select-multiple .pf-v6-c-select__toggle[aria-expanded="true"] .pf-v6-c-select__toggle-arrow {
    transform: rotate(180deg);
}

/* Legacy support */
.pf-searchable-multiselect .pf-v6-c-select__toggle-wrapper {
    flex: 1;
    min-width: 0;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle-text {
    display: block;
    text-align: left;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle-text-placeholder {
    color: var(--pf-t--global--text--color--subtle);
    font-style: normal;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle-arrow {
    margin-left: var(--pf-t--global--spacer--xs);
    color: var(--pf-t--global--icon--color--regular);
    transition: transform 0.2s ease;
}

.pf-searchable-multiselect .pf-v6-c-select__toggle[aria-expanded="true"] .pf-v6-c-select__toggle-arrow {
    transform: rotate(180deg);
}

/* Chip group for selected items */
.pf-searchable-select-multiple .pf-v6-c-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pf-t--global--spacer--xs);
    align-items: center;
}

.pf-searchable-select-multiple .pf-v6-c-label {
    display: inline-flex;
    align-items: center;
    background: var(--pf-t--global--color--brand--default);
    color: var(--pf-t--global--text--color--on-brand--default);
    border-radius: var(--pf-t--global--border-radius--small);
    padding: 4px 8px;
    font-size: var(--pf-t--global--font--size--body--sm);
    line-height: 1.2;
    max-width: 200px;
}

.pf-searchable-select-multiple .pf-v6-c-label__content {
    display: flex;
    align-items: center;
}

.pf-searchable-select-multiple .pf-v6-c-label__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Legacy chip support */
.pf-searchable-multiselect .pf-v6-c-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--pf-t--global--spacer--xs);
    align-items: center;
}

.pf-searchable-multiselect .pf-v6-c-chip {
    display: inline-flex;
    align-items: center;
    background: var(--pf-t--global--color--brand--default);
    color: var(--pf-t--global--text--color--on-brand--default);
    border-radius: var(--pf-t--global--border-radius--small);
    padding: 4px 8px;
    font-size: var(--pf-t--global--font--size--body--sm);
    line-height: 1.2;
    max-width: 200px;
}

.pf-searchable-multiselect .pf-v6-c-chip__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Dropdown menu */
.pf-searchable-multiselect .pf-v6-c-select__menu {
    --pf-v6-c-select__menu--BackgroundColor: var(--pf-t--v6--global--background--color--primary--default);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: var(--pf-v6-c-select__menu--BackgroundColor);
    border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--BorderColor--200);
    border-radius: var(--pf-v6-global--BorderRadius--sm);
    box-shadow: var(--pf-v6-global--BoxShadow--lg);
    max-height: none;
    overflow: visible;
    display: none; /* Hidden by default */
    flex-direction: column;
}

/* Show dropdown when visible */
.pf-searchable-multiselect .pf-v6-c-select__menu.pf-m-visible {
    display: flex;
}
    

.pf-searchable-multiselect .pf-v6-c-select__menu[hidden] {
    display: none;
}

/* Search input styling within menu */
.pf-searchable-select-multiple .pf-v6-c-select__menu-search {
    padding: var(--pf-t--global--spacer--sm);
    border-bottom: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default);
    background: var(--pf-t--global--background-color--floating);
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Text input group structure for search */
.pf-searchable-select-multiple .pf-v6-c-text-input-group {
    display: flex;
    width: 100%;
}

.pf-searchable-select-multiple .pf-v6-c-text-input-group__main {
    display: flex;
    flex: 1;
    position: relative;
}

.pf-searchable-select-multiple .pf-v6-c-text-input-group__text {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    background: var(--pf-t--global--background-color--primary);
    border: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default);
    border-radius: var(--pf-t--global--border-radius--small);
}

/* Search input styling within menu */
.pf-searchable-select-multiple .pf-v6-c-select__menu-search {
    padding: var(--pf-t--global--spacer--sm);
    border-bottom: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default);
    background: var(--pf-t--global--background-color--floating);
    position: sticky;
    top: 0;
    z-index: 1;
}

/* Search input styling - add left padding to avoid icon overlap */
.pf-searchable-select-multiple .pf-v6-c-text-input-group__text-input {
    flex: 1;
    border: none;
    outline: none;
    background: transparent;
    color: var(--pf-t--global--text-color--regular);
    font-size: var(--pf-t--global--font--size--body--default);
    font-family: inherit;
    padding: 8px 12px 8px var(--pf-t--global--spacer--sm); /* Added left padding using PF token */
    min-height: 36px;
    box-sizing: border-box;
}

.pf-searchable-select-multiple .pf-v6-c-text-input-group__text-input::placeholder {
    color: var(--pf-t--global--text--color--subtle);
    opacity: 1;
}

.pf-searchable-select-multiple .pf-v6-c-text-input-group__text-input:focus {
    outline: none;
}

/* Focus state for text input group */
.pf-searchable-select-multiple .pf-v6-c-text-input-group__text:focus-within {
    border-color: var(--pf-t--global--border-color--clicked);
    box-shadow: 0 0 0 var(--pf-t--global--border--width--extra-small) var(--pf-t--global--border--color--clicked);
}

/* Legacy search input support */
.pf-searchable-multiselect .pf-v6-c-select__menu-search {
    padding: var(--pf-t--global--spacer--sm);
    border-bottom: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--border-color--default);
    background: var(--pf-t--global--background-color--floating);
}

.pf-searchable-multiselect .pf-v6-c-text-input-group {
    position: relative;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__main {
    display: flex;
    align-items: center;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__text {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__text-input {
    width: 100%;
    padding: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
    border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--BorderColor--200);
    border-radius: var(--pf-v6-global--BorderRadius--sm);
    background: var(--pf-v6-global--BackgroundColor--100);
    font-size: var(--pf-v6-global--FontSize--sm);
    line-height: 1.4;
    min-height: 2.25rem;
}

.pf-searchable-multiselect .pf-v6-c-text-input-group__text-input:focus {
    outline: none;
    border-color: var(--pf-v6-global--primary-color--100);
    box-shadow: 0 0 0 1px var(--pf-v6-global--primary-color--100);
}

/* Menu item hover and selection states */
.pf-searchable-select-multiple .pf-v6-c-menu__content {
    max-height: 220px !important;
    overflow-y: auto !important;
    background-color: var(--pf-t--global--background-color--primary) !important;
    /* Enhanced scrollbar styling for menu content */
    scrollbar-width: thin !important;
    scrollbar-color: var(--pf-t--global--border-color--default) var(--pf-t--global--background-color--secondary) !important;
}

/* WebKit scrollbar styling for modern menu content */
.pf-searchable-select-multiple .pf-v6-c-menu__content::-webkit-scrollbar {
    width: 8px !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__content::-webkit-scrollbar-track {
    background: var(--pf-t--global--background-color--secondary) !important;
    border-radius: 4px !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__content::-webkit-scrollbar-thumb {
    background: var(--pf-t--global--border-color--default) !important;
    border-radius: 4px !important;
    border: 1px solid var(--pf-t--global--background-color--secondary) !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__content::-webkit-scrollbar-thumb:hover {
    background: var(--pf-t--global--color--brand--default) !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__item {
    background-color: var(--pf-t--global--background-color--primary) !important;
    color: var(--pf-t--global--text--color--regular) !important;
    padding: 8px 12px;
    border: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.pf-searchable-select-multiple .pf-v6-c-menu__item:hover {
    background-color: var(--pf-t--global--background-color--hover) !important;
    color: var(--pf-t--global--text--color--regular) !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__item.pf-m-selected {
    background-color: var(--pf-t--global--background-color--action--plain--clicked) !important;
    font-weight: 600;
    color: var(--pf-t--global--text--color--regular) !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__item:active {
    background-color: var(--pf-t--global--background-color--action--plain--clicked);
}

.pf-searchable-select-multiple .pf-v6-c-menu__item-main {
    display: flex;
    align-items: center;
    flex: 1;
}

.pf-searchable-select-multiple .pf-v6-c-menu__item-icon {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pf-searchable-select-multiple .pf-v6-c-menu__item-text {
    flex: 1;
}

/* Menu list styling for modern selector */
.pf-searchable-select-multiple .pf-v6-c-menu__list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Fallback scrolling for menu list */
    max-height: 200px !important;
    overflow-y: auto !important;
    /* Enhanced scrollbar styling for menu list */
    scrollbar-width: thin !important;
    scrollbar-color: var(--pf-t--global--border-color--default) var(--pf-t--global--background-color--secondary) !important;
}

/* WebKit scrollbar styling for modern menu list */
.pf-searchable-select-multiple .pf-v6-c-menu__list::-webkit-scrollbar {
    width: 8px !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__list::-webkit-scrollbar-track {
    background: var(--pf-t--global--background-color--secondary) !important;
    border-radius: 4px !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__list::-webkit-scrollbar-thumb {
    background: var(--pf-t--global--border-color--default) !important;
    border-radius: 4px !important;
    border: 1px solid var(--pf-t--global--background-color--secondary) !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__list::-webkit-scrollbar-thumb:hover {
    background: var(--pf-t--global--color--brand--default) !important;
}

/* Hide menu items that don't match search */
.pf-searchable-select-multiple .pf-v6-c-menu__list-item[style*="display: none"] {
    display: none !important;
}

.pf-searchable-select-multiple .pf-v6-c-menu__list-item[hidden] {
    display: none !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .pf-searchable-select-multiple .pf-v6-c-menu:not(.pf-m-hidden) {
        max-height: 200px;
    }
    
    .pf-searchable-select-multiple .pf-v6-c-label {
        max-width: 150px;
        font-size: var(--pf-t--global--font--size--body--xs);
    }
}

/* High contrast support */
@media (prefers-contrast: high) {
    .pf-searchable-select-multiple .pf-v6-c-menu__item.pf-m-selected {
        border-left: var(--pf-t--global--border--width--control--default) solid var(--pf-t--global--color--brand--default);
    }
}