.rd-crm-demo-focus {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	min-height: 0;
}

.rd-crm-demo-stages {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	border-bottom: 1px solid var(--rd-gray-200);
}

.rd-crm-demo-stages > div {
	display: grid;
	gap: var(--rd-spacing-xx-sm);
	padding: var(--rd-spacing-x-sm);
	text-align: center;
}

.rd-crm-demo-stages span,
.rd-crm-demo-secondary small {
	color: var(--rd-gray-500);
	font-size: var(--rd-fontsize-1);
}

.rd-crm-forecast-details {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--rd-spacing-sm);
}

.rd-crm-forecast-details p,
.rd-crm-forecast-details details {
	grid-column: 1 / -1;
}

.rd-crm-forecast-details > div {
	display: grid;
	gap: var(--rd-spacing-xx-sm);
	padding: var(--rd-spacing-sm);
	border: 1px solid var(--rd-gray-200);
}

.rd-crm-forecast-details pre {
	white-space: pre-wrap;
}

.rd-crm-demo-primary {
	display: grid;
	place-items: center;
	align-content: center;
	gap: var(--rd-spacing-x-sm);
	min-width: 0;
	padding: var(--rd-spacing-sm);
	color: var(--rd-font-dark);
	text-decoration: none;
}

.rd-crm-demo-count {
	display: grid;
	place-items: center;
	width: min(120px, 45cqh);
	aspect-ratio: 1;
	background: var(--rd-primary-inactive);
	border-radius: 50%;
	color: var(--rd-success-default);
	font-size: clamp(var(--rd-fontsize-10), 12cqh, 72px);
	font-weight: var(--rd-fontweights-open-sans-2);
	line-height: 1;
}

.rd-crm-demo-count[data-pressure="high"] {
	color: var(--rd-danger-color);
}

.rd-crm-demo-label {
	color: var(--rd-gray-500);
	font-weight: var(--rd-fontweights-open-sans-1);
}

.rd-crm-demo-secondary {
	display: grid;
	align-content: center;
	gap: var(--rd-spacing-xx-sm);
	min-width: 110px;
	padding: var(--rd-spacing-sm);
	border-left: 1px solid var(--rd-gray-200);
	color: var(--rd-gray-500);
	text-align: center;
}

.rd-crm-demo-secondary strong {
	color: var(--rd-font-dark);
	font-size: var(--rd-fontsize-8);
}

@container (max-width: 420px) {
	.rd-crm-demo-focus {
		grid-template-columns: 1fr;
	}

	.rd-crm-demo-secondary {
		grid-template-columns: auto auto;
		justify-content: center;
		border-top: 1px solid var(--rd-gray-200);
		border-left: 0;
	}
}