.njcms-filter-group,
.njcms-reports__filters,
.njcms-decisions__filters {
	display: grid;
	gap: var(--njcms-space-sm);
	margin-bottom: var(--njcms-space-lg);
}

.njcms-reports__filter-row,
.njcms-decisions__filter-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem;
}

.njcms-reports__filter-label,
.njcms-decisions__filter-label {
	font-size: 0.8rem;
	font-weight: 700;
	color: var(--njcms-color-muted);
	margin-right: 0.1rem;
}

.njcms-filter-chip,
.njcms-reports__filter,
.njcms-decisions__filter {
	border: 1px solid var(--njcms-color-border);
	background: #fff;
	color: var(--njcms-color-primary);
	border-radius: var(--njcms-radius-pill);
	padding: 0.45rem 0.75rem;
	min-height: 40px;
	transition: all var(--njcms-transition-fast);
}

.njcms-filter-chip:hover,
.njcms-reports__filter:hover,
.njcms-decisions__filter:hover,
.njcms-filter-chip.is-active,
.njcms-reports__filter.is-active,
.njcms-decisions__filter.is-active {
	background: var(--njcms-color-primary);
	color: #fff;
	border-color: var(--njcms-color-primary);
}

@media (max-width: 767px) {
	.njcms-reports__filter-row,
	.njcms-decisions__filter-row {
		flex-direction: column;
		align-items: stretch;
	}

	.njcms-reports__filter-label,
	.njcms-decisions__filter-label {
		width: 100%;
		margin-bottom: 0.2rem;
	}

	.njcms-filter-chip,
	.njcms-reports__filter,
	.njcms-decisions__filter {
		width: 100%;
		justify-content: center;
		min-height: 2.75rem;
	}
}

@media (max-width: 375px) {
	.njcms-reports__filter-row,
	.njcms-decisions__filter-row {
		gap: 0.35rem;
	}

	.njcms-filter-chip,
	.njcms-reports__filter,
	.njcms-decisions__filter {
		padding: 0.4rem 0.6rem;
		font-size: 0.77rem;
	}
}