/* Test d'envoi réel : étapes, code bien visible, attente, en-têtes repliés */
.pdx-te-etapes { margin: 0 0 1em; }
.pdx-te-etapes li > span { display: block; color: var(--gris); }
.pdx-te-etapes .enreg { margin: 0.5em 0 0; max-width: 28em; }
.pdx-te-code code { font-size: 1.5em; font-weight: 500; letter-spacing: 0.08em; }

.pdx-te-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.7em 1em; }
.pdx-te-secondaire {
	padding: 0.85em 1.4em;
	border: 1px solid var(--encre);
	border-radius: 3em;
	background: #fff;
	color: var(--encre);
	font: 700 1em/1 var(--texte);
	cursor: pointer;
}
.pdx-te-secondaire:hover { background: var(--brume); }
.pdx-te-secondaire:disabled { opacity: .6; cursor: wait; }

.pdx-te-attente { flex-wrap: wrap; }
.pdx-te-heure { margin-left: auto; font-weight: 400; font-size: 0.88em; }

.pdx-te-entetes { margin-top: 2.4em; border-top: 1px solid var(--trait); border-bottom: 1px solid var(--trait); }
.pdx-te-entetes summary { cursor: pointer; padding: 0.9em 0; font-weight: 700; }
.pdx-te-entetes pre {
	margin: 0 0 1em;
	padding: 1em;
	border-radius: 0.8em;
	background: var(--grisé);
	font: 400 0.82em/1.6 var(--mono);
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

@media (max-width: 40em) {
	.pdx-te-actions .bouton, .pdx-te-secondaire { width: 100%; justify-content: center; }
	.pdx-te-heure { margin-left: 0; }
}