/* M3 — Documents. Règles préfixées par .m3 (CONTRAT.md § 8) ; variables du socle uniquement. */
.m3 .m3-boutons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sm);margin:0 0 var(--sm)}
@media (min-width:700px){.m3 .m3-boutons{grid-template-columns:repeat(4,minmax(0,1fr))}}
.m3 .m3-boutons .btn{width:100%;padding:0 var(--sm)}
.m3 .m3-entete-liste{display:flex;align-items:center;justify-content:space-between;gap:var(--sm);flex-wrap:wrap}
.m3 .m3-entete-liste .aide{margin:0}
.m3 .m3-coche{display:flex;align-items:center;gap:var(--sm);min-height:44px;cursor:pointer}
.m3 .m3-coche small{color:var(--texte-2)}
.m3 .liste .pastille{flex:none}

/* fiche d'un document */
.m3 .m3-titre{display:flex;align-items:center;justify-content:space-between;gap:var(--sm);flex-wrap:wrap}
.m3 .m3-titre h2{margin:0;overflow-wrap:anywhere}
.m3 .m3-infos{margin:var(--md) 0 0;display:grid;gap:var(--xs) 0}
.m3 .m3-info{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--sm);font-size:15px}
.m3 .m3-info dt{color:var(--texte-2)}
.m3 .m3-info dd{margin:0;overflow-wrap:anywhere}
.m3 .actions .btn{flex:1 1 auto}
@media (min-width:700px){.m3 .actions .btn{flex:0 1 auto}}
.m3 label.btn{cursor:pointer}
.m3 .m3-apercu{display:none}
@media (min-width:900px){
  .m3 .m3-apercu{display:block;width:100%;height:80vh;border:1px solid var(--bord);border-radius:var(--r);background:var(--surface-2);margin:var(--sm) 0}
  .m3 img.m3-apercu{height:auto;max-height:none;object-fit:contain}
}

/* feuille du bon de commande */
.m3.m3-feuille fieldset{border:1px solid var(--bord);border-radius:var(--r-sm);padding:var(--sm) var(--md);margin:var(--sm) 0}
.m3.m3-feuille legend{font-size:13px;font-weight:600;color:var(--texte-2);padding:0 var(--xs)}
.m3.m3-feuille .m3-montants{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0 var(--md)}
.m3.m3-feuille .m3-total{font-weight:650;margin:var(--sm) 0;font-variant-numeric:tabular-nums}
.m3.m3-feuille .bandeau{margin-top:0}