.live-search-form{min-width:0}.live-search-form input[name=q]{flex:1 1 240px;width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;font-size:16px}.live-search-form select{min-height:44px;font-size:16px}.live-search-status{min-height:1.3em;margin:6px 0 12px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}.live-search-status:empty{min-height:0;margin:0}.live-search-status.is-error{color:var(--danger,#b42318)}[data-live-results]{min-width:0;max-width:100%}[data-live-results][aria-busy=true]{cursor:progress}.operations-search.live-search-form{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:760px){.live-search-form{display:flex;flex-wrap:wrap;gap:10px}.live-search-form>input[name=q],.live-search-form>label:first-of-type{flex:1 1 100%}.live-search-form select{min-width:0;max-width:100%;flex:1 1 140px}.operations-search.live-search-form{display:grid;grid-template-columns:1fr}}

/* Single-line filters keep their height when their form switches to a column. */
html body .shell :is(.search,.systems-search,.supply-filter,.movement-search,.sales-list-filters,.count-filter-bar) :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=file]),select:not([multiple])){
    box-sizing:border-box;
    height:44px;
    min-height:44px;
    max-height:44px;
    padding:8px 12px;
    line-height:1.35;
    font-size:16px;
}
html body .shell .appointment-list-search > input[name=q]{
    flex:0 0 auto;
}
@media(min-width:801px){
    html body .shell .appointment-list-search > input[name=q]{width:min(100%,760px)}
    html body .shell .appointment-list-search .customer-filter-fields{
        grid-template-columns:repeat(4,minmax(0,1fr));
        max-width:1000px;
        align-items:end;
    }
    html body .shell .appointment-list-search .customer-filter-fields label{justify-content:flex-start}
}