@layer components{.filter-panel{gap:var(--gap-related);background:var(--filter-surface);border-radius:var(--radius-lg);padding:var(--pad-control-x) var(--pad-control-x) var(--pad-card);min-width:0;color:var(--filter-text);flex-direction:column;align-self:start;display:flex;overflow:hidden}.filter-panel__mobile-header{padding-bottom:var(--pad-control-x);border-bottom:var(--border-hairline) solid var(--border-subtle);margin-bottom:var(--stack-hairline);justify-content:space-between;align-items:center;display:none}.filter-panel__mobile-title{font-size:var(--type-ui-size);letter-spacing:var(--type-ui-tracking);line-height:var(--type-ui-leading);font-weight:var(--font-weight-semibold);color:var(--filter-text)}.filter-panel__title{color:var(--filter-text);font-size:var(--type-caption-size);line-height:var(--type-caption-leading);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--type-micro-tracking);margin:0}.filter-panel__body{gap:var(--gap-related);flex-direction:column;min-width:0;display:flex}.filter-panel__field{gap:var(--gap-hairline);flex-direction:column;min-width:0;display:flex}.filter-panel--rail{color:var(--text-primary);background:0 0;border-radius:0;padding:0;overflow:visible}.filter-panel--rail .filter-panel__title{display:none}.filter-panel--rail .filter-panel__field{padding-bottom:var(--pad-control-x);border-bottom:var(--border-hairline) solid var(--border-subtle);gap:var(--gap-within)}.filter-panel--rail .filter-panel__field:last-child{border-bottom:none;padding-bottom:0}.filter-panel--rail .filter-panel__field-label{font-size:var(--type-caption-size);letter-spacing:var(--type-caption-tracking);line-height:var(--type-caption-leading);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.filter-panel-mobile-toolbar{display:none}@media (max-width:768px){.filter-panel{max-height:var(--panel-max-height);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:var(--z-modal);background:var(--surface-modal);box-shadow:var(--shadow-modal);display:none;position:fixed;inset:auto 0 0}.filter-panel--open{display:flex}.filter-panel--rail{padding:var(--pad-control-x) var(--pad-control-x) var(--pad-card);overflow:hidden}.filter-panel__mobile-header{flex:none;display:flex}.filter-panel__mobile-close{margin-right:calc(-1 * var(--inline-within))}.filter-panel__body{overscroll-behavior:contain;min-height:0;padding-bottom:env(safe-area-inset-bottom,0);flex:auto;overflow-y:auto}.filter-panel__title{display:none}.filter-panel-mobile-toolbar{margin-bottom:var(--stack-within);align-items:center;display:flex}.filter-panel-mobile-toggle{flex-shrink:0}.filter-panel-mobile-toggle__icon{font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);line-height:var(--type-micro-leading)}.filter-panel-mobile-toggle__badge{min-width:var(--size-icon-sm);height:var(--size-icon-sm);padding:0 var(--pad-tight);font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);font-weight:var(--font-weight-semibold);color:var(--text-inverse);background:var(--accent);border-radius:var(--radius-full);line-height:var(--type-micro-leading);justify-content:center;align-items:center;display:inline-flex}}.filter-panel .bf-select__control,.filter-panel .bf-select__input,.filter-panel .bf-select__input::placeholder,.filter-panel .bf-select__placeholder,.filter-panel .bf-select__option{font-size:var(--type-caption-size);letter-spacing:var(--type-caption-tracking);line-height:var(--type-caption-leading)}.filter-panel--rail .filter-pill .bf-select .bf-select__control{height:auto;min-height:var(--control-height-sm);border-radius:var(--radius-sm)}.filter-panel--rail .filter-pill .bf-select .bf-select__value-container{padding-left:var(--pad-control-x)}}