.directory-filter{background:#fff;border:1px solid #e1e5eb;border-radius:12px;grid-template-columns:minmax(130px,.9fr) minmax(160px,1.1fr) minmax(140px,.9fr) minmax(200px,1.5fr) auto;align-items:end;gap:16px;margin-bottom:20px;padding:22px;display:grid}.directory-picker-field,.directory-search-field{min-width:0}.directory-field-label,.directory-search-field>span,.directory-native-field{color:#535e6b;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.directory-picker-trigger,.directory-search-field input,.directory-native-field select{color:#303b48;width:100%;min-width:0;height:46px;font:inherit;background:#fff;border:1px solid #d8dee6;border-radius:7px;padding:0 14px;font-size:14px;transition:border-color .16s,background-color .16s}.directory-picker-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:16px;display:flex}.directory-picker-trigger>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.directory-picker-trigger svg{color:#667281;flex:0 0 18px;transition:transform .16s}.directory-picker-trigger:hover{background:#fafbfc;border-color:#aeb8c4}.directory-picker-trigger[aria-expanded=true]{background:#fffaf6;border-color:#c76030}.directory-picker-trigger[aria-expanded=true] svg{color:#b6491d;transform:rotate(180deg)}.directory-picker-trigger:disabled{cursor:wait;color:#687383;background:#f5f6f8}.directory-search-field input::placeholder{color:#6c7682;opacity:1}.directory-filter-actions{align-items:center;gap:16px;height:46px;display:flex}.directory-search-button{color:#fff;min-width:104px;height:46px;font:inherit;cursor:pointer;background:#c64b19;border:1px solid #c64b19;border-radius:7px;padding:0 18px;font-size:14px;font-weight:600;transition:background-color .16s}.directory-search-button:hover{background:#ac3d11}.directory-search-button:disabled{color:#586474;cursor:wait;background:#e6e9ed;border-color:#d4dae2}.directory-reset{color:#5e6977;white-space:nowrap;padding:8px 0;font-size:13px}.directory-reset:hover{color:#ae451b}.pet-hub .directory-filter :is(button,input,a):focus-visible{outline-offset:3px;outline:2px solid #b84c21}.directory-picker-panel{--directory-popover-layer:30;z-index:var(--directory-popover-layer);color:#303b48;background:#fff;border:1px solid #dce1e8;border-radius:12px;flex-direction:column;padding:16px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;animation:.16s ease-out directory-picker-enter;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #24304124,0 2px 6px #2430410a}.directory-picker-heading{justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;font-size:14px;font-weight:600;display:flex}.directory-picker-heading button{color:#647180;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;margin:-4px -4px -4px 0;display:grid}.directory-picker-heading button:hover{color:#303b48;background:#f0f2f5}.directory-picker-search{padding-bottom:12px}.directory-picker-search input{color:#303b48;width:100%;min-width:0;height:40px;font:inherit;background:#f7f8fa;border:1px solid #d8dee6;border-radius:6px;outline:none;padding:0 12px;font-size:13px}.directory-picker-search input:focus{background:#fff;border-color:#c76030;box-shadow:0 0 0 2px #faeee7}.directory-picker-search input::placeholder{color:#6c7682;opacity:1}.directory-picker-options{overscroll-behavior:contain;scrollbar-gutter:stable;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:4px;min-height:0;padding:2px;display:grid;overflow:auto}.directory-picker-options>button{color:#3d4958;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.directory-picker-options>button:hover,.directory-picker-options>button.is-active{background:#f1f4f7}.directory-picker-options>button[aria-selected=true]{color:#a84319;background:#fff1e7;border-color:#f2d9c8}.directory-option-name{overflow-wrap:anywhere;flex:1}.directory-option-count{color:#687381;font-variant-numeric:tabular-nums;font-size:11px}.directory-option-check{flex:0 0 16px;place-items:center;width:16px;display:grid}.directory-option-check svg{width:16px;height:16px}.directory-picker-footnote{color:#657180;border-top:1px solid #e9ecf0;margin-top:10px;padding:12px 2px 0;font-size:11px}.directory-picker-empty{color:#657180;text-align:center;padding:18px 4px;font-size:13px}.directory-picker-panel.is-compact .directory-picker-options{grid-template-columns:1fr}.directory-picker-panel :is(button,[role=listbox]):focus-visible{outline-offset:-2px;outline:2px solid #b84c21}@keyframes directory-picker-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.directory-filter{grid-template-columns:1fr 1.2fr 1fr;gap:16px}.directory-search-field{grid-column:span 2}.directory-filter-actions{justify-content:flex-end}}@media (max-width:600px){.directory-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;padding:16px}.directory-picker-field:nth-child(3),.directory-search-field,.directory-filter-actions{grid-column:1/-1}.directory-filter-actions{gap:20px}.directory-search-button{flex:1}.directory-reset{padding:10px 4px}.directory-picker-trigger,.directory-search-field input{font-size:14px}.directory-picker-panel{padding:14px}.directory-picker-search input{font-size:16px}.directory-picker-options>button{min-height:44px}}@media (prefers-reduced-motion:reduce){.directory-picker-panel{animation:none}.directory-picker-trigger,.directory-picker-trigger svg,.directory-search-button{transition:none}}.directory-native-note{color:#535e6b;grid-column:1/-1;font-size:12px}