.cnhc-card {
	background: var(--cnhc-surface);
	border: 1px solid var(--cnhc-border-soft);
	border-radius: var(--cnhc-radius-md);
	padding: var(--cnhc-space-5);
	box-shadow: var(--cnhc-shadow-sm);
}

.cnhc-card--flat {
	box-shadow: none;
}

.cnhc-macro-bars {
	display: grid;
	gap: var(--cnhc-space-3);
	margin-top: var(--cnhc-space-4);
}

.cnhc-macro-bar {
	display: grid;
	gap: var(--cnhc-space-1);
}

.cnhc-macro-bar__label {
	display: flex;
	justify-content: space-between;
	font-size: var(--cnhc-fs-small);
	font-weight: 600;
}

.cnhc-macro-bar__label span:last-child {
	font-family: var(--cnhc-font-mono);
	color: var(--cnhc-text-muted);
	font-weight: 500;
}

.cnhc-macro-bar__track {
	height: 10px;
	border-radius: 999px;
	background: var(--cnhc-pine-50);
	overflow: hidden;
}

.cnhc-macro-bar__fill {
	height: 100%;
	border-radius: 999px;
	transition: width 320ms ease;
}

.cnhc-macro-bar__fill--protein { background: var(--cnhc-pine-700); }
.cnhc-macro-bar__fill--carbs { background: var(--cnhc-amber-500); }
.cnhc-macro-bar__fill--fat { background: var(--cnhc-scale-1); }