/* /solutions/devis-facturation dans le style de la home V29 « lumière » (2026-10-09). Se charge après neoo-home-v29.css
   et neoo-solutions-v29.css (composants v29s- partagés avec /solutions/crm-ventes) et n’ajoute que ce que les écrans de
   cette page demandent. Plan : docs/solutions-devis/DESIGN.md. Généré par scripts/generate-neoo-solution-devis.mjs. */

/* Photo : le gérant est au tiers droit, la fenêtre claire à gauche porte le titre. */
.v29s-hero > .v29-plate img { object-position: 62% 50%; }

/* Écrans larges (facturation en attente, factures du client) : le titre et le texte côte à côte, puis l’écran en
   pleine largeur pour que les montants restent lisibles. */
.v29s-story--wide { grid-template-columns: minmax(0, 1fr); gap: 52px; }
.v29s-story--wide .v29s-story__media { order: 2; }
.v29s-story--wide .v29s-story__copy { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto 1fr; column-gap: clamp(40px, 6vw, 110px); align-items: start; }
.v29s-story--wide .v29s-story__copy > .v29-kicker { grid-column: 1; grid-row: 1; }
.v29s-story--wide .v29s-story__copy > .v29s-h3 { grid-column: 1; grid-row: 2; }
.v29s-story--wide .v29s-story__body { grid-column: 2; grid-row: 1 / span 2; }
.v29s-story--wide .v29s-story__body > .v29s-text { margin-top: 0; }

/* Écran portrait (devis converti en commande, 678 × 1033) : centré à taille de lecture. */
#ecran-order .v29s-story__media { justify-self: center; width: min(100%, 500px); }

@media (max-width: 860px) {
  .v29s-hero > .v29-plate img { object-position: 68% 45%; }
  .v29s-story--wide { gap: 34px; }
  .v29s-story--wide .v29s-story__copy { display: block; }
  .v29s-story--wide .v29s-story__body > .v29s-text { margin-top: 22px; }
}