.filterbar{margin-bottom:16px;background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);overflow:hidden}.filterbar.is-flush{margin-bottom:0;border:none;border-bottom:1px solid var(--color-line);border-radius:0;box-shadow:none;background:transparent}.filterbar-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 16px}.filterbar-adv{display:flex;align-items:flex-end;gap:12px 20px;flex-wrap:wrap;padding:14px 16px;border-top:1px dashed var(--color-line);background:var(--color-sunken)}.filterbar-adv[hidden]{display:none}.filterbar-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;border-top:1px solid var(--color-line);background:var(--color-tint);font-size:var(--text-sm);color:var(--color-muted)}.filterbar-count .num{color:var(--color-ink);font-weight:600}.filterbar-active{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--color-gold-soft);color:var(--color-gold-fg);font-weight:600;white-space:nowrap}.filterbar-more{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;padding:7px 12px;border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-muted);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.filterbar-more:hover{background:var(--color-hover);color:var(--color-ink)}.filterbar-more[aria-expanded=true]{border-color:var(--color-gold-fg);color:var(--color-ink)}.filterbar-more svg{width:15px;height:15px;flex-shrink:0}.filterbar-dot{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-gold-fg);color:var(--color-card);font-size:11px;font-weight:700;line-height:18px;text-align:center}.fb-field{display:flex;flex-direction:column;gap:5px;min-width:0}.fb-label{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--color-muted);white-space:nowrap}.fb-label svg{width:14px;height:14px;color:var(--color-subtle)}.fb-select{width:auto;min-width:150px}.fb-pair{display:inline-flex;align-items:center;gap:6px}.fb-dash{color:var(--color-subtle);flex-shrink:0}.fb-date{width:auto;min-width:148px}.fb-num{width:108px;min-width:0}.filterbar-row .search,.filterbar-adv .search{margin-bottom:1px}@media(max-width:720px){.filterbar-more{margin-inline-start:0}.fb-select,.fb-date{min-width:0;width:100%}.fb-field{flex:1 1 160px}.fb-num{width:100%}}