/* 🔥 dropdown base (dark/light safe) */
.dropdown-menu,
[data-portal].dropdown-menu,
[data-portal] .dropdown-menu {
    background-color: color-mix(in srgb, var(--bs-body-bg) 97%, var(--bs-body-color));
    box-shadow: var(--bs-box-shadow);
}

[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] [data-portal].dropdown-menu,
[data-bs-theme="dark"] [data-portal] .dropdown-menu {
    background-color: color-mix(in srgb, var(--bs-body-bg) 93%, var(--bs-body-color));
}

/* 🔥 item default */
[data-portal] .dropdown-item {
    color: rgba(var(--bs-body-color-rgb), .75);
}

.dropdown-item,
[data-portal] .dropdown-item {
    transition: background-color .12s ease, color .12s ease;
}

    /* 🔥 hover = yellow */
    [data-portal] .dropdown-item:hover {
        background-color: rgba(var(--bs-primary-rgb), 0.15);
        color: var(--bs-body-color);
    }

    /* 🔥 active = green */
    [data-portal] .dropdown-item.active,
    [data-portal] .dropdown-item:active {
        background-color: rgba(var(--bs-primary-rgb), 0.35);
        color: #fff;
    }

    /* 🔥 subtle focus */
    [data-portal] .dropdown-item:focus {
        background-color: rgba(var(--bs-primary-rgb), 0.65);
        color: var(--bs-body-color);
        -webkit-text-stroke: .25px;
    }