.beat-filters {
	margin: 0 0 24px;
	padding: 16px;
	background: #121212;
	border: 1px solid #2a2a2a;
	border-radius: 10px;
	color: #f5f5f5;
	font-family: 'Inter', sans-serif;
}
.beat-filters-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.beat-filters-heading strong { font-family: 'Space Grotesk', 'Inter', sans-serif; font-size: 1rem; }
#beatFilterCount { color: #b0b0b0; font-size: 0.8rem; }
.beat-filters-fields { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.beat-filters-fields label { display: grid; gap: 5px; color: #b0b0b0; font-size: 0.75rem; }
.beat-filters-fields select,
.beat-filters-fields input { width: 100%; box-sizing: border-box; min-width: 0; padding: 9px 10px; background: #232323; border: 1px solid #2a2a2a; border-radius: 6px; color: #f5f5f5; font: inherit; }
.beat-filters-fields select:focus,
.beat-filters-fields input:focus { outline: none; border-color: #a855f7; }
.beat-filters-clear { margin-top: 14px; }
.beat-filter-active { min-height: 18px; margin-top: 12px; color: #a855f7; font-size: 0.75rem; }
.beat-filter-status { min-height: 18px; margin-top: 4px; color: #b0b0b0; font-size: 0.8rem; }
.beat-listing.is-filtering #listingRows { transition: opacity 0.2s ease; }
@media (max-width: 1024px) { .beat-filters-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 768px) { .beat-filters-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .beat-filters { padding: 12px; } .beat-filters-fields { grid-template-columns: 1fr; } .beat-filters-clear { width: 100%; } }