/* Page de signature du mandat (BLOC 7.D).
   Le document occupe une zone defilante propre : le lecteur voit d'un
   coup d'oeil qu'il reste du texte, et le script peut constater la fin
   de lecture sans deviner la position de la page. */

.signature .chapo { max-width: 62ch; }

.signature .document {
  max-height: 60vh;
  overflow-y: auto;
  border: 1px solid var(--trait, #d9d5cd);
  border-radius: 6px;
  padding: 1.6rem 1.8rem;
  background: #fff;
  line-height: 1.65;
}
.signature .document h1 { font-size: 1.35rem; margin-top: 0; }
.signature .document h2 { font-size: 1.05rem; margin-top: 1.8rem; }
.signature .document p, .signature .document li { font-size: .95rem; }

.signature .signer { margin-top: 1.8rem; }
.signature .case {
  display: flex; gap: .7rem; align-items: flex-start;
  margin: 1.2rem 0; max-width: 62ch;
}
.signature .champ { display: block; max-width: 32ch; margin-bottom: 1.2rem; }
.signature .champ input { display: block; width: 100%; margin-top: .35rem; }


/* Audit du 21.09.2026 : le geste principal etait un <button> sans style,
   19 px de haut sur mobile. Il prend le bouton du site, borne en largeur. */
.signature #signer { max-width: 32ch; min-height: 44px; }
.signature button[disabled] { opacity: .45; cursor: not-allowed; }
.signature code { font-size: .78rem; word-break: break-all; }

/* La reference du document (13.09.2026) : douze caracteres lisibles,
   l'empreinte complete un geste plus loin — repli natif, sans script. */
.signature .reference-document { font-size: .92rem; }
.signature .reference-courte { font-size: .88rem; word-break: normal; }
.signature .reference-complete { display: inline-block; margin: .35rem 0 0; }
.signature .reference-complete summary { cursor: pointer; font-size: .85rem; color: var(--muted, #6b6760); padding-block: 4px; }
.signature .reference-complete code { display: block; margin-top: .3rem; }

.signature .pdf { margin: .9rem 0 0; font-size: .92rem; }