/* Selectable filter chip primitive. Use a native checkbox inside the label. */
.ah-filter-chip { display:inline-flex; align-items:center; min-height:30px; box-sizing:border-box; padding:0 10px; border:1px solid var(--ah-border,var(--border,#ffffff24)); border-radius:999px; color:var(--ah-muted,var(--muted,#a7ada7)); font:500 11px/1.1 'Geist Mono',ui-monospace,monospace; cursor:pointer; transition:border-color 140ms ease,color 140ms ease,background 140ms ease; }
.ah-filter-chip input[type="checkbox"] { position:absolute; width:1px; height:1px; min-height:0; opacity:0; pointer-events:none; }
.ah-filter-chip:has(input:checked) { border-color:var(--ah-signal,var(--signal,#9eff3d)); background:color-mix(in srgb,var(--ah-signal,var(--signal,#9eff3d)) 10%,transparent); color:var(--ah-fg,var(--fg,#f0f0f0)); }
.ah-filter-chip:has(input:focus-visible) { outline:2px solid var(--ah-signal,var(--signal,#9eff3d)); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) { .ah-filter-chip { transition:none; } }