.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{display:flex;flex-direction:column;gap:var(--space-4)}.filter-bar .fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-gap:var(--space-3);gap:var(--space-3)}.filter-bar .field{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.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{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}@media(max-width:479.98px){.filter-bar .actions{gap:var(--space-3)}}.filter-bar .submit{padding:var(--space-2) var(--space-5);border:var(--border-width) solid rgba(0,0,0,0);border-radius:var(--radius-sm);background-color:var(--color-inverse-bg);color:var(--color-inverse-text);font-weight:var(--font-weight-bold);cursor:pointer}.filter-bar .clear,.filter-bar .count,.filter-bar .submit{font-size:var(--font-size-sm)}.filter-bar .count{margin-left:auto;color:var(--color-text-muted)}@media(max-width:479.98px){.filter-bar .count{margin-left:0}}