.sf{margin:var(--sp-3) 0;padding:var(--sp-3);background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-md)}
.sf-row{display:flex;gap:var(--sp-2);align-items:center}
.sf-row input[type=search]{flex:1;min-width:0;padding:0 var(--sp-3);font-size:var(--fs-md)}
.sf-row--bottom{margin-top:var(--sp-3);position:sticky;bottom:0;padding:var(--sp-2) 0 calc(var(--sp-2) + env(safe-area-inset-bottom));background:var(--bg-elev)}
.sf-row--bottom select{flex:1;min-width:0}
.sf-row--bottom button{flex:1.4;min-height:52px;border:0;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-lg);font-weight:700;cursor:pointer}
.sf-row--bottom button b{font-weight:800}
.sf-row--bottom button.is-busy{opacity:.7}

.sf-toggles,.sf-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}
.sf-chip{position:relative;display:inline-flex}
.sf-chip input{position:absolute;opacity:0;width:0;height:0}
.sf-chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--sp-4);border:1px solid var(--line-strong);border-radius:999px;background:var(--bg-sunken);color:var(--fg);font-size:var(--fs-sm);font-weight:600;cursor:pointer;user-select:none}
.sf-chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.sf-chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}

.sf-grp{margin-top:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg)}
.sf-grp summary{list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:var(--tap);padding:0 var(--sp-4);font-size:var(--fs-md);font-weight:700;cursor:pointer}
.sf-grp summary::-webkit-details-marker{display:none}
.sf-grp summary::after{content:"▾";color:var(--fg-dim)}
.sf-grp[open] summary::after{content:"▴"}
.sf-grp summary b{margin-left:auto;margin-right:var(--sp-3);min-width:24px;padding:0 8px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:var(--fs-xs);text-align:center;line-height:24px}
.sf-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2) var(--sp-3);padding:0 var(--sp-3) var(--sp-3)}
.sf-grid label{display:flex;flex-direction:column;gap:4px;font-size:var(--fs-xs);color:var(--fg-dim)}
.sf-grid select{width:100%}
.sf-grp .sf-chips{padding:0 var(--sp-3) var(--sp-3);margin-top:0}

.sf-tags,.sf-quick{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin:var(--sp-3) 0}
.sf-tag{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 var(--sp-3);border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:var(--fs-sm);font-weight:600;text-decoration:none}
.sf-tag i{font-style:normal;font-size:var(--fs-lg);line-height:1}
.sf-tag--reset{background:transparent;border:1px solid var(--line-strong);color:var(--fg-muted)}
.sf-quick .sf-tag{min-height:44px}

@media(min-width:700px){
  .sf-grid{grid-template-columns:repeat(4,1fr)}
  .sf-row--bottom{position:static}
  .sf-row--bottom button{flex:0 0 260px}
}