/* ==========================================
   UTILITY CLASSES
   ========================================== */
.muted {
	color: var(--muted);
	font-size: var(--font-note);
}

.mt-half {
	margin-top: calc(var(--space) / 2);
}

.mb-half {
	margin-bottom: calc(var(--space) / 2);
}

.highlight {
	color: var(--accent);
	font-weight: 700;
}

.subtitle {
	color: var(--muted);
	margin-top: 0;
}

.action-info {
	font-size: var(--font-note);
	line-height: 1.4;
	margin-top: 6px;
}

.cost-line {
	font-size: var(--font-sm);
	color: var(--muted);
	font-weight: 700;
	line-height: 1.4;
}

.cost-reduction {
	color: var(--error);
	font-weight: 700;
}

/* ==========================================
   CONFIRM MODAL
   ========================================== */
.confirm-modal-backdrop {
	position: fixed;
	inset: 0;
	background: var(--overlay-dark);
	z-index: var(--z-modal);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: fadeIn 0.15s ease;
}

.confirm-modal {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	padding: 24px;
	max-width: 380px;
	width: 90%;
	box-shadow: var(--shadow-lg);
	animation: scaleIn 0.15s ease;
}

.confirm-modal__msg {
	margin: 0 0 20px;
	line-height: 1.55;
}

.confirm-modal__actions {
	display: flex;
	gap: var(--gap-lg);
	justify-content: flex-end;
}

/* Shared progress-bar fill (admin, city, arena, race) */
.adm__progress-fill,
.ck__bprogress-fill,
.arena__bprogress-fill,
.ra__upgrade-bar-fill {
	height: 100%;
	width: var(--bar-pct, 0%);
	background: var(--accent);
	border-radius: 3px;
	transition: width 0.4s ease;
}
.ra__upgrade-bar-fill {
	border-radius: 2px;
}