/* ui_dropdown_filter — pair file for src/ui_system/dropdown_filter.jl
 *
 * Multi-select checkbox dropdown styled to read as a native <select>
 * trigger. Primary user is the reviewer-multiselect in the dataset
 * builder; rules live here because the contract is general. */

.builder-reviewer details.dropdown.reviewer-multiselect { width: 100%; margin: 0; }
.builder-reviewer details.dropdown.reviewer-multiselect > summary {
    width: 100%;
    margin: 0;
    padding: 0.35rem 0.55rem;
    font-size: var(--ds-font-lg);
    line-height: 1.4;
    height: var(--ds-control-height-md);
    box-sizing: border-box;
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.builder-reviewer details.dropdown.reviewer-multiselect > summary::after {
    margin-left: auto;
}
.builder-reviewer details.dropdown.reviewer-multiselect > summary::-webkit-details-marker {
    display: none;
}
.builder-reviewer details.dropdown.reviewer-multiselect > ul {
    margin: 0;
    padding: 0.25rem 0;
    list-style: none;
    max-height: 14rem;
    overflow-y: auto;
}
.builder-reviewer details.dropdown.reviewer-multiselect > ul > li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.builder-reviewer details.dropdown.reviewer-multiselect > ul > li > label {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.75rem;
    margin: 0;
    cursor: pointer;
    font-size: var(--ds-font-lg);
}
.builder-reviewer details.dropdown.reviewer-multiselect > ul > li > label:hover {
    background: var(--pico-secondary-background);
}
.builder-reviewer details.dropdown.reviewer-multiselect > ul > li > label > input {
    margin: 0;
}
.builder-reviewer details.dropdown.reviewer-multiselect .reviewer-clear {
    padding: 0.35rem 0.75rem;
    cursor: pointer;
    font-style: italic;
    color: var(--pico-muted-color);
    border-bottom: 1px solid var(--pico-muted-border-color);
}
.builder-reviewer details.dropdown.reviewer-multiselect .reviewer-clear:hover {
    background: var(--pico-secondary-background);
    color: var(--pico-color);
}