feat(web): fila del flete (gastos adicionales) y toolbar de ancho completo; la configuración de pantallas se carga en diferido

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

apps/web/src/app/features/documents/document-form.page.html

@@ -1,4 +1,4 @@
-<sbo-toolbar aria-label="Acciones del documento">
+<sbo-toolbar bleed aria-label="Acciones del documento">
   <a class="tb" routerLink=".." title="Volver a la lista"><sbo-icon name="find" />Lista</a>
   <a class="tb" [routerLink]="isNew() ? '.' : '../nuevo'" title="Documento nuevo"><sbo-icon name="new" />Nuevo</a>
   <span class="tb-sep"></span>
@@ -156,6 +156,26 @@
         />
       </sbo-field>
     }
+    @case ('freight') {
+      <sbo-field [label]="f.label">
+        <sbo-select
+          width="150px"
+          ariaLabel="Gasto adicional del flete"
+          placeholder=""
+          [options]="expenseOptions()"
+          [readonly]="readOnly() || !freightEditable()"
+          [value]="str(header()['FreightExpense']) || defaultExpense() || null"
+          (valueChange)="setHeader('FreightExpense', $event ?? '')"
+        />
+        <sbo-number
+          ariaLabel="Importe del flete"
+          [decimals]="2"
+          [readonly]="readOnly() || !freightEditable()"
+          [value]="+str(header()['FreightAmount'])"
+          (valueChange)="setHeader('FreightAmount', $event ?? 0)"
+        />
+      </sbo-field>
+    }
     @case ('computed') {
       <sbo-text-field [label]="f.label" readonly [value]="computedValue(f.source)" />
     }