.filter-fields{gap:14px}
.select-field{display:grid;gap:7px;min-width:126px}
.filter-fields .select-field>label{display:block;font-size:10px;color:var(--muted);padding-left:1px}
.custom-select{position:relative;min-width:0}
.custom-select.is-open{z-index:20}
.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:44px;padding:10px 12px;border:1px solid #c8d1c4;border-radius:7px;background:#f8f9f680;color:var(--ink);font-size:12px;line-height:1.6;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}
.select-trigger:hover{background:var(--paper);border-color:#99aa99}
.select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.select-trigger[aria-expanded=true]{background:var(--paper);border-color:#8b9c8b;box-shadow:0 0 0 3px #cbd8c733}
.select-value{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.select-trigger>svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .18s}
.select-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}
.select-options{position:absolute;top:calc(100% + 8px);left:0;min-width:100%;width:max-content;max-width:calc(100vw - 48px);margin:0;padding:6px;list-style:none;overflow-y:auto;overscroll-behavior:contain;background:#fcfdf9;border:1px solid #dce3d6;border-radius:10px;box-shadow:0 14px 36px #25332e1a,0 3px 8px #25332e06;animation:select-in .14s ease-out;scrollbar-width:thin;scrollbar-color:#b4c2ae transparent}
.opens-up>.select-options{top:auto;bottom:calc(100% + 8px)}
.select-options [role=option]{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:10px 12px;border-radius:6px;font-size:12px;line-height:1.5;color:var(--ink);cursor:pointer;white-space:nowrap}
.select-options [role=option]+[role=option]{margin-top:2px}
.select-options [role=option].is-active{background:#edf1e8}
.select-options [aria-selected=true]{background:#e2ebda;font-weight:600}
.select-options [aria-selected=true].is-active{background:#dce7d3}
.select-options [role=option]>svg{width:16px;height:16px;stroke:#446148;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:0;flex:none}
.select-options [aria-selected=true]>svg{opacity:1}
@keyframes select-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1100px){.filter-fields{gap:12px}.select-field{min-width:116px}.select-trigger{gap:12px}}
@media(max-width:760px){.filter-fields{gap:18px 14px;align-items:end}.select-field{min-width:0}.select-trigger{gap:8px;padding:11px 10px;min-height:46px;font-size:12px}.select-options{width:170px;min-width:100%;padding:5px}.select-field:nth-child(2) .select-options{left:auto;right:0}.select-options [role=option]{font-size:12px;padding:11px 8px;gap:8px;min-height:46px;white-space:normal}.select-options [role=option]>span{flex:1;min-width:0}.select-options [role=option]>svg{width:14px;height:14px}.filter-fields>label input{min-height:46px}.select-field>label{min-width:0}}
@media(max-width:360px){.select-trigger{font-size:11px;padding-inline:9px;gap:5px}}
@media(prefers-reduced-motion:reduce){.select-options{animation:none}.select-trigger,.select-trigger>svg{transition:none}}