@layer components{.filter-bar{gap:var(--spacing-2);flex-direction:column;display:flex;position:relative}.filter-bar__search-row{align-items:center;gap:var(--spacing-2);display:flex}.filter-bar__search-row .filter-bar__search{flex:1;min-width:0}.filter-bar__nav{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.filter-bar__filters{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;flex:1;display:flex}.filter-bar__filters .filter-pill{flex:none}.filter-bar__clear-all{padding:0 var(--spacing-2);color:var(--text-secondary);font-family:var(--font-family-base);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;text-decoration:underline}.filter-bar__clear-all:hover{color:var(--text-primary)}@media (max-width:768px){.filter-bar__nav{display:none}.filter-bar__sheet .filter-pill{width:100%}.filter-bar__sheet .filter-bar__clear-all{min-height:var(--tap-target-min);align-self:flex-start;padding-inline:0}}@media (min-width:769px){.filter-sidebar.filter-bar__sheet{display:none}}.filter-bar__search .react-select__control{border-radius:var(--radius-lg);border:1.5px solid var(--border-default);background:var(--surface);height:auto;min-height:46px;box-shadow:0 2px 8px #0000000d,0 1px 2px #0000000a}.filter-bar__search .react-select__control:hover{border-color:var(--border-strong);box-shadow:0 3px 10px #00000012,0 1px 3px #0000000d}.filter-bar__search .react-select__control--is-focused{border-color:var(--accent);box-shadow:0 2px 8px #0000000d, 0 0 0 3px var(--focus-ring,#3b82f640)}.filter-bar__sheet .filter-pill .react-select__control{background-color:var(--surface-elevated);border:1px solid var(--border-subtle)}.filter-bar__sheet .filter-pill .react-select__control:hover{background-color:var(--surface);border-color:var(--accent)}[data-theme=dark] .filter-bar__sheet .filter-pill .react-select__control{background-color:var(--surface);border:1px solid var(--border-default)}[data-theme=dark] .filter-bar__sheet .filter-pill .react-select__control:hover{background-color:var(--surface);border-color:var(--accent)}@media (max-width:768px){.filter-bar__sheet .filter-pill .react-select__control{min-height:var(--tap-target-min);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-elevated);height:auto;box-shadow:none}.filter-bar__sheet .filter-pill .react-select__value-container{padding:0 var(--spacing-3)}.filter-bar__sheet .filter-pill .react-select__placeholder,.filter-bar__sheet .filter-pill .react-select__single-value,.filter-bar__sheet .filter-pill .comp-filter-input{font-size:var(--font-size-sm)}}}