feat(configurator): reorganize header — PO block spans 2 grid rows, fill the right side

Wasted-space audit revealed:
1. PO Block occupied a wide 2-col span but its inner inputs didn't
   fill the available width (130px label column + narrow input area)
2. Customer Job # + Job Sorting placed in row 2 cols 3-4 next to the
   tall PO block left empty vertical space below them
3. Row 2 col 3-4 was sparse because the PO block forced row 2 to be tall

Reorganized:
- PO Block now spans 2 grid ROWS (.row-span-2 class → grid-row: span 2)
- Customer Job # / Job Sorting flow into row 2 cols 3-4 (alongside PO top)
- Material/Process Tag / Lead Time flow into row 3 cols 3-4 (alongside
  PO bottom) — filling the previously-empty space next to the PO block
- Row 4 (after PO ends): Payment Terms / Delivery Method / Pricelist /
  Quote Validity — full 4-col width back
- Row 5: Blanket Sales Order + Invoice Strategy + conditional Deposit % /
  Progress Initial % (only show when relevant invoice strategy picked)

Inside the PO block:
- Label column tightened 130px → 110px so the input takes more width
- Inputs + Many2One wrappers now have width: 100% propagated, so PO #
  and Expected By inputs fill the available row width
- Upload button restyled with the accent colour (was the green default)

Net effect: same field count but tighter packing, no empty vertical
or horizontal space next to the PO block.

fusion_plating/fusion_plating_configurator/static/src/scss/express_order.scss

@@ -133,6 +133,7 @@
     }
 
     .o_fp_xpr_cell.span-2 { grid-column: span 2; }
+    .o_fp_xpr_cell.row-span-2 { grid-row: span 2; }
     .o_fp_xpr_cell.required > label::after {
         content: " *";
         color: $xpr-bad;
@@ -175,7 +176,7 @@
         }
         .o_fp_xpr_po_row {
             display: grid;
-            grid-template-columns: 130px 1fr;
+            grid-template-columns: 110px 1fr;
             align-items: center;
             gap: 8px;
             padding: 2px 0;
@@ -188,13 +189,48 @@
                 text-transform: none;
                 letter-spacing: 0;
             }
-            input, .o_field_widget input {
+            // Make the field widget + its inner controls fill the right column
+            > .o_field_widget,
+            > .o_field_widget > div,
+            > .o_field_widget > .o-dropdown,
+            > .o_field_widget > .o-autocomplete,
+            > .o_field_binary,
+            > .o_field_char,
+            > .o_field_date {
+                width: 100%;
+                display: block;
+            }
+            input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
+            select {
                 border: none;
                 border-bottom: 1px solid $xpr-border-strong;
                 background: transparent;
-                padding: 2px 0;
+                padding: 4px 4px;
                 font-size: 13px;
                 width: 100%;
+                min-height: 28px;
+                box-sizing: border-box;
+
+                &:focus {
+                    border-bottom-color: $xpr-accent;
+                    background: $xpr-cell-focus;
+                    outline: none;
+                }
+            }
+            // File-upload widget: make the button look consistent
+            .o_field_binary {
+                .o_select_file_button,
+                button {
+                    background: $xpr-accent;
+                    color: #fff;
+                    border: none;
+                    padding: 4px 14px;
+                    border-radius: 3px;
+                    font-size: 12px;
+                    font-weight: 500;
+
+                    &:hover { background: $xpr-accent-hover; }
+                }
             }
         }
         .o_fp_xpr_po_chase {