/* Parcours client : mise en page locale au suivi, couleurs et boutons du thème. */
.dspt-tracking {
	border: 1px solid currentColor;
	border-radius: .5rem;
	padding: clamp(1rem, 3vw, 2rem);
	margin-block: 2rem;
	box-sizing: border-box;
}
.dspt-tracking h2 { margin-top: 0; }
.dspt-tracking .dspt-tracking__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1rem;
	padding: 0;
	margin: 1.5rem 0;
	list-style: none;
}
.dspt-tracking__steps li { display: flex; align-items: flex-start; gap: .65rem; min-width: 0; }
.dspt-tracking__step-number {
	display: grid;
	place-items: center;
	width: 2rem;
	height: 2rem;
	flex: 0 0 2rem;
	border: 1px solid currentColor;
	border-radius: 50%;
}
.dspt-tracking__steps [aria-current="step"] .dspt-tracking__step-number { border-width: 2px; font-weight: 700; }
.dspt-tracking__steps .is-upcoming .dspt-tracking__step-number { border-style: dashed; }
.dspt-tracking__steps time { display: block; font-size: .875em; margin-top: .3rem; }
.dspt-tracking .dspt-tracking__list { list-style: none; padding: 0; margin: 1rem 0; }
.dspt-tracking__list li { margin-block: .5rem; }
.dspt-tracking__number { overflow-wrap: anywhere; }
.dspt-tracking__note { border-inline-start: 3px solid currentColor; padding-inline-start: 1rem; }
.dspt-tracking__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; }
.dspt-tracking__actions .dspt-copy-value { background: transparent; color: inherit; border: 1px solid currentColor; }
.dspt-tracking__pending { font-size: .875em; }
.dspt-copy-feedback { display: block; margin-top: .5rem; }
@media (max-width: 600px) {
	.dspt-tracking .dspt-tracking__steps { grid-template-columns: 1fr; }
	.dspt-tracking__actions .button { max-width: 100%; }
}