/* Générateur de signature courriel : groupes de champs, modèles, aperçu dans un faux message */
.pdx-sig-groupe { margin: 0 0 1.2em; padding: 0; border: 0; min-width: 0; }
.pdx-sig-groupe legend { margin-bottom: 0.7em; padding: 0; font: 700 1.15em/1.2 var(--titre); }
.pdx-sig-grille { display: grid; gap: 0 1em; grid-template-columns: repeat(auto-fit, minmax(14em, 1fr)); }
.pdx-sig-large { grid-column: 1 / -1; }
.pdx-sig .champ { margin-bottom: 0.9em; min-width: 0; }
.pdx-sig .champ select, .pdx-sig .champ input[type="number"] { width: 100%; }
.pdx-sig .champ textarea { min-height: 4.5em; font: inherit; }
.pdx-sig .champ input[type="number"] {
	padding: 0.8em 0.95em;
	border: 1px solid transparent;
	border-radius: 0.6em;
	background: var(--brume);
	color: var(--encre);
	font: inherit;
}
.pdx-sig .champ input[type="number"]:focus { outline: 0; border-color: var(--encre); background: #fff; }
.pdx-sig-aide-logo { margin: -0.4em 0 1em; }
.pdx-sig-modeles { display: grid; gap: 0.5em; grid-template-columns: repeat(auto-fit, minmax(12em, 1fr)); margin: 0 0 1.1em; }
.pdx-sig-modeles .pv-case strong { display: block; }

/* Couleur d'accent : pastille + code */
.pdx-sig-couleur { display: flex; gap: 0.5em; }
.pdx-sig-couleur input[type="color"] {
	flex: none;
	width: 3em;
	height: 3em;
	padding: 0.2em;
	border: 1px solid var(--trait);
	border-radius: 0.6em;
	background: #fff;
	cursor: pointer;
}
.pdx-sig .pdx-sig-couleur input[type="text"] { flex: 1; min-width: 0; font-family: var(--mono); }
.pdx-sig-avert { margin: 0.4em 0 0; color: var(--attn); font-size: 0.85em; font-weight: 600; }

.pdx-sig-actions { margin: 0.2em 0 0; }
.lien-discret { padding: 0; border: 0; background: none; color: var(--gris); font: 600 0.9em/1.4 var(--texte); text-decoration: underline; text-underline-offset: 0.2em; cursor: pointer; }
.lien-discret:hover { color: var(--encre); }

/* Aperçu : un faux message blanc, la signature telle quelle */
.pdx-sig-res { margin-top: 2.2em; }
.pdx-sig-res .pastille[hidden] { display: none; }
.pdx-sig-apercu {
	padding: 1.4em 1.4em 1.6em;
	border: 1px solid var(--trait);
	border-radius: 0.9em;
	background: #fff;
	overflow-x: auto;
}
.pdx-sig-apercu-message { display: grid; gap: 0.45em; margin-bottom: 1.4em; }
.pdx-sig-apercu-message span { height: 0.55em; border-radius: 0.3em; background: var(--grisé); }
.pdx-sig-apercu-message span:nth-child(2) { width: 85%; }
.pdx-sig-apercu-message span:nth-child(3) { width: 40%; }
/* Neutralise les réglages du site sur l'aperçu (images, liens) */
#pdx-sig-apercu img { max-width: none; }
#pdx-sig-apercu table { width: auto; }

.pdx-sig-boutons { display: flex; flex-wrap: wrap; gap: 0.6em; align-items: center; margin-top: 1.1em; }
.pdx-sig-boutons .bouton::after { content: none; }
.pdx-sig-boutons .copier { padding: 0.6em 1em; }
.pdx-sig-etat { margin: 0.6em 0 0; min-height: 1.4em; font-weight: 600; font-size: 0.92em; }
.pdx-sig-etat.niv-ok { color: var(--ok); }
.pdx-sig-etat.niv-err { color: var(--err); }
.pdx-sig-code { margin-top: 1em; }
.pdx-sig-code summary { cursor: pointer; color: var(--gris); font-weight: 600; font-size: 0.92em; margin-bottom: 0.6em; }
.pdx-sig-code code { max-height: 16em; overflow: auto; font-size: 0.8em; }

.pdx-sig-mode .faq ol { margin: 0 0 0.6em; padding-left: 1.3em; }
.pdx-sig-mode .faq li { margin-bottom: 0.3em; }
.pdx-sig-mode .faq p { margin: 0; color: var(--gris); font-size: 0.95em; }

@media (max-width: 40em) {
	.pdx-sig-apercu { padding: 1em; }
	.pdx-sig-boutons .bouton { width: 100%; justify-content: center; }
}