/* Filter bar — the standalone GET search/filter row above a grid, emitted by the FilterBar
   widget (docs/css-refactoring.md §5). Consolidates the ~17 ad-hoc filter classes
   (.list-filter, .filter-card/.filter-row, .filter-grid, .ea-events__filter-row, …) into one
   flex-row look. Fields stack their label over the input; the action row holds Search/Clear. */
.w5-filter-bar {
    margin: 0 0 1rem;
}
.w5-filter-bar__row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: flex-end;
}
.w5-filter-bar__field {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.w5-filter-bar__field label {
    font-size: .8rem;
    font-weight: 600;
    color: var(--gray-700);
    margin: 0;
}
.w5-filter-bar__field .form-control,
.w5-filter-bar__field .form-select {
    min-width: 12rem;
}
.w5-filter-bar__actions {
    display: flex;
    gap: .5rem;
    align-items: flex-end;
    margin-top: .75rem;
}

/* Inline tier (--inline): the trivial single-control auto-submit bars keep their terse inline
   form (one dropdown/checkbox, submit-on-change) and just adopt this class for the look. */
.w5-filter-bar--inline {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 1rem;
}
.w5-filter-bar--inline .form-select,
.w5-filter-bar--inline .form-control {
    width: auto;
}

@media (max-width: 767.98px) {
    .w5-filter-bar__field,
    .w5-filter-bar__actions {
        width: 100%;
    }
    .w5-filter-bar__field .form-control,
    .w5-filter-bar__field .form-select {
        min-width: 0;
        width: 100%;
    }
    .w5-filter-bar__actions .btn {
        flex: 1 1 auto;
    }
}