/* Favicon et icônes (outils/lib/pd/favicon.php) : maquettes claires (onglet, écrans d'accueil, Google). */
.pdf-grille { display: grid; gap: 1.4em 1.2em; grid-template-columns: repeat(auto-fill, minmax(17em, 1fr)); }
.pdf-carte { margin: 0; min-width: 0; }
.pdf-carte figcaption { margin-bottom: 0.5em; font: 500 0.75em/1.3 var(--mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--gris); }
.pdf-grille [class^="pdf-"] { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.pdf-globe { display: inline-block; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #d7dde3, #aab4be); }
.pdf-factice { background: linear-gradient(135deg, #8ec5fc, #4f8fd8); }
.pdf-factice.b { background: linear-gradient(135deg, #ffd27a, #f07919); }

/* Onglet */
.pdf-navigateur { overflow: hidden; border: 1px solid var(--trait); border-radius: 0.7em; background: #dfe3e8; }
.pdf-onglets { display: flex; gap: 0.2em; padding: 0.5em 0.5em 0; }
.pdf-onglet { display: flex; align-items: center; gap: 0.5em; min-width: 0; max-width: 12em; padding: 0.5em 0.7em; border-radius: 0.6em 0.6em 0 0; font-size: 0.8em; color: #5f6368; }
.pdf-onglet.actif { background: #fff; color: #202124; }
.pdf-onglet span:not(.pdf-16) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdf-onglet i { font-style: normal; color: #5f6368; margin-left: auto; }
.pdf-16 { flex: none; width: 1.25em; height: 1.25em; object-fit: contain; }
.pdf-barre { padding: 0.45em 0.6em 0.6em; background: #fff; }
.pdf-barre span { display: block; padding: 0.35em 0.9em; border-radius: 3em; background: #f1f3f4; color: #202124; font-size: 0.8em; }

/* Écrans d'accueil (fonds clairs, pas de fond foncé) */
.pdf-ecran { display: flex; justify-content: center; gap: 1.2em; padding: 1.4em 1em 1.2em; border-radius: 1.2em; }
.pdf-ios { background: linear-gradient(160deg, #e8f0f7, #f6e9df); }
.pdf-android { background: linear-gradient(160deg, #eef3ea, #e3ebef); }
.pdf-app { display: flex; flex-direction: column; align-items: center; gap: 0.4em; width: 4.2em; font-size: 0.8em; color: #1d1d1f; text-align: center; }
.pdf-app > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdf-ios-icone { display: block; width: 3.8em; height: 3.8em; border-radius: 22%; object-fit: cover; box-shadow: 0 0.15em 0.4em #13243a2e; background: #000; }
.pdf-capture { display: grid; place-items: center; padding: 0.3em; background: repeating-linear-gradient(0deg, #cfd6dd 0 0.3em, #e4e8ec 0.3em 0.6em); color: #4f5f70; font-size: 0.7em; line-height: 1.1; filter: blur(0.02em); }
.pdf-and-rond { display: grid; place-items: center; width: 3.8em; height: 3.8em; border-radius: 50%; background: #fff; overflow: hidden; box-shadow: 0 0.15em 0.4em #13243a2e; }
.pdf-and-icone { display: block; width: 70%; height: 70%; object-fit: contain; border-radius: 0.3em; }
.pdf-and-rond.plein .pdf-and-icone { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.pdf-and-rond .pdf-factice { width: 100%; height: 100%; border-radius: 0; }

/* Google mobile */
.pdf-google { padding: 1em; border-radius: 0.8em; background: #fff; border: 1px solid var(--trait); }
.pdf-g-site { display: flex; align-items: center; gap: 0.7em; }
.pdf-g-rond { display: grid; place-items: center; flex: none; width: 1.9em; height: 1.9em; border-radius: 50%; background: #f1f3f4; border: 1px solid #dadce0; overflow: hidden; }
.pdf-g-icone { width: 1.15em; height: 1.15em; object-fit: contain; }
.pdf-g-site > div { display: flex; flex-direction: column; min-width: 0; }
.pdf-g-nom { color: #202124; font-size: 0.85em; }
.pdf-g-url { color: #4d5156; font-size: 0.75em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdf-g-titre { margin: 0.5em 0 0; color: #1a0dab; font-size: 1.1em; }

/* Tableau des fichiers */
.pdf-fichier { display: flex; align-items: center; gap: 0.8em; }
.pdf-fichier > div { min-width: 0; }
.pdf-vignette { flex: none; display: block; width: 2.4em; height: 2.4em; object-fit: contain; border-radius: 0.3em; background: repeating-conic-gradient(#eef1f4 0 25%, #fff 0 50%) 0 0 / 0.8em 0.8em; border: 1px solid var(--trait); }
.pdf-vide { background: var(--grisé); }
.pdf-note { color: var(--gris); font-size: 0.9em; }
.pdf-pastille-couleur { display: inline-block; width: 1em; height: 1em; border-radius: 0.25em; border: 1px solid var(--trait); vertical-align: -0.15em; }

/* Bloc sans texte d'introduction : un peu d'air sous le titre */
.res-bloc-tete + .pdf-grille, .res-bloc-tete + .controle { margin-top: 1.2em; }