.filter-controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end}.filter-control{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.25rem}.filter-control label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:rgba(13,31,58,.65)}.filter-control input,.filter-control select{border:1px solid rgba(13,36,67,.12);border-radius:10px;padding:.55rem .75rem;background:#f8fbff;color:var(--primary);font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.filter-control input:focus,.filter-control select:focus{border-color:rgba(38,172,226,.8);box-shadow:0 0 0 3px rgba(38,172,226,.15);outline:none}.filter-clear{border:1px solid rgba(13,36,67,.12);border-radius:10px;height:40px;min-height:40px;padding:0 1.2rem;background:#fff;color:var(--primary);font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.filter-clear:focus-visible,.filter-clear:hover{border-color:rgba(38,172,226,.9);background:rgba(38,172,226,.12)}@media (max-width:720px){.filter-controls{flex-direction:column;align-items:stretch;gap:.5rem}.filter-control{min-width:0;gap:.15rem}.filter-clear{width:auto;max-width:100%;align-self:flex-start}}.filter-action-element{height:44px}