.auto-offer-filters { min-width: 0; margin: 0 0 14px; border: 1px solid var(--auto-line); border-radius: 16px; background: var(--auto-card); color: var(--auto-ink); }
.auto-offer-filters > summary { display: flex; align-items: center; gap: 10px; min-height: 62px; padding: 12px 14px; cursor: pointer; list-style: none; touch-action: manipulation; }
.auto-offer-filters > summary::-webkit-details-marker { display: none; }
.auto-offer-filters > summary > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.auto-offer-filters summary strong { display: block; color: var(--auto-icon); font-size: 15px; line-height: 1.4; font-weight: 650; }
.auto-offer-filters summary small { display: block; margin-top: 2px; color: var(--auto-muted); font-size: 12px; line-height: 1.4; }
.auto-offer-filters summary > svg { width: 20px; height: 20px; flex-shrink: 0; color: var(--auto-icon); }
.auto-offer-filters[open] summary > svg:last-child { transform: rotate(180deg); }
.auto-offer-filters__fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,210px),1fr)); gap: 12px; padding: 0 14px; }
.auto-offer-filters label { display: flex; flex-direction: column; gap: 6px; min-width: 0; color: var(--auto-muted); font-size: 13px; }
.auto-offer-filters select { width: 100%; min-width: 0; min-height: 52px; padding: 10px; border: 1px solid var(--auto-line); border-radius: 12px; color: var(--auto-ink); background: var(--auto-card); font-size: 16px; }
.auto-offer-filters > p { margin: 12px 14px 14px; color: var(--auto-muted); font-size: 12px; line-height: 1.5; }
.auto-offer-filters__reset { width: calc(100% - 28px); min-height: 48px; margin: 0 14px 14px; padding: 10px; border: 1px solid var(--auto-line); border-radius: 12px; color: var(--auto-icon); background: var(--auto-soft); font-size: 13px; font-weight: 600; }
.auto-offer-filters > summary:focus-visible, .auto-offer-filters select:focus-visible, .auto-offer-filters__reset:focus-visible { outline: 3px solid var(--auto-plum); outline-offset: 3px; }
