/* Bon de commande des fichiers d'entreprises : s'appuie sur maj-fiche.css ; aucun débordement à 320 px. */
.cf-page { overflow-wrap: anywhere; }
.cf-horsligne { margin: 0 0 16px; padding: 12px 16px; border-radius: 8px; background: var(--c-bg-2, #E9EDF1); font-size: 15px; line-height: 22px; color: var(--c-text, #1e293b); }
.cf-produits { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.cf-produit { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--c-border, #e2e8f0); border-radius: 12px; min-width: 0; }
.cf-produit__txt p { margin: 0 0 8px; }
.cf-produit__txt h2 { margin: 0 0 8px; }
.cf-qte { width: 100%; max-width: 8rem; min-height: 44px; box-sizing: border-box; }
.cf-produit__qte { min-width: 0; }
.cf-total { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; margin: 0; padding: 12px 16px; border-radius: 8px; background: var(--c-bg-2, #E9EDF1); font-size: 18px; }
.cf-total strong { font-size: 22px; color: #3D5A73; }
.cf-recap { width: 100%; border-collapse: collapse; margin: 16px 0 0; }
.cf-recap th, .cf-recap td { text-align: left; padding: 8px 4px; border-bottom: 1px solid var(--c-border, #e2e8f0); vertical-align: top; }
.cf-recap td:last-child { text-align: right; white-space: nowrap; }
@media (min-width: 640px) { .cf-produit { grid-template-columns: minmax(0, 1fr) 10rem; } }