/* ── Empty state ── */
.ac-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 28px 16px;
	text-align: center;
	gap: 8px;

	&__icon {
		width: 36px;
		height: 36px;
		border-radius: var(--radius-full);
		background: var(--ac-bg);
		border: 0.5px solid var(--ac-border);
		display: flex;
		align-items: center;
		justify-content: center;
		color: var(--ac-text-hint);
		flex-shrink: 0;
	}

	&__title {
		font-size: 13px;
		font-weight: 500;
		color: var(--ac-text);
	}

	&__sub {
		font-size: 12px;
		color: var(--ac-text-muted);
		line-height: 1.5;
	}
}