/* =============================================================================
	 Progress bar
	 Trust-blue primary fill, semantic variants. No glow, no gradients.
	 Depends on: tokens.css
	 ============================================================================= */

.shiftora-progress {
	display:        flex;
	flex-direction: column;
	gap:            var(--shiftora-space-2);
}

.shiftora-progress__header {
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	font-size:       var(--shiftora-font-size-sm);
}

.shiftora-progress__label {
	font-weight: var(--shiftora-font-weight-medium);
	color:       var(--shiftora-color-text);
}

.shiftora-progress__value {
	color:                var(--shiftora-color-text-muted);
	font-variant-numeric: tabular-nums;
	font-size:            var(--shiftora-font-size-xs);
}

.shiftora-progress__track {
	inline-size:      100%;
	block-size:       0.5rem;
	background-color: var(--shiftora-n-200);
	box-shadow:       inset 0 1px 2px rgba(0, 0, 0, 0.06);
	border-radius:    var(--shiftora-radius-full);
	overflow:         hidden;
}

.shiftora-progress__fill {
	block-size:      100%;
	border-radius:   var(--shiftora-radius-full);
	background:      var(--shiftora-gradient-primary);
	box-shadow:      var(--shiftora-glow-primary);
	transition:      inline-size 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	min-inline-size: 0.125rem;
}

/* Semantic variants */
.shiftora-progress--success .shiftora-progress__fill {
	background: var(--shiftora-color-success);
}

.shiftora-progress--warning .shiftora-progress__fill {
	background: var(--shiftora-color-warning);
}

.shiftora-progress--danger .shiftora-progress__fill {
	background: var(--shiftora-color-error);
}

/* Indeterminate */
.shiftora-progress--indeterminate .shiftora-progress__fill {
	inline-size: 40% !important;
	animation:   shiftora-progress-slide 1.5s ease-in-out infinite;
}

@keyframes shiftora-progress-slide {
	0%   { transform: translateX(-200%); }
	100% { transform: translateX(350%); }
}

/* Large */
.shiftora-progress--lg .shiftora-progress__track {
	block-size: 0.75rem;
}