/* =====================================================================
   App / Filter Button — Figma 1884:63492 (props Count, Show count). Mobile filtering standard (2026-10-23).
   Button Secondary Small (40 high, sliders icon 16 — the Figma component draws a plus; answer 23b says not "+ Filters", "Filters" text-xs) with a 20px count badge floating top-right:
   text/primary fill, 2px surface/background ring, 11px semibold white number. Hidden at 0 (the label never carries the count).
   ===================================================================== */
.filter-btn{position:relative;overflow:visible}
.filter-btn .btn__icon{width:16px;height:16px}
.filter-btn__badge{position:absolute;top:-8px;right:-10px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-4);
  border:2px solid var(--surface-background);border-radius:var(--radius-10);background:var(--text-primary);color:var(--text-inverse);font:600 11px/1 var(--font-body);pointer-events:none}
.filter-btn__badge[hidden]{display:none}