/* Filter controls share the site's compact forms; selections have one quiet teal accent. */
.filter-multiple-trigger {
    display: flex; align-items: center; justify-content: space-between; gap: .65rem;
    width: 100%; min-width: 0; min-height: 2.75rem; padding: .65rem .8rem;
    border: 1px solid var(--border-strong, #c8d4df); border-radius: var(--radius-sm, .65rem);
    background: var(--surface, white); color: var(--ink-strong, #152236);
    font: inherit; text-align: left; cursor: pointer;
}
.filter-multiple-trigger.has-selection { border-color: var(--teal, #087e8b); background: color-mix(in srgb, var(--teal, #087e8b) 5%, white); }
.filter-multiple-trigger:disabled { opacity: .6; cursor: default; }
.filter-multiple-trigger[aria-expanded="true"] { box-shadow: var(--focus-ring); }
.filter-multiple-summary { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .84rem; font-weight: 500; }
.filter-multiple-arrow { flex-shrink: 0; font-size: 1.15rem; line-height: 1; }
.filter-multiple-panel {
    position: fixed; inset: auto; margin: 0; z-index: 1200; box-sizing: border-box;
    display: flex; flex-direction: column; gap: .65rem; padding: .85rem;
    border: 1px solid var(--border-strong, #c8d4df); border-radius: .8rem;
    background: var(--surface, white); color: var(--ink-strong, #152236);
    box-shadow: 0 10px 35px #15223629; font-size: .85rem; overflow: hidden;
}
.filter-multiple-panel[hidden] { display: none; }
.filter-multiple-panel::backdrop { background: transparent; }
.filter-multiple-heading, .filter-multiple-actions { display: flex; align-items: center; justify-content: space-between; gap: .6rem; flex-shrink: 0; }
.filter-multiple-heading strong { font-size: .9rem; }
.filter-multiple-panel button { border: 0; padding: .35rem .4rem; background: transparent; color: var(--teal, #087e8b); font: inherit; font-weight: 700; cursor: pointer; border-radius: .25rem; min-height: 2rem; }
.filter-multiple-panel button:disabled { color: var(--ink-soft, #66758a); opacity: .55; cursor: default; }
.filter-multiple-panel .filter-multiple-search { width: 100%; min-height: 2.5rem; flex-shrink: 0; padding: .5rem .65rem; border: 1px solid var(--border, #dce4ec); border-radius: .45rem; font: inherit; background: white; }
.filter-multiple-choices { overflow-y: auto; overscroll-behavior: contain; min-height: 2.5rem; scrollbar-gutter: stable; }
.filter-multiple-option { display: flex; align-items: center; gap: .65rem; min-height: 2.75rem; padding: .5rem; margin: 0; border-radius: .4rem; cursor: pointer; }
.filter-multiple-option:hover, .filter-multiple-option:focus-within { background: var(--surface-soft, #f7f9fc); }
.filter-multiple-option:has(input:checked) { background: color-mix(in srgb, var(--teal, #087e8b) 7%, white); }
.filter-multiple-option input[type="checkbox"] { width: 1.05rem; height: 1.05rem; flex: 0 0 1.05rem; padding: 0; margin: 0; accent-color: var(--teal, #087e8b); }
.filter-multiple-option span { overflow-wrap: anywhere; font-size: .84rem; font-weight: 500; }
.filter-multiple-status, .filter-multiple-empty { color: var(--ink-soft, #66758a); margin: 0; font-size: .75rem; }
.filter-multiple-status { border-top: 1px solid var(--border, #dce4ec); padding-top: .65rem; flex-shrink: 0; }
.filter-multiple-limit { margin: 0; padding: .55rem; background: var(--warning-soft, #fff6df); color: var(--warning, #8a5a08); font-size: .78rem; flex-shrink: 0; }
.form-field:has(.filter-multiple-trigger) { min-width: 0; }
@media (max-width: 600px) { .filter-multiple-panel { max-width: calc(100vw - 24px); } .filter-multiple-panel button { min-height: 2.5rem; } }