/**
 * Empty-results panel (template-parts/global/empty-state.php). Shared by the car
 * archives, Finance and Self Help: a lit card with an optional round icon well.
 */

.nscb-empty {
	display: grid;
	justify-items: center;
	gap: var(--nscb-space-3);
	padding: var(--nscb-space-8) var(--nscb-space-5);
	border: 1px solid var(--nscb-edge);
	border-radius: var(--nscb-radius-xl);
	background: var(--nscb-surface-card);
	box-shadow: var(--nscb-edge-light), var(--nscb-shadow-card);
	text-align: center;
}

.nscb-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	margin-bottom: var(--nscb-space-2);
	border-radius: var(--nscb-radius-pill);
	background: var(--nscb-icon-chip-bg);
	box-shadow: var(--nscb-icon-chip-shadow);
	color: var(--nscb-color-highlight);
}

.nscb-empty__icon .nscb-icon {
	width: 1.5rem;
	height: 1.5rem;
}

.nscb-empty__title {
	max-width: 30ch;
	color: var(--nscb-color-text);
	font-family: var(--nscb-font-heading);
	font-size: var(--nscb-text-xl);
	font-weight: 600;
	line-height: var(--nscb-leading-snug);
	overflow-wrap: anywhere;
}

.nscb-empty__text {
	max-width: 40ch;
	color: var(--nscb-color-text-secondary);
}

.nscb-empty .nscb-btn {
	margin-top: var(--nscb-space-3);
}