.filter-bar{align-items:center;gap:var(--sp-md);margin:0 0 var(--sp-xl);flex-wrap:wrap;padding:0;display:flex}.filter-bar__chips{align-items:center;gap:var(--sp-xs);display:inline-flex}.filter-bar__right{align-items:center;gap:var(--sp-md);margin-left:auto;display:inline-flex}.filter-bar__search-trigger{width:var(--ctrl-h-md);height:var(--ctrl-h-md);border:var(--bw-1)solid transparent;border-radius:var(--r-sm);color:var(--surface-fg-tertiary);cursor:pointer;transition:background-color var(--du-fast)var(--ease-out),border-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.filter-bar__search-trigger:hover{background:var(--surface-inset);color:var(--surface-fg)}.filter-bar__search-trigger:focus-visible{outline:var(--focus-ring-w)solid var(--surface-primary);outline-offset:var(--focus-ring-offset)}.filter-bar__search{align-items:center;gap:var(--sp-sm);padding:0 var(--sp-xs)0 var(--sp-md);height:var(--ctrl-h-md);width:var(--popover-w-sm);border:var(--bw-1)solid var(--surface-divider-strong);border-radius:var(--r-sm);background:var(--surface-card);max-width:100%;color:var(--surface-fg-tertiary);transition:border-color var(--du-fast)var(--ease-out),box-shadow var(--du-fast)var(--ease-out);display:inline-flex}.filter-bar__search:focus-within{border-color:var(--surface-primary);box-shadow:var(--focus-ring-shadow)}.filter-bar__search-icon{color:var(--surface-fg-tertiary);flex-shrink:0}.filter-bar__search-input{min-width:0;font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg);background:0 0;border:0;outline:0;flex:1;padding:0}.filter-bar__search-input::placeholder{color:var(--surface-fg-tertiary)}.filter-bar__search-input::-webkit-search-cancel-button{appearance:none}.filter-bar__search-close{width:var(--ctrl-h-xs);height:var(--ctrl-h-xs);border-radius:var(--r-sm);color:var(--surface-fg-tertiary);cursor:pointer;transition:background-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.filter-bar__search-close:hover{background:var(--surface-inset);color:var(--surface-fg)}.filter-bar__search-close:focus-visible{outline:var(--focus-ring-w)solid var(--surface-primary);outline-offset:var(--focus-ring-offset)}@media (max-width:640px){.filter-bar__right{width:100%;margin-left:0}.filter-bar__search{flex:1;width:auto}}
.category-chip{align-items:center;gap:var(--sp-6);height:var(--ctrl-h-md);padding:0 var(--sp-12);border-radius:var(--r-sm);font-family:var(--font-ui-stack);font-size:var(--type-product-ui-size);color:var(--surface-fg-secondary);cursor:pointer;transition:background-color var(--du-fast)var(--ease-out),color var(--du-fast)var(--ease-out);background:0 0;border:0;display:inline-flex}.category-chip:hover:not(:disabled){background:var(--surface-inset);color:var(--surface-fg)}.category-chip:focus-visible{outline:var(--focus-ring-w)solid var(--surface-primary);outline-offset:var(--focus-ring-offset)}.category-chip:disabled{cursor:not-allowed;opacity:.5}.category-chip.is-active{background:var(--surface-primary-soft);color:var(--surface-primary);font-weight:500}.category-chip--happy.is-active{color:var(--surface-happy-path-fg);background:color-mix(in oklab,var(--surface-happy-path-fg)12%,transparent)}.category-chip--edge.is-active{color:var(--surface-primary)}.category-chip--error.is-active{color:var(--negative-deep);background:color-mix(in oklab,var(--negative-deep)12%,transparent)}.category-chip__label{line-height:1}.category-chip__count{font-family:var(--font-mono-stack);font-size:var(--type-product-mono-label-size);color:var(--surface-fg-tertiary);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.category-chip.is-active .category-chip__count{color:currentColor;opacity:.7}