.dm-chip-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.dm-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 30px;
	padding: 0 12px;
	border: 1px solid var(--border);
	background: var(--surface);
	border-radius: var(--r-pill);
	font-size: var(--fs-300);
	font-weight: 500;
	color: var(--text-secondary);
	text-decoration: none;
	cursor: pointer;
	transition: background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);
}

.dm-chip:hover,
.dm-chip.is-active {
	border-color: var(--accent);
	color: var(--accent);
}

.dm-chip.is-active {
	font-weight: 600;
}

.dm-chip--filter.is-active {
	background: transparent;
}

.dm-chip--sm {
	height: 26px;
	padding: 0 10px;
	font-size: var(--fs-200);
}

.dm-chip__clear {
	font-size: 15px;
	line-height: 1;
	opacity: 0.8;
}

.dm-sort-toggle {
	display: inline-flex;
	padding: 3px;
	border: 1px solid var(--border);
	border-radius: var(--r-lg);
	background: var(--surface);
}

.dm-sort-toggle button {
	height: 30px;
	padding: 0 14px;
	border: none;
	border-radius: 9px;
	font-size: var(--fs-300);
	font-weight: 500;
	background: transparent;
	color: var(--text-muted);
}

.dm-sort-toggle button.is-active {
	background: var(--surface-hover);
	color: var(--text);
}