/* Same left-aligned input, arrow and option surface as the industry-code picker. */
.filter-field{min-width:0;margin-bottom:20px}
.filter-field>label{display:block;font-size:14px;line-height:1.5;margin:0 0 7px}
.filter-field>select{width:100%;text-align:left}
.filter-combobox>input{width:100%;min-height:48px;padding-right:44px;text-align:left;text-overflow:ellipsis}
.filter-options{width:100%;min-width:100%;max-height:320px;overscroll-behavior:contain}
.filter-options>[role=option]{gap:10px}
.filter-options .picker-context{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}
.filter-options small{white-space:nowrap;font-variant-numeric:tabular-nums}
.picker-hint{padding:10px 12px;font-size:13px;line-height:1.5;color:var(--muted)}
.filter-options>[role=option]:hover,.filter-options>.keyboard-active{background:var(--sage)}
.filter-options>[aria-selected=true]{background:var(--surface-container)}
.sort-bar>.sort-picker{display:flex;align-items:center;gap:10px;margin:0;min-width:0}
.sort-bar>.sort-picker>label{margin:0;white-space:nowrap;font-size:13px}
.sort-picker .filter-combobox,.sort-picker>select{width:240px;max-width:100%;min-width:0}
.sort-picker .filter-combobox>input{font-size:14px;min-height:44px}
.sort-picker .filter-options{z-index:40}
@media(max-width:760px){.filter-field{margin:0}.filter-field>label{font-size:13px}.filter-combobox>input{font-size:16px}.filter-options{max-height:280px}.sort-bar{gap:12px;flex-wrap:wrap}.sort-bar>.sort-picker{max-width:100%}.sort-picker .filter-combobox,.sort-picker>select{width:220px}}
@media(max-width:380px){.sort-bar>.sort-picker{width:100%}.sort-picker .filter-combobox,.sort-picker>select{flex:1;width:auto}}