.filter-bar{padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg-subtle)}.filter-bar .form{gap:var(--space-4);flex-direction:column;display:flex}.filter-bar .form[aria-busy=true] .submit{opacity:.6;cursor:progress;pointer-events:none}.filter-bar .fields{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));display:grid}.filter-bar .field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.filter-bar .label{color:var(--color-text-muted);font-size:var(--font-size-xs)}.filter-bar input,.filter-bar select{width:100%;padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);font-size:var(--font-size-sm)}.filter-bar .actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@media (max-width:479.98px){.filter-bar .actions{gap:var(--space-3)}}.filter-bar .submit{cursor:pointer;padding:var(--space-2) var(--space-5);border:var(--border-width) solid #0000;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:background-color var(--transition-base),box-shadow var(--transition-base),opacity var(--transition-base),transform var(--transition-base);background-color:var(--color-brand);color:var(--color-on-brand)}.filter-bar .submit:hover{background-color:var(--color-brand-strong)}.filter-bar .clear{font-size:var(--font-size-sm)}.filter-bar .clear:has(>.link-pending.is-pending){opacity:.6;cursor:progress;pointer-events:none}.filter-bar .count{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-left:auto}@media (max-width:479.98px){.filter-bar .count{margin-left:0}}