/* Lecteur de rapports DMARC (outils/lib/pd/rapports-dmarc.php) */

/* Zone de dépôt */
.pdx-dmarc-zone {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35em;
	padding: 2.2em 1.2em;
	border: 0.13em dashed var(--brume-2);
	border-radius: 0.9em;
	background: var(--grisé);
	text-align: center;
	cursor: pointer;
	transition: border-color .2s, background .2s;
}
.pdx-dmarc-zone:hover, .pdx-dmarc-zone.survol { border-color: var(--orange); background: var(--peche); }
.pdx-dmarc-zone strong { font-family: var(--titre); font-size: 1.3em; }
.pdx-dmarc-zone span { color: var(--gris); font-size: 0.95em; }
.pdx-dmarc-icone { font-size: 2em !important; line-height: 1; color: var(--orange-texte) !important; }
#pdx-dmarc-fichiers:focus-visible + .pdx-dmarc-zone { outline: 0.15em solid var(--orange); outline-offset: 0.2em; }
.pdx-dmarc-option { display: flex; gap: 0.6em; align-items: baseline; margin-top: 1em; font-size: 0.92em; cursor: pointer; }
.pdx-dmarc-etat { margin: 1em 0 0; color: var(--gris); font-weight: 600; }
.pdx-dmarc-erreurs { margin-top: 1em; }

/* Groupes d'expéditeurs */
.pdx-dmarc-groupe { border-bottom: 1px solid var(--trait); }
.pdx-dmarc-groupe:first-of-type { border-top: 1px solid var(--trait); }
.pdx-dmarc-groupe > summary {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5em 0.9em;
	padding: 0.9em 0;
	cursor: pointer;
	list-style: none;
}
.pdx-dmarc-groupe > summary::-webkit-details-marker { display: none; }
.pdx-dmarc-groupe > summary::before { content: "+"; width: 1em; font: 400 1.2em/1 var(--mono); color: var(--orange-texte); }
.pdx-dmarc-groupe[open] > summary::before { content: "−"; }
.pdx-dmarc-nom { font-family: var(--titre); font-weight: 700; font-size: 1.15em; }
.pdx-dmarc-compte { margin-left: auto; color: var(--gris); }
.pdx-dmarc-barre { display: inline-block; width: 6em; height: 0.5em; border-radius: 0.3em; background: var(--brume); overflow: hidden; }
.pdx-dmarc-barre i { display: block; height: 100%; background: var(--info-trait); }
.pdx-dmarc-barre.niv-ok i { background: var(--ok-trait); }
.pdx-dmarc-barre.niv-attn i { background: var(--attn-trait); }
.pdx-dmarc-barre.niv-err i { background: var(--err-trait); }
.pdx-dmarc-table { margin-bottom: 1em; }
.pdx-dmarc-table td:first-child { width: 34%; }
.pdx-dmarc-table th.nb, .pdx-dmarc-table td.nb, #pdx-dmarc-rapports .decode .nb { padding-right: 1.2em; }
#pdx-dmarc-rapports .decode th:last-child, #pdx-dmarc-rapports .decode td:last-child { padding-right: 0; }
.pdx-dmarc-table .note .pastille { margin-top: 0.3em; }
@media (max-width: 40em) {
	.pdx-dmarc-compte { margin-left: 0; }
}

/* Étiquettes visibles seulement quand le tableau devient une liste (téléphone) */
.pdx-tel { display: none; }
@media (max-width: 40em) {
	.pdx-tel { display: inline; font-weight: 600; }
	.pdx-dmarc-table td { margin-bottom: 0.2em; }
}