fix(#156): caler la modale AM sur les TF et unifier create/review.

ValidationFormMetrics (titres, TF, écarts) pilote la hauteur ; photo
étirée sur le corps ; mêmes widgets create et validation.

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/lib/widgets/admin/common/validation_detail_section.dart

@@ -6,6 +6,50 @@ import 'package:p_tits_pas/utils/phone_utils.dart';
 import 'package:p_tits_pas/utils/postal_utils.dart';
 import 'admin_detail_modal.dart';
 
+/// Réglages des formulaires validation / wizard AM — **jouer sur ces 3 leviers**.
+class ValidationFormMetrics {
+  ValidationFormMetrics._();
+
+  // --- 1. Titres de section ---
+  static const double sectionTitleFontSize = 16;
+  static const double sectionTitleGapBelow = 12;
+
+  // --- 2. TF : texte intérieur + padding vertical (= hauteur) ---
+  static const double fieldTextFontSize = 14;
+  static const double fieldContentPaddingV = 12;
+  static const double fieldContentPaddingH = 12;
+  /// Hauteur estimée du TF (texte + padding haut/bas + bordure).
+  static const double fieldHeight =
+      fieldTextFontSize + fieldContentPaddingV * 2 + 4;
+
+  // --- 3. Espace entre les lignes de TF ---
+  static const double rowGapBelow = 12;
+
+  // Libellé au-dessus du TF (titre du champ)
+  static const double fieldLabelFontSize = 13;
+  static const double fieldLabelGapBelow = 4;
+
+  static const TextStyle fieldTextStyle = TextStyle(
+    color: Colors.black87,
+    fontSize: fieldTextFontSize,
+  );
+
+  static double get sectionTitleBlockHeight =>
+      sectionTitleFontSize + sectionTitleGapBelow;
+
+  static double get labeledRowHeight =>
+      fieldLabelFontSize + fieldLabelGapBelow + fieldHeight + rowGapBelow;
+
+  /// Corps modale AM : padding wizard + titre + [rows] lignes + nav.
+  static double shellBodyHeightForRows(int rows) =>
+      20 * 2 + // padding wizard
+      4 + // espace haut
+      sectionTitleBlockHeight +
+      rows * labeledRowHeight +
+      24 + // avant nav
+      44; // boutons
+}
+
 /// Bloc type formulaire (titre de section + champs read-only) pour les modales de validation.
 /// [rowLayout] : même disposition que la création de compte, ex. [2, 2, 1, 2] = ligne de 2, ligne de 2, plein largeur, ligne de 2.
 /// [rowFlex] : flex par index de ligne (optionnel). Ex. {3: [2, 5]} = 4e ligne : code postal étroit (2), ville large (5).
@@ -20,12 +64,16 @@ class ValidationDetailSection extends StatelessWidget {
   /// Flex par ligne (index de ligne -> [flex1, flex2, ...]). Ex. {3: [2, 5]} pour Code postal | Ville.
   final Map<int, List<int>>? rowFlex;
 
+  /// Remplit la hauteur disponible (wizard AM étapes 1–2).
+  final bool expandVertically;
+
   const ValidationDetailSection({
     super.key,
     this.title,
     required this.fields,
     this.rowLayout,
     this.rowFlex,
+    this.expandVertically = false,
   });
 
   @override
@@ -34,6 +82,7 @@ class ValidationDetailSection extends StatelessWidget {
       title: title,
       rowLayout: rowLayout,
       rowFlex: rowFlex,
+      expandVertically: expandVertically,
       fields: fields
           .map(
             (f) => ValidationLabeledField(
@@ -53,6 +102,8 @@ class ValidationFormGrid extends StatelessWidget {
   final List<int>? rowLayout;
   final Map<int, List<int>>? rowFlex;
   final bool compact;
+  /// Répartit la hauteur dispo entre les lignes (remplit le blanc sans scroll).
+  final bool expandVertically;
 
   const ValidationFormGrid({
     super.key,
@@ -61,6 +112,7 @@ class ValidationFormGrid extends StatelessWidget {
     this.rowLayout,
     this.rowFlex,
     this.compact = false,
+    this.expandVertically = false,
   });
 
   @override
@@ -68,7 +120,7 @@ class ValidationFormGrid extends StatelessWidget {
     final layout = rowLayout ?? List.filled(fields.length, 1);
     int index = 0;
     int rowIndex = 0;
-    final rows = <Widget>[];
+    final rowWidgets = <Widget>[];
     for (final count in layout) {
       if (index >= fields.length) break;
       final rowFields = fields.skip(index).take(count).toList();
@@ -76,48 +128,73 @@ class ValidationFormGrid extends StatelessWidget {
       if (rowFields.isEmpty) continue;
       final flexForRow = rowFlex?[rowIndex];
       rowIndex++;
+      final labeled = rowFields
+          .map(
+            (f) => ValidationLabeledField(
+              label: f.label,
+              field: f.field,
+              expand: expandVertically,
+            ),
+          )
+          .toList();
+
+      Widget row;
       if (count == 1) {
-        rows.add(Padding(
-          padding: EdgeInsets.only(bottom: compact ? 8 : 12),
-          child: rowFields.first,
-        ));
+        row = labeled.first;
       } else {
-        rows.add(Padding(
-          padding: EdgeInsets.only(bottom: compact ? 8 : 12),
-          child: Row(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              for (int i = 0; i < rowFields.length; i++) ...[
-                if (i > 0) SizedBox(width: compact ? 12 : 16),
-                Expanded(
-                  flex: (flexForRow != null && i < flexForRow.length)
-                      ? flexForRow[i]
-                      : 1,
-                  child: rowFields[i],
-                ),
-              ],
+        row = Row(
+          crossAxisAlignment: expandVertically
+              ? CrossAxisAlignment.stretch
+              : CrossAxisAlignment.start,
+          children: [
+            for (int i = 0; i < labeled.length; i++) ...[
+              if (i > 0) SizedBox(width: compact ? 12 : 16),
+              Expanded(
+                flex: (flexForRow != null && i < flexForRow.length)
+                    ? flexForRow[i]
+                    : 1,
+                child: labeled[i],
+              ),
             ],
+          ],
+        );
+      }
+
+      if (expandVertically) {
+        rowWidgets.add(Expanded(child: row));
+      } else {
+        rowWidgets.add(Padding(
+          padding: EdgeInsets.only(
+            bottom: compact ? 8 : ValidationFormMetrics.rowGapBelow,
           ),
+          child: row,
         ));
       }
     }
+
     final showTitle = title != null && title!.trim().isNotEmpty;
     return Column(
       crossAxisAlignment: CrossAxisAlignment.stretch,
-      mainAxisSize: MainAxisSize.min,
+      mainAxisSize: expandVertically ? MainAxisSize.max : MainAxisSize.min,
       children: [
         if (showTitle) ...[
           Text(
             title!.trim(),
             style: TextStyle(
-              fontSize: compact ? 15 : 16,
+              fontSize: compact
+                  ? ValidationFormMetrics.sectionTitleFontSize - 1
+                  : ValidationFormMetrics.sectionTitleFontSize,
               fontWeight: FontWeight.w600,
               color: Colors.black87,
             ),
           ),
-          SizedBox(height: compact ? 8 : 12),
+          SizedBox(
+            height: compact
+                ? 8
+                : ValidationFormMetrics.sectionTitleGapBelow,
+          ),
         ],
-        ...rows,
+        ...rowWidgets,
       ],
     );
   }
@@ -134,8 +211,8 @@ class ValidationFieldDecoration {
       fillColor: Colors.grey.shade50,
       hintText: hint,
       contentPadding: EdgeInsets.symmetric(
-        horizontal: compact ? 10 : 12,
-        vertical: compact ? 7 : 10,
+        horizontal: compact ? 10 : ValidationFormMetrics.fieldContentPaddingH,
+        vertical: compact ? 7 : ValidationFormMetrics.fieldContentPaddingV,
       ),
       border: OutlineInputBorder(
         borderRadius: BorderRadius.circular(6),
@@ -184,29 +261,31 @@ class ValidationFieldDecoration {
 class ValidationLabeledField extends StatelessWidget {
   final String label;
   final Widget field;
+  final bool expand;
 
   const ValidationLabeledField({
     super.key,
     required this.label,
     required this.field,
+    this.expand = false,
   });
 
   @override
   Widget build(BuildContext context) {
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
-      mainAxisSize: MainAxisSize.min,
+      mainAxisSize: expand ? MainAxisSize.max : MainAxisSize.min,
       children: [
         Text(
           label,
           style: TextStyle(
-            fontSize: 12,
+            fontSize: ValidationFormMetrics.fieldLabelFontSize,
             fontWeight: FontWeight.w500,
             color: Colors.grey.shade700,
           ),
         ),
-        const SizedBox(height: 4),
-        field,
+        SizedBox(height: ValidationFormMetrics.fieldLabelGapBelow),
+        if (expand) Expanded(child: field) else field,
       ],
     );
   }
@@ -268,13 +347,16 @@ class ValidationEditableField extends StatelessWidget {
       );
     }
     if (!compact) {
-      return TextField(
-        controller: controller,
-        keyboardType: keyboardType,
-        inputFormatters: inputFormatters,
-        maxLines: 1,
-        style: const TextStyle(color: Colors.black87, fontSize: 14),
-        decoration: ValidationFieldDecoration.input(hint: hintText),
+      return _validationFieldFillHeight(
+        TextField(
+          controller: controller,
+          keyboardType: keyboardType,
+          inputFormatters: inputFormatters,
+          maxLines: 1,
+          textAlignVertical: TextAlignVertical.center,
+          style: ValidationFormMetrics.fieldTextStyle,
+          decoration: ValidationFieldDecoration.input(hint: hintText),
+        ),
       );
     }
     return SizedBox(
@@ -299,6 +381,20 @@ class ValidationEditableField extends StatelessWidget {
   }
 }
 
+/// Étire le champ si le parent impose une hauteur (grille [expandVertically]).
+Widget _validationFieldFillHeight(Widget field) {
+  return LayoutBuilder(
+    builder: (context, c) {
+      if (!c.hasBoundedHeight || !c.maxHeight.isFinite) return field;
+      return SizedBox(
+        height: c.maxHeight,
+        width: double.infinity,
+        child: field,
+      );
+    },
+  );
+}
+
 /// E-mail style validation — même supervision que login / création de compte :
 /// [EmailMaxLengthFormatter] + à la perte de focus : trim/minuscules + validation.
 class ValidationEmailField extends StatefulWidget {
@@ -354,23 +450,27 @@ class _ValidationEmailFieldState extends State<ValidationEmailField> {
 
   @override
   Widget build(BuildContext context) {
-    return TextFormField(
-      key: _fieldKey,
-      controller: widget.controller,
-      focusNode: _focusNode,
-      keyboardType: TextInputType.emailAddress,
-      autocorrect: false,
-      enableSuggestions: false,
-      autofillHints: const [AutofillHints.email],
-      textInputAction: TextInputAction.next,
-      inputFormatters: const [EmailMaxLengthFormatter()],
-      style: const TextStyle(color: Colors.black87, fontSize: 14),
-      decoration: ValidationFieldDecoration.input(hint: widget.hintText).copyWith(
-        errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
-        errorMaxLines: 2,
+    return _validationFieldFillHeight(
+      TextFormField(
+        key: _fieldKey,
+        controller: widget.controller,
+        focusNode: _focusNode,
+        keyboardType: TextInputType.emailAddress,
+        autocorrect: false,
+        enableSuggestions: false,
+        autofillHints: const [AutofillHints.email],
+        textInputAction: TextInputAction.next,
+        textAlignVertical: TextAlignVertical.center,
+        inputFormatters: const [EmailMaxLengthFormatter()],
+        style: ValidationFormMetrics.fieldTextStyle,
+        decoration:
+            ValidationFieldDecoration.input(hint: widget.hintText).copyWith(
+          errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
+          errorMaxLines: 2,
+        ),
+        validator: (value) =>
+            validateEmail(value, allowEmpty: widget.allowEmpty),
       ),
-      validator: (value) =>
-          validateEmail(value, allowEmpty: widget.allowEmpty),
     );
   }
 }
@@ -431,22 +531,25 @@ class _ValidationPostalCodeFieldState extends State<ValidationPostalCodeField> {
 
   @override
   Widget build(BuildContext context) {
-    return TextFormField(
-      key: _fieldKey,
-      controller: widget.controller,
-      focusNode: _focusNode,
-      keyboardType: TextInputType.number,
-      textInputAction: TextInputAction.next,
-      inputFormatters: kFrenchPostalCodeInputFormatters,
-      style: const TextStyle(color: Colors.black87, fontSize: 14),
-      decoration: ValidationFieldDecoration.input(
-        hint: widget.hintText ?? '5 chiffres',
-      ).copyWith(
-        errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
-        errorMaxLines: 2,
+    return _validationFieldFillHeight(
+      TextFormField(
+        key: _fieldKey,
+        controller: widget.controller,
+        focusNode: _focusNode,
+        keyboardType: TextInputType.number,
+        textInputAction: TextInputAction.next,
+        textAlignVertical: TextAlignVertical.center,
+        inputFormatters: kFrenchPostalCodeInputFormatters,
+        style: ValidationFormMetrics.fieldTextStyle,
+        decoration: ValidationFieldDecoration.input(
+          hint: widget.hintText ?? '5 chiffres',
+        ).copyWith(
+          errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
+          errorMaxLines: 2,
+        ),
+        validator: (value) =>
+            validateFrenchPostalCode(value, allowEmpty: widget.allowEmpty),
       ),
-      validator: (value) =>
-          validateFrenchPostalCode(value, allowEmpty: widget.allowEmpty),
     );
   }
 }
@@ -506,20 +609,24 @@ class _ValidationPhoneFieldState extends State<ValidationPhoneField> {
 
   @override
   Widget build(BuildContext context) {
-    return TextFormField(
-      key: _fieldKey,
-      controller: widget.controller,
-      focusNode: _focusNode,
-      keyboardType: TextInputType.phone,
-      textInputAction: TextInputAction.next,
-      inputFormatters: frenchPhoneInputFormatters,
-      style: const TextStyle(color: Colors.black87, fontSize: 14),
-      decoration: ValidationFieldDecoration.input(hint: widget.hintText).copyWith(
-        errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
-        errorMaxLines: 2,
+    return _validationFieldFillHeight(
+      TextFormField(
+        key: _fieldKey,
+        controller: widget.controller,
+        focusNode: _focusNode,
+        keyboardType: TextInputType.phone,
+        textInputAction: TextInputAction.next,
+        textAlignVertical: TextAlignVertical.center,
+        inputFormatters: frenchPhoneInputFormatters,
+        style: ValidationFormMetrics.fieldTextStyle,
+        decoration:
+            ValidationFieldDecoration.input(hint: widget.hintText).copyWith(
+          errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
+          errorMaxLines: 2,
+        ),
+        validator: (value) =>
+            validateFrenchNationalPhone(value, allowEmpty: widget.allowEmpty),
       ),
-      validator: (value) =>
-          validateFrenchNationalPhone(value, allowEmpty: widget.allowEmpty),
     );
   }
 }
@@ -591,23 +698,26 @@ class _ValidationNirFieldState extends State<ValidationNirField> {
 
   @override
   Widget build(BuildContext context) {
-    return TextFormField(
-      key: _fieldKey,
-      controller: widget.controller,
-      focusNode: _focusNode,
-      keyboardType: TextInputType.text,
-      textInputAction: TextInputAction.next,
-      autovalidateMode: AutovalidateMode.onUserInteraction,
-      inputFormatters: const [NirInputFormatter()],
-      style: const TextStyle(color: Colors.black87, fontSize: 14),
-      decoration: ValidationFieldDecoration.input(
-        hint: widget.hintText ?? '1 12 34 56 789 012 - 34',
-      ).copyWith(
-        errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
-        errorMaxLines: 2,
+    return _validationFieldFillHeight(
+      TextFormField(
+        key: _fieldKey,
+        controller: widget.controller,
+        focusNode: _focusNode,
+        keyboardType: TextInputType.text,
+        textInputAction: TextInputAction.next,
+        textAlignVertical: TextAlignVertical.center,
+        autovalidateMode: AutovalidateMode.onUserInteraction,
+        inputFormatters: const [NirInputFormatter()],
+        style: ValidationFormMetrics.fieldTextStyle,
+        decoration: ValidationFieldDecoration.input(
+          hint: widget.hintText ?? '1 12 34 56 789 012 - 34',
+        ).copyWith(
+          errorStyle: TextStyle(color: Colors.red.shade700, fontSize: 11),
+          errorMaxLines: 2,
+        ),
+        onChanged: (_) => _fieldKey.currentState?.validate(),
+        validator: _validator,
       ),
-      onChanged: (_) => _fieldKey.currentState?.validate(),
-      validator: _validator,
     );
   }
 }
@@ -685,16 +795,19 @@ class _ValidationReadOnlyFieldState extends State<ValidationReadOnlyField> {
   @override
   Widget build(BuildContext context) {
     if (!widget.compact && widget.maxLines == 1) {
-      return TextField(
-        controller: _controller,
-        readOnly: true,
-        enableInteractiveSelection: false,
-        style: TextStyle(
-          color: widget.error ? Colors.red.shade800 : Colors.black87,
-          fontSize: 14,
-          fontWeight: widget.error ? FontWeight.w600 : null,
+      return _validationFieldFillHeight(
+        TextField(
+          controller: _controller,
+          readOnly: true,
+          enableInteractiveSelection: false,
+          textAlignVertical: TextAlignVertical.center,
+          style: TextStyle(
+            color: widget.error ? Colors.red.shade800 : Colors.black87,
+            fontSize: ValidationFormMetrics.fieldTextFontSize,
+            fontWeight: widget.error ? FontWeight.w600 : null,
+          ),
+          decoration: ValidationFieldDecoration.readOnly(error: widget.error),
         ),
-        decoration: ValidationFieldDecoration.readOnly(error: widget.error),
       );
     }