/* Page publique de vérification (écran E1, VRF-001) : mobile d'abord,
   fonctionne sans JavaScript, aucune police téléchargée (polices système en repli). */
.verify { max-width: 40rem; }
.verify-form .actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }

.status {
  display: flex; align-items: center; gap: .6rem; margin: 0 0 1rem; padding: .85rem 1rem;
  border-radius: var(--cv-radius); font-size: 1.2rem; font-weight: 700;
}
.status-valid { background: var(--cv-vert-sapin); color: var(--cv-blanc); }
.status-warning { background: var(--cv-blanc); color: var(--cv-alerte); border: 2px solid var(--cv-alerte); }
.status-cancelled { background: var(--cv-blanc); color: var(--cv-erreur); border: 2px solid var(--cv-erreur); }
.status svg { width: 1.5rem; height: 1.5rem; flex: none; }

.doc dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: .15rem 1rem; margin: 0; }
.doc dt { color: var(--cv-ardoise); font-size: .85rem; margin-top: .6rem; }
.doc dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.doc .amount { font-size: 1.35rem; }
.doc ul { margin: 0; padding-left: 1.1rem; font-weight: 400; }
.doc .actions { margin-top: 1.25rem; display: flex; flex-wrap: wrap; gap: .75rem; }

@media (min-width: 40rem) {
  .doc dl { grid-template-columns: 14rem minmax(0, 1fr); }
  .doc dt { margin-top: 0; padding: .35rem 0; border-bottom: 1px solid var(--cv-zebrage); }
  .doc dd { padding: .35rem 0; border-bottom: 1px solid var(--cv-zebrage); }
}
@media print {
  .site-header .lang, .verify-form, .doc .actions { display: none; }
}
.signature { margin-top: 1rem; font-size: .85rem; color: var(--cv-ardoise); }
.signature summary { cursor: pointer; }
.signature dd { font-weight: 400; }