/* En panne pour tout le monde ? (outils/lib/pd/en-panne.php) */

/* État en grosses lettres dans le sommaire */
.pdx-panne-etat {
	flex: none;
	padding: 0.35em 0.9em;
	border-radius: 3em;
	border: 0.12em solid var(--info-trait);
	background: var(--info-fond);
	color: var(--info);
	font: 700 1.15em/1.2 var(--titre);
}
.pdx-panne-etat.niv-ok { border-color: var(--ok-trait); background: var(--ok-fond); color: var(--ok); }
.pdx-panne-etat.niv-attn { border-color: var(--attn-trait); background: var(--attn-fond); color: var(--attn); }
.pdx-panne-etat.niv-err { border-color: var(--err-trait); background: var(--err-fond); color: var(--err); }

/* Verdict en clair */
.pdx-panne-verdict { margin-top: 1.2em; padding: 1.2em 1.4em; border-radius: 1em; border-left: 0.35em solid var(--info-trait); background: var(--info-fond); }
.pdx-panne-verdict.niv-ok { border-left-color: var(--ok-trait); background: var(--ok-fond); }
.pdx-panne-verdict.niv-attn { border-left-color: var(--attn-trait); background: var(--attn-fond); }
.pdx-panne-verdict.niv-err { border-left-color: var(--err-trait); background: var(--err-fond); }
.pdx-panne-verdict p { margin: 0 0 0.6em; }
.pdx-panne-verdict p:last-child { margin-bottom: 0; }
.pdx-panne-verdict-titre { font-size: 1.1em; font-weight: 700; }
.pdx-panne-verdict a { color: var(--orange-texte); text-underline-offset: 0.2em; }
.pdx-panne-verdict code { font: 400 0.92em/1.4 var(--mono); overflow-wrap: anywhere; }
.pdx-panne-sous { color: var(--gris); }

/* Pistes numérotées */
.pdx-panne-pistes { margin: 0; padding-left: 1.3em; }
.pdx-panne-pistes li { margin: 0 0 0.55em; }
.pdx-panne-pistes li:last-child { margin-bottom: 0; }