/* Shared picker surfaces; the original selects retain filtering and URL semantics. */
.picker-native[hidden]{display:none!important}
.filter-picker{margin:0 0 10px;min-width:0}
.filter-picker .direction-picker-toggle{min-height:46px;padding:11px 12px}
.filter-picker .direction-picker-value{font-size:12px;font-weight:400;line-height:1.6}
.filter-picker .picker-option-plain{grid-template-columns:minmax(0,1fr) auto 12px}
.filter-picker .picker-option-label{overflow-wrap:break-word}
.filter-picker .direction-picker-option:disabled{opacity:.55;cursor:default}
.direction-picker-search input,#filters .direction-picker-search input,[data-page=documents] .document-controls .direction-picker-search input{width:100%;min-width:0;height:36px;min-height:36px;margin:0;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:16px;line-height:1.4;font-weight:400}
.direction-picker-search input:focus-visible{outline:none}
.catalog-sort{display:flex;align-items:center;gap:12px;min-width:0}
[data-page=catalog] .catalog-sort>label{flex:none;width:auto}
.catalog-sort>.filter-picker{width:190px;margin:0}
.catalog-sort .direction-picker-value{font-size:11px}
.document-field{min-width:0}
.document-field>label{display:block}
.document-field>.filter-picker{margin:9px 0 0}
.document-field .direction-picker-toggle{min-height:48px}
.document-field .direction-picker-panel{font-weight:400}
@media(max-width:800px){
 .filter-picker .direction-picker-value{font-size:14px}
 .catalog-sort{width:100%;justify-content:space-between}
 .catalog-sort>.filter-picker{width:min(240px,80%)}
 .catalog-sort .direction-picker-value{font-size:13px}
 .document-field>label{font-size:13px!important}
 .document-field .direction-picker-panel,.catalog-sort .direction-picker-panel{scroll-margin-top:90px;scroll-margin-bottom:calc(90px + env(safe-area-inset-bottom))}
 .filter-picker .direction-picker-list{max-height:min(320px,42dvh)}
 .direction-picker-option{scroll-margin-block:6px}
}