/* DevExpress 25.2 renders elevation on the dropdown dialog, not its body. */
.dxbl-dropdown,
.dxbl-itemlist-dropdown,
.dxbl-dropdown > .dxbl-dropdown-dialog,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog {
    --dxbl-dropdown-box-shadow: var(--shadow-8);
    --dxbl-edit-dropdown-box-shadow: var(--shadow-8);
}

.dxbl-dropdown > .dxbl-dropdown-dialog,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog {
    box-shadow: var(--shadow-8) !important;
    border-radius: var(--radius-default, 2px) !important;
    border: 0 !important;
    background-color: var(--surface-primary) !important;
}

.dxbl-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body,
.dxbl-itemlist-dropdown > .dxbl-dropdown-dialog > .dxbl-dropdown-body {
    box-shadow: none !important;
    border-radius: inherit;
    background-color: var(--surface-primary) !important;
}

.dxbl-popup-cell:has(.dxbl-dropdown) {
    z-index: 3000 !important;
}

.dxbl-dropdown-body .dxbl-listbox-item,
.dxbl-dropdown-body .dxbl-list-box-item,
.dxbl-dropdown-body .dxbl-list-editor-item {
    color: var(--text-primary) !important;
}

.dxbl-dropdown-body .dxbl-listbox-item *,
.dxbl-dropdown-body .dxbl-list-box-item *,
.dxbl-dropdown-body .dxbl-list-editor-item * {
    color: inherit !important;
}

.dxbl-dropdown-body .dxbl-listbox-item:hover,
.dxbl-dropdown-body .dxbl-list-box-item:hover,
.dxbl-dropdown-body .dxbl-list-editor-item:hover {
    background-color: var(--surface-hover) !important;
    color: var(--text-primary) !important;
}

.dxbl-dropdown-body .dxbl-list-box-item-selected,
.dxbl-dropdown-body .dxbl-listbox-item-selected,
.dxbl-dropdown-body .dxbl-list-editor-item-selected,
.dxbl-dropdown-body [aria-selected="true"] {
    background-color: var(--themeLighterAlt) !important;
    color: var(--themePrimary) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.dxbl-dropdown-body .dxbl-list-box-item-selected *,
.dxbl-dropdown-body .dxbl-listbox-item-selected *,
.dxbl-dropdown-body .dxbl-list-editor-item-selected *,
.dxbl-dropdown-body [aria-selected="true"] * {
    color: inherit !important;
}

.dxbl-dropdown-body .dxbl-list-box-item-selected::before,
.dxbl-dropdown-body .dxbl-list-box-item-selected::after,
.dxbl-dropdown-body .dxbl-listbox-item-selected::before,
.dxbl-dropdown-body .dxbl-listbox-item-selected::after,
.dxbl-dropdown-body .dxbl-list-editor-item-selected::before,
.dxbl-dropdown-body .dxbl-list-editor-item-selected::after {
    background: transparent !important;
}