/* Compact multi-select dropdown. Tuned to sit inline with form-select-sm /
   form-control-sm controls in a filter row. */

.msd-toggle {
    min-width: 9rem;
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Keep a long option list from running off-screen — scroll within the menu. */
.msd-menu {
    max-height: 16rem;
    overflow-y: auto;
}

/* The whole row is a <label> so a click anywhere toggles the checkbox; the
   menu stays open thanks to data-bs-auto-close="outside". */
.msd-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

/* Neutralise the default form-check-input top margin so the box lines up with
   the option text inside the dropdown-item. */
.msd-check {
    flex: 0 0 auto;
    margin: 0;
}