/**
 * Mini Progress Bar — compact overview variant.
 */

.ambh-mini-progress {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-family: inherit;
}

/* Left half: goal text */
.ambh-mini-progress__goal {
	flex: 1 1 50%;
	font-size: var(--ambh-font-sm, 0.875rem);
	font-weight: 600;
	color: inherit;
	white-space: nowrap;
}

.ambh-mini-progress__target {
	font-weight: 400;
	color: var(--ambh-text-muted, #646970);
}

/* Right half: slim bar */
.ambh-mini-progress__bar {
	flex: 1 1 50%;
	height: 5px;
	background: color-mix(in srgb, var(--ambh-color-progress, #27ae60) 15%, transparent);
	border-radius: 999px;
	overflow: hidden;
}

.ambh-mini-progress__fill {
	display: block;
	height: 100%;
	min-width: 2px;
	background: var(--ambh-color-progress, #27ae60);
	border-radius: 999px;
	transition: width 0.4s ease;
}