@mj-biz-apps/orders-ng 5.5.0 → 5.7.0

package/dist/lib/custom/OrderHeader/order-header-form.component.js

@@ -21,7 +21,8 @@ import * as i1 from "@angular/forms";
 import * as i2 from "@memberjunction/ng-base-forms";
 import * as i3 from "@memberjunction/ng-ui-components";
 import * as i4 from "./order-lines-editor.component.js";
-import * as i5 from "@mj-biz-apps/accounting-ng";
+import * as i5 from "./party-address-picker.component.js";
+import * as i6 from "@mj-biz-apps/accounting-ng";
 const _forTrack0 = ($index, $item) => $item.CompanyID;
 const _forTrack1 = ($index, $item) => $item.Key;
 const _forTrack2 = ($index, $item) => $item.Name + $item.Value;
@@ -55,61 +56,6 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.ShipToName);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ClearShipToAddress($event)); });
-    i0.ɵɵtext(1, "Clear");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
-} }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.EnsureShipToAddress($event)); });
-    i0.ɵɵtext(1, "Add address");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
-} }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-form-field", 53);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "mj-form-field", 54);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 55)(3, "mj-form-field", 56);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-form-field", 57);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mj-form-field", 58);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mj-form-field", 59);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const shipAddr_r9 = ctx;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", shipAddr_r9)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-} }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 39)(1, "mj-form-field", 45);
@@ -118,34 +64,21 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵelementStart(2, "mj-form-field", 46);
     i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("ValueChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template_mj_form_field_ValueChange_2_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("ShipTo")); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 47);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelement(3, "mjo-party-address-picker", 47);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48)(5, "div", 49)(6, "span", 50);
-    i0.ɵɵtext(7, "Address");
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_8_Template, 2, 1, "button", 51)(9, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_9_Template, 2, 1, "button", 51);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Conditional_10_Template, 7, 24);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_16_0;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.record.ShipToAddressID_Object ? 8 : 9);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional((tmp_16_0 = ctx_r1.record.ShipToAddressID_Object) ? 10 : -1, tmp_16_0);
+    i0.ɵɵproperty("Order", ctx_r1.record)("EditMode", ctx_r1.EditMode)("PersonName", ctx_r1.record.ShipToPerson)("OrganizationName", ctx_r1.record.ShipToOrganization);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_28_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
+    const _r6 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 44);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_28_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenBillTo($event)); });
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_28_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenBillTo($event)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -162,81 +95,20 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.BillToName);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_8_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.ClearBillToAddress($event)); });
-    i0.ɵɵtext(1, "Clear");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
-} }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 52);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_9_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.EnsureBillToAddress($event)); });
-    i0.ɵɵtext(1, "Add address");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("disabled", !ctx_r1.EditMode);
-} }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-form-field", 53);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "mj-form-field", 54);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 55)(3, "mj-form-field", 56);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-form-field", 57);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mj-form-field", 58);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mj-form-field", 59);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const billAddr_r15 = ctx;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("Record", billAddr_r15)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-} }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 39)(1, "mj-form-field", 60);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "mj-form-field", 61);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("ValueChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_ValueChange_2_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("BillTo")); });
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 39)(1, "mj-form-field", 48);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 62);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(2, "mj-form-field", 49);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); })("ValueChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_ValueChange_2_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("BillTo")); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 48)(5, "div", 49)(6, "span", 50);
-    i0.ɵɵtext(7, "Address");
+    i0.ɵɵelementStart(3, "mj-form-field", 50);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_8_Template, 2, 1, "button", 51)(9, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_9_Template, 2, 1, "button", 51);
+    i0.ɵɵelement(4, "mjo-party-address-picker", 51);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(10, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Conditional_10_Template, 7, 24);
-    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_16_0;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
@@ -244,27 +116,25 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
-    i0.ɵɵadvance(5);
-    i0.ɵɵconditional(ctx_r1.record.BillToAddressID_Object ? 8 : 9);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional((tmp_16_0 = ctx_r1.record.BillToAddressID_Object) ? 10 : -1, tmp_16_0);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("Order", ctx_r1.record)("EditMode", ctx_r1.EditMode)("PersonName", ctx_r1.record.BillToPerson)("OrganizationName", ctx_r1.record.BillToOrganization);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.JumpToBill()); });
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 55);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.JumpToBill()); });
     i0.ɵɵtext(1, "Need a bill-to party");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 66);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.JumpToPayment()); });
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 55);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.JumpToPayment()); });
     i0.ɵɵtext(1, "Need a check / ACH reference");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
+    i0.ɵɵelementStart(0, "span", 54);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -274,11 +144,11 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 40);
-    i0.ɵɵelement(1, "i", 63);
+    i0.ɵɵelement(1, "i", 52);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Before this can be confirmed");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template, 2, 0, "button", 64)(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template, 2, 0, "button", 64)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_6_Template, 2, 1, "span", 65);
+    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_4_Template, 2, 0, "button", 53)(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_5_Template, 2, 0, "button", 53)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Conditional_6_Template, 2, 1, "span", 54);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -287,7 +157,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 41);
-    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵelement(1, "i", 56);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -297,12 +167,12 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵtextInterpolate(ctx_r1.ConfirmError);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 71)(1, "span", 74);
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 60)(1, "span", 63);
     i0.ɵɵtext(2, "Check / ACH reference");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 75);
-    i0.ɵɵlistener("ngModelChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetPaymentReference($event)); });
+    i0.ɵɵelementStart(3, "input", 64);
+    i0.ɵɵlistener("ngModelChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetPaymentReference($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -310,30 +180,30 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵproperty("ngModel", ctx_r1.PaymentReference)("disabled", !ctx_r1.ComposeMode);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 76);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 65);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("Params", ctx_r1.PaymentParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("ShowDeleteButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵtext(1, "Intent only \u2014 the payment is created when the order is confirmed.");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 68)(2, "mj-form-field", 69);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43)(1, "div", 57)(2, "mj-form-field", 58);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 70);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(3, "mj-form-field", 59);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template, 4, 2, "label", 71);
+    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_4_Template, 4, 2, "label", 60);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template, 1, 7, "mj-explorer-entity-data-grid", 72)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_6_Template, 2, 0, "div", 73);
+    i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_5_Template, 1, 7, "mj-explorer-entity-data-grid", 61)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Conditional_6_Template, 2, 0, "div", 62);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -347,27 +217,30 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.PaymentParams ? 5 : 6);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 68)(2, "mj-form-field", 77);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43)(1, "div", 57)(2, "mj-form-field", 66);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "mj-form-field", 67);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 78);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(4, "mj-form-field", 68);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-form-field", 79);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(5, "mj-form-field", 69);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mj-form-field", 80);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(6, "mj-form-field", 70);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mj-form-field", 81);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(7, "mj-form-field", 71);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_7_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-form-field", 82);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_7_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(8, "mj-form-field", 72);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-form-field", 83);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    i0.ɵɵelementStart(9, "mj-form-field", 73);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -376,6 +249,8 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
     i0.ɵɵadvance();
+    i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", false)("FormContext", ctx_r1.formContext);
     i0.ɵɵadvance();
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", false)("FormContext", ctx_r1.formContext);
@@ -387,16 +262,16 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵproperty("Record", ctx_r1.record)("ShowLabel", true)("EditMode", ctx_r1.EditMode)("FormContext", ctx_r1.formContext);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵtext(1, "Charges were booked with the order and cannot be edited.");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 76);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 65);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Conditional_1_Template, 2, 0, "div", 73);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_1_Conditional_1_Template, 2, 0, "div", 62);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("Params", ctx_r1.ChargeParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("ShowDeleteButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
@@ -419,7 +294,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵtext(0, " One stored journal per order line \u2014 open a row to drill in ");
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 86);
+    i0.ɵɵelementStart(0, "span", 76);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -428,9 +303,9 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵtextInterpolate(ctx_r1.RollupJournalCount);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 88)(1, "mj-deferred-revenue-waterfall", 90);
-    i0.ɵɵlistener("JournalEntrySelected", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_1_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnJournalEntrySelected($event)); });
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 78)(1, "mj-deferred-revenue-waterfall", 80);
+    i0.ɵɵlistener("JournalEntrySelected", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_1_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnJournalEntrySelected($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -438,12 +313,12 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵproperty("JournalEntries", ctx_r1.RevRecJournalEntries)("Title", "Order Rev-Rec & Deferred Revenue Schedule");
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵtext(1, "Rolling up journals\u2026");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -452,82 +327,82 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵtextInterpolate(ctx_r1.RollupError);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵtext(1, "No journals yet \u2014 they appear when the order is confirmed.");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 99);
+    i0.ɵɵelementStart(0, "span", 89);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r25 = i0.ɵɵnextContext().$implicit;
+    const row_r17 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(row_r25.AccountCode);
+    i0.ɵɵtextInterpolate(row_r17.AccountCode);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 102);
+    i0.ɵɵelementStart(0, "span", 92);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const dim_r26 = ctx.$implicit;
+    const dim_r18 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", dim_r26.Name, " \u00B7 ", dim_r26.Value);
+    i0.ɵɵtextInterpolate2("", dim_r18.Name, " \u00B7 ", dim_r18.Value);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 98);
-    i0.ɵɵconditionalCreate(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Conditional_3_Template, 2, 1, "span", 99);
-    i0.ɵɵelementStart(4, "span", 100);
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 88);
+    i0.ɵɵconditionalCreate(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_Conditional_3_Template, 2, 1, "span", 89);
+    i0.ɵɵelementStart(4, "span", 90);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 101);
-    i0.ɵɵrepeaterCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_For_8_Template, 2, 2, "span", 102, _forTrack2);
-    i0.ɵɵelementStart(9, "span", 103);
+    i0.ɵɵelementStart(6, "div", 91);
+    i0.ɵɵrepeaterCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_For_20_For_8_Template, 2, 2, "span", 92, _forTrack2);
+    i0.ɵɵelementStart(9, "span", 93);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "td", 97);
+    i0.ɵɵelementStart(11, "td", 87);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 97);
+    i0.ɵɵelementStart(13, "td", 87);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const row_r25 = ctx.$implicit;
+    const row_r17 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(row_r25.AccountCode ? 3 : -1);
+    i0.ɵɵconditional(row_r17.AccountCode ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r25.AccountName);
+    i0.ɵɵtextInterpolate(row_r17.AccountName);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(row_r25.Dimensions);
+    i0.ɵɵrepeater(row_r17.Dimensions);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.SourceLineLabel(row_r25.SourceLineCount));
+    i0.ɵɵtextInterpolate(ctx_r1.SourceLineLabel(row_r17.SourceLineCount));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-quiet", !row_r25.Debit);
+    i0.ɵɵclassProp("is-quiet", !row_r17.Debit);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r25.Debit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r17.Debit));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-quiet", !row_r25.Credit);
+    i0.ɵɵclassProp("is-quiet", !row_r17.Credit);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r25.Credit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r17.Credit));
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "article", 91)(1, "header", 92)(2, "div")(3, "span", 93);
+    i0.ɵɵelementStart(0, "article", 81)(1, "header", 82)(2, "div")(3, "span", 83);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 94);
+    i0.ɵɵelementStart(5, "span", 84);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "span", 95);
+    i0.ɵɵelementStart(7, "span", 85);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "table", 96)(10, "thead")(11, "tr")(12, "th");
+    i0.ɵɵelementStart(9, "table", 86)(10, "thead")(11, "tr")(12, "th");
     i0.ɵɵtext(13, "Account");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th", 97);
+    i0.ɵɵelementStart(14, "th", 87);
     i0.ɵɵtext(15, "Debit");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th", 97);
+    i0.ɵɵelementStart(16, "th", 87);
     i0.ɵɵtext(17, "Credit");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(18, "tbody");
@@ -536,79 +411,79 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵelementStart(21, "tfoot")(22, "tr")(23, "th");
     i0.ɵɵtext(24, "Total");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "td", 97);
+    i0.ɵɵelementStart(25, "td", 87);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "td", 97);
+    i0.ɵɵelementStart(27, "td", 87);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const card_r27 = ctx.$implicit;
+    const card_r19 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(card_r27.Company);
+    i0.ɵɵtextInterpolate(card_r19.Company);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", card_r27.Rows.length, " ", card_r27.Rows.length === 1 ? "line" : "lines");
+    i0.ɵɵtextInterpolate2("", card_r19.Rows.length, " ", card_r19.Rows.length === 1 ? "line" : "lines");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("mjo-oh-chip--ok", ctx_r1.CardIsBalanced(card_r27));
+    i0.ɵɵclassProp("mjo-oh-chip--ok", ctx_r1.CardIsBalanced(card_r19));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(card_r27) ? "Balanced" : "Out of balance", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(card_r19) ? "Balanced" : "Out of balance", " ");
     i0.ɵɵadvance(11);
-    i0.ɵɵrepeater(card_r27.Rows);
+    i0.ɵɵrepeater(card_r19.Rows);
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r27.TotalDebit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r19.TotalDebit));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r27.TotalCredit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r19.TotalCredit));
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_Template, 29, 8, "article", 91, _forTrack0);
+    i0.ɵɵrepeaterCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_For_1_Template, 29, 8, "article", 81, _forTrack0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵrepeater(ctx_r1.RollupCards);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_0_Template, 2, 0, "div", 73)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_1_Template, 2, 1, "div", 73)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_2_Template, 2, 0, "div", 73)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_Template, 2, 0);
+    i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_0_Template, 2, 0, "div", 62)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_1_Template, 2, 1, "div", 62)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_2_Template, 2, 0, "div", 62)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Conditional_3_Template, 2, 0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.RollupLoading ? 0 : ctx_r1.RollupError ? 1 : ctx_r1.RollupCards.length === 0 ? 2 : 3);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 104);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 94);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵproperty("Params", ctx_r1.JournalParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 73);
+    i0.ɵɵelementStart(0, "div", 62);
     i0.ɵɵtext(1, "No line journals until this order has saved lines.");
     i0.ɵɵelementEnd();
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 84)(2, "div")(3, "h2");
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43)(1, "div", 74)(2, "div")(3, "h2");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p");
     i0.ɵɵconditionalCreate(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_6_Template, 1, 0)(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_7_Template, 1, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 85)(9, "button", 66);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("summary")); });
+    i0.ɵɵelementStart(8, "div", 75)(9, "button", 55);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("summary")); });
     i0.ɵɵtext(10, "Rolled up");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 66);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
+    i0.ɵɵelementStart(11, "button", 55);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
     i0.ɵɵtext(12, " By line ");
-    i0.ɵɵconditionalCreate(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_13_Template, 2, 1, "span", 86);
+    i0.ɵɵconditionalCreate(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_13_Template, 2, 1, "span", 76);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 66);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("waterfall")); });
-    i0.ɵɵelement(15, "i", 87);
+    i0.ɵɵelementStart(14, "button", 55);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("waterfall")); });
+    i0.ɵɵelement(15, "i", 77);
     i0.ɵɵtext(16, " Rev-Rec Waterfall ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(17, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template, 2, 2, "div", 88)(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Template, 4, 1)(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template, 1, 6, "mj-explorer-entity-data-grid", 89)(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_20_Template, 2, 0, "div", 73);
+    i0.ɵɵconditionalCreate(17, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_17_Template, 2, 2, "div", 78)(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_18_Template, 4, 1)(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_19_Template, 1, 6, "mj-explorer-entity-data-grid", 79)(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_20_Template, 2, 0, "div", 62);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -628,9 +503,9 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵconditional(ctx_r1.AccountingView === "waterfall" ? 17 : ctx_r1.AccountingView === "summary" ? 18 : ctx_r1.JournalParams ? 19 : 20);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 104);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 94);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -638,7 +513,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 43);
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template, 1, 6, "mj-explorer-entity-data-grid", 89);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template, 1, 6, "mj-explorer-entity-data-grid", 79);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -670,7 +545,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
     i0.ɵɵelementEnd()();
     i0.ɵɵelement(19, "i", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template, 11, 14, "div", 39);
+    i0.ɵɵconditionalCreate(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_20_Template, 4, 12, "div", 39);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "div", 29)(22, "div", 30);
     i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_div_click_22_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectParty("bill")); })("keydown.enter", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_div_keydown_enter_22_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectParty("bill")); })("keydown.space", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_div_keydown_space_22_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.SelectParty("bill"); return i0.ɵɵresetView($event.preventDefault()); });
@@ -686,7 +561,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
     i0.ɵɵelementEnd()();
     i0.ɵɵelement(32, "i", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(33, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template, 11, 14, "div", 39);
+    i0.ɵɵconditionalCreate(33, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_33_Template, 5, 16, "div", 39);
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(34, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Template, 7, 1, "div", 40);
     i0.ɵɵconditionalCreate(35, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Template, 4, 1, "div", 41);
@@ -694,7 +569,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
     i0.ɵɵlistener("TabChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_mj_tab_nav_TabChange_36_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectTab($event)); });
     i0.ɵɵelementEnd();
     i0.ɵɵconditionalCreate(37, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template, 7, 10, "div", 43);
-    i0.ɵɵconditionalCreate(38, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template, 9, 28, "div", 43);
+    i0.ɵɵconditionalCreate(38, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template, 10, 32, "div", 43);
     i0.ɵɵconditionalCreate(39, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template, 2, 1, "div", 43);
     i0.ɵɵconditionalCreate(40, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template, 21, 10, "div", 43);
     i0.ɵɵconditionalCreate(41, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template, 2, 1, "div", 43);
@@ -1128,26 +1003,6 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
             || this.record?.ShipToAddress
             || 'Header default — override when it ships elsewhere';
     }
-    EnsureBillToAddress(event) {
-        event.stopPropagation();
-        this.record?.BillToAddressID_EnsureObject();
-        this.cdr.detectChanges();
-    }
-    ClearBillToAddress(event) {
-        event.stopPropagation();
-        this.record?.ClearBillToAddress();
-        this.cdr.detectChanges();
-    }
-    EnsureShipToAddress(event) {
-        event.stopPropagation();
-        this.record?.ShipToAddressID_EnsureObject();
-        this.cdr.detectChanges();
-    }
-    ClearShipToAddress(event) {
-        event.stopPropagation();
-        this.record?.ClearShipToAddress();
-        this.cdr.detectChanges();
-    }
     FormatEmbeddedAddress(address) {
         return address ? FormatPartyAddress(address) : '';
     }
@@ -1182,31 +1037,64 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
     RollupAmount(value) {
         return value ? FormatMoney(value) : '';
     }
+    /**
+     * One of the three hero amounts, as text.
+     *
+     * A DASH HERE MEANS "NOT COMPUTED YET" AND NOTHING ELSE. `FormatMoney` renders null as an
+     * em-dash for loading states; a real zero prints `$0.00`. So an unpaid $895 order that showed
+     * `—` for Balance was not saying "nothing due", it was saying "I don't know" — and a collections
+     * screen that cannot tell those apart is worse than one that guesses (bc-aidp-next-golive#186).
+     *
+     * Both figures therefore fall back rather than give up. `AmountPaid` is NOT NULL in the schema,
+     * so nothing but an absent record can make it unknown. `Balance` is the rollup the database
+     * owns, and until a line is persisted there is no row to own it — before then the answer is
+     * arithmetic the pricing preview already has: everything billed, less anything paid.
+     */
     Money(kind) {
         const opts = this.heroMoneyOptions();
         if (kind === 'paid') {
-            if (!this.record?.IsSaved)
+            if (!this.record)
                 return '—';
-            return FormatMoney(this.record.AmountPaid, opts);
+            return FormatMoney(this.AmountPaidAmount, opts);
         }
         if (kind === 'balance') {
-            if (!this.record?.IsSaved)
+            if (!this.record)
                 return '—';
-            return FormatMoney(this.record.Balance, opts);
+            const balance = this.balanceAmount();
+            if (balance == null)
+                return this.Pricing.Loading ? '…' : '—';
+            return FormatMoney(balance, opts);
         }
         const total = this.heroTotalAmount();
         if (total == null)
             return this.Pricing.Loading ? '…' : '—';
         return FormatMoney(total, opts);
     }
+    /** Never null on a record that exists — `AmountPaid` is NOT NULL, and an unsaved order is at zero. */
+    get AmountPaidAmount() {
+        return this.record?.AmountPaid ?? 0;
+    }
+    /**
+     * What is owed. The persisted rollup when the row has one, otherwise derived from the same
+     * total the header is already showing — so the trio stays internally consistent on a draft
+     * that has not been saved yet. Null only while pricing has produced no total at all.
+     */
+    balanceAmount() {
+        if (this.record?.Balance != null)
+            return this.record.Balance;
+        const total = this.heroTotalAmount();
+        return total == null ? null : total - this.AmountPaidAmount;
+    }
     /** Hide `.00` only when every visible hero amount is a whole dollar. */
     heroMoneyOptions() {
         return { Round: !this.heroMoneyAmounts().some(HasCents) };
     }
     heroMoneyAmounts() {
         const amounts = [this.heroTotalAmount()];
-        if (this.record?.IsSaved) {
-            amounts.push(this.record.AmountPaid, this.record.Balance);
+        // The two derived figures are visible on an unsaved order now, so they get a vote on
+        // whether the trio hides its cents — otherwise a $45.50 balance renders as `$46`.
+        if (this.record) {
+            amounts.push(this.AmountPaidAmount, this.balanceAmount());
         }
         return amounts;
     }
@@ -1407,11 +1295,11 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
         });
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵBizAppsOrderHeaderFormComponent_BaseFactory; return function BizAppsOrderHeaderFormComponent_Factory(__ngFactoryType__) { return (ɵBizAppsOrderHeaderFormComponent_BaseFactory || (ɵBizAppsOrderHeaderFormComponent_BaseFactory = i0.ɵɵgetInheritedFactory(BizAppsOrderHeaderFormComponent)))(__ngFactoryType__ || BizAppsOrderHeaderFormComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsOrderHeaderFormComponent, selectors: [["bizapps-order-header-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Record", "FormComponent"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent"], ["Slot", "before-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-oh-hero"], [1, "mjo-oh-hero__top"], [1, "mjo-oh-who"], [1, "mjo-oh-avatar"], [1, "fa-solid", "fa-file-invoice-dollar"], [1, "mjo-oh-title-row"], [1, "mjo-oh-title"], [3, "class"], [1, "mjo-oh-sub"], [1, "mjo-oh-hero__aside"], [1, "mjo-oh-money"], [1, "mjo-oh-kicker"], [1, "mjo-oh-amt"], ["type", "button", 1, "mjo-oh-hero__toggle", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid"], ["Slot", "after-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], ["SectionKey", "mJBizAppsOrdersOrderLines", "SectionName", "Lines", "Icon", "fa fa-list-ol", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"], [3, "PricingChanged", "Navigate", "Order", "EditMode"], ["Slot", "after-related", 3, "Entity", "Record", "FormComponent", "FormContext"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-oh-facts"], [1, "mjo-oh-fact"], ["FieldName", "OrderType", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "CompanyID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-parties"], [1, "mjo-oh-bubble"], ["role", "button", "tabindex", "0", 1, "mjo-oh-bubble__hit", 3, "click", "keydown.enter", "keydown.space"], [1, "mjo-oh-bubble__ic"], [1, "fa-solid", "fa-truck-fast"], [1, "mjo-oh-bubble__copy"], [1, "mjo-oh-bubble__role"], [1, "mjo-oh-bubble__name"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name"], [1, "mjo-oh-bubble__detail"], [1, "fa-solid", "mjo-oh-bubble__chev"], [1, "mjo-oh-bubble__edit"], [1, "mjo-oh-todo"], ["role", "alert", 1, "mjo-oh-todo", "mjo-oh-todo--err"], [1, "mjo-oh-tabs", 3, "TabChange", "Tabs", "ActiveKey"], [1, "mjo-oh-tabpane"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name", 3, "click"], ["FieldName", "ShipToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ShipToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "RequestedDeliveryDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-addr"], [1, "mjo-oh-addr__bar"], [1, "mjo-oh-addr__label"], ["type", "button", 1, "mjo-oh-addr__btn", 3, "disabled"], ["type", "button", 1, "mjo-oh-addr__btn", 3, "click", "disabled"], ["FieldName", "Line1", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Line2", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-addr__row"], ["FieldName", "City", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "StateProvince", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PostalCode", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Country", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "BillToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "BillToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PaymentTermsTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "fa-solid", "fa-circle-exclamation"], ["type", "button"], [1, "mjo-oh-todo__hint"], ["type", "button", 3, "click"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "mjo-oh-fields"], ["FieldName", "InitialPaymentTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "InitialPaymentAmount", "Type", "number", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-ref"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton", "Height", "MaxHeight"], [1, "mjo-oh-hint"], [1, "mjo-oh-ref__label"], ["placeholder", "Check number or confirmation ID", "autocomplete", "off", "aria-label", "Check or ACH reference", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton", "Height", "MaxHeight"], ["FieldName", "DueDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ExternalDocumentNumber", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "FulfillmentStatus", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Status", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "SalesRepUserID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Description", "Type", "textarea", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Notes", "Type", "textarea", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-acct__bar"], ["role", "group", "aria-label", "Accounting view", 1, "mjo-oh-switch"], [1, "mjo-oh-switch__n"], [1, "fa-solid", "fa-chart-line"], [2, "padding", "12px 0"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"], [3, "JournalEntrySelected", "JournalEntries", "Title"], [1, "mjo-oh-jecard"], [1, "mjo-oh-jecard__head"], [1, "mjo-oh-jecard__co"], [1, "mjo-oh-jecard__sub"], [1, "mjo-oh-chip"], [1, "mjo-oh-je__table"], [1, "is-num"], [1, "mjo-oh-acctline"], [1, "mjo-oh-acctline__code"], [1, "mjo-oh-acctline__name"], [1, "mjo-oh-acctline__meta"], [1, "mjo-oh-dim"], [1, "mjo-oh-je__src"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"]], template: function BizAppsOrderHeaderFormComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BizAppsOrderHeaderFormComponent, selectors: [["bizapps-order-header-form"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "Record", "FormComponent"], [3, "Navigate", "DeleteRequested", "FavoriteToggled", "HistoryRequested", "ListManagementRequested", "Record", "FormComponent"], ["Slot", "before-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-oh-hero"], [1, "mjo-oh-hero__top"], [1, "mjo-oh-who"], [1, "mjo-oh-avatar"], [1, "fa-solid", "fa-file-invoice-dollar"], [1, "mjo-oh-title-row"], [1, "mjo-oh-title"], [3, "class"], [1, "mjo-oh-sub"], [1, "mjo-oh-hero__aside"], [1, "mjo-oh-money"], [1, "mjo-oh-kicker"], [1, "mjo-oh-amt"], ["type", "button", 1, "mjo-oh-hero__toggle", 3, "click", "title"], ["aria-hidden", "true", 1, "fa-solid"], ["Slot", "after-fields", 3, "Entity", "Record", "FormComponent", "FormContext"], ["SectionKey", "mJBizAppsOrdersOrderLines", "SectionName", "Lines", "Icon", "fa fa-list-ol", 3, "Form", "FormContext", "BadgeCount", "DefaultExpanded"], [3, "PricingChanged", "Navigate", "Order", "EditMode"], ["Slot", "after-related", 3, "Entity", "Record", "FormComponent", "FormContext"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent", "FormContext"], [1, "mjo-oh-facts"], [1, "mjo-oh-fact"], ["FieldName", "OrderType", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "CompanyID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-parties"], [1, "mjo-oh-bubble"], ["role", "button", "tabindex", "0", 1, "mjo-oh-bubble__hit", 3, "click", "keydown.enter", "keydown.space"], [1, "mjo-oh-bubble__ic"], [1, "fa-solid", "fa-truck-fast"], [1, "mjo-oh-bubble__copy"], [1, "mjo-oh-bubble__role"], [1, "mjo-oh-bubble__name"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name"], [1, "mjo-oh-bubble__detail"], [1, "fa-solid", "mjo-oh-bubble__chev"], [1, "mjo-oh-bubble__edit"], [1, "mjo-oh-todo"], ["role", "alert", 1, "mjo-oh-todo", "mjo-oh-todo--err"], [1, "mjo-oh-tabs", 3, "TabChange", "Tabs", "ActiveKey"], [1, "mjo-oh-tabpane"], ["type", "button", 1, "mjo-oh-link", "mjo-oh-bubble__name", 3, "click"], ["FieldName", "ShipToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ShipToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["Side", "ship", 3, "Order", "EditMode", "PersonName", "OrganizationName"], ["FieldName", "BillToOrganizationID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "BillToPersonID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "ValueChange", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "PaymentTermsTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["Side", "bill", 3, "Order", "EditMode", "PersonName", "OrganizationName"], [1, "fa-solid", "fa-circle-exclamation"], ["type", "button"], [1, "mjo-oh-todo__hint"], ["type", "button", 3, "click"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "mjo-oh-fields"], ["FieldName", "InitialPaymentTypeID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "InitialPaymentAmount", "Type", "number", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-ref"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton", "Height", "MaxHeight"], [1, "mjo-oh-hint"], [1, "mjo-oh-ref__label"], ["placeholder", "Check number or confirmation ID", "autocomplete", "off", "aria-label", "Check or ACH reference", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "ShowDeleteButton", "Height", "MaxHeight"], ["FieldName", "RequestedDeliveryDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "DueDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "ExternalDocumentNumber", "Type", "textbox", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "FulfillmentStatus", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Status", "Type", "select", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "SalesRepUserID", "Type", "textbox", "LinkType", "Record", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Description", "Type", "textarea", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "Notes", "Type", "textarea", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-acct__bar"], ["role", "group", "aria-label", "Accounting view", 1, "mjo-oh-switch"], [1, "mjo-oh-switch__n"], [1, "fa-solid", "fa-chart-line"], [2, "padding", "12px 0"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"], [3, "JournalEntrySelected", "JournalEntries", "Title"], [1, "mjo-oh-jecard"], [1, "mjo-oh-jecard__head"], [1, "mjo-oh-jecard__co"], [1, "mjo-oh-jecard__sub"], [1, "mjo-oh-chip"], [1, "mjo-oh-je__table"], [1, "is-num"], [1, "mjo-oh-acctline"], [1, "mjo-oh-acctline__code"], [1, "mjo-oh-acctline__name"], [1, "mjo-oh-acctline__meta"], [1, "mjo-oh-dim"], [1, "mjo-oh-je__src"], [3, "Navigate", "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"]], template: function BizAppsOrderHeaderFormComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Template, 39, 45, "mj-record-form-container", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.record ? 0 : -1);
-        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MjFormFieldComponent, i2.MjCollapsiblePanelComponent, i2.MjRecordFormContainerComponent, i2.ExplorerEntityDataGridComponent, i2.FormPanelSlotComponent, i3.MJTabNavComponent, i4.MJOOrderLinesEditorComponent, i5.DeferredRevenueWaterfallComponent], styles: ["\n\n\n\n[_nghost-%COMP%]     .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    max-height: none;\n}\n\n[_nghost-%COMP%]     .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n}\n\n\n\n\n\n\n\n[_nghost-%COMP%]     mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n    overflow: visible;\n}\n\n[_nghost-%COMP%]     mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    overflow: visible;\n}\n\n[_nghost-%COMP%]     mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n    position: relative;\n    z-index: 30;\n}\n\n.mjo-oh-hero[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] {\n    padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%]   .mjo-oh-hero__top[_ngcontent-%COMP%] {\n    align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%]   .mjo-oh-avatar[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%]   .mjo-oh-title[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    flex: 0 0 auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-confirm[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--mj-space-1);\n    min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    text-align: right;\n    max-width: 14rem;\n    line-height: 1.35;\n}\n\n.mjo-oh-who[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    min-width: 0;\n}\n\n.mjo-oh-avatar[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    border-radius: var(--mj-radius-md);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 18px;\n}\n\n.mjo-oh-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: var(--mj-font-bold);\n    color: var(--mj-text-primary);\n    letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 10px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text);\n    background: var(--mj-status-success-bg);\n    border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void[_ngcontent-%COMP%] {\n    color: var(--mj-status-error-text);\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%] {\n    display: flex;\n    gap: var(--mj-space-5);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-amt[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    margin-top: var(--mj-space-4);\n    padding: var(--mj-space-3);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%]     .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%]     .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n\n\n\n.mjo-oh-fact[_ngcontent-%COMP%]     .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-oh-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-parties[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: var(--mj-space-3);\n    align-items: start;\n    margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill[_ngcontent-%COMP%] {\n    grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    min-width: 0;\n}\n\n.mjo-oh-bubble.is-open[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n    width: 3.25rem;\n    flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2);\n    min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n    flex: 0 0 auto;\n    align-items: center;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__name[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__detail[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .mjo-oh-parties[_ngcontent-%COMP%], \n   .mjo-oh-parties.is-bill[_ngcontent-%COMP%], \n   .mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n        width: auto;\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n        flex-direction: row;\n        min-height: 0;\n        padding: var(--mj-space-2) var(--mj-space-3);\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n        align-items: flex-start;\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n        writing-mode: horizontal-tb;\n        transform: none;\n    }\n}\n\n.mjo-oh-bubble.is-needed[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: var(--mj-space-3);\n    border: 0;\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link[_ngcontent-%COMP%] {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic[_ngcontent-%COMP%] {\n    width: var(--mj-space-8);\n    height: var(--mj-space-8);\n    border-radius: var(--mj-radius-sm);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-bubble__role[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3);\n    border-top: 1px solid var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-addr[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-2);\n    border-top: 1px dashed var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-link);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    cursor: pointer;\n    padding: 0;\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%]:disabled {\n    color: var(--mj-text-disabled);\n    cursor: default;\n}\n\n.mjo-oh-addr__row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-link[_ngcontent-%COMP%] {\n    color: var(--mj-text-link);\n    text-decoration: none;\n}\n\n.mjo-oh-link[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.mjo-oh-todo[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], \n.mjo-oh-todo__hint[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    border: 1px solid var(--mj-status-warning-border);\n    color: var(--mj-status-warning-text);\n    border-radius: var(--mj-radius-full);\n    padding: 2px 8px;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] { cursor: pointer; }\n\n.mjo-oh-todo--err[_ngcontent-%COMP%] {\n    color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n    max-width: 22rem;\n}\n\n.mjo-oh-tabs[_ngcontent-%COMP%] {\n    display: block;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane[_ngcontent-%COMP%]   mj-explorer-entity-data-grid[_ngcontent-%COMP%] {\n    display: block;\n}\n\n.mjo-oh-hint[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-2);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] {\n    display: inline-flex;\n    padding: 2px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    padding: 5px 12px;\n    border-radius: var(--mj-radius-full);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%]   button.is-on[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n[_ngcontent-%COMP%] {\n    min-width: 1.25em;\n    padding: 0 5px;\n    border-radius: var(--mj-radius-full);\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%]    + .mjo-oh-jecard[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub[_ngcontent-%COMP%] {\n    margin-left: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.mjo-oh-je__table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    text-align: left;\n    vertical-align: top;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   tfoot[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n    border-bottom: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   .is-num[_ngcontent-%COMP%] {\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   .is-quiet[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: baseline;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.mjo-oh-dim[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 8px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n    .mjo-oh-parties[_ngcontent-%COMP%], \n   .mjo-oh-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .mjo-oh-money[_ngcontent-%COMP%] { margin-left: 0; }\n}"] });
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, i2.MjFormFieldComponent, i2.MjCollapsiblePanelComponent, i2.MjRecordFormContainerComponent, i2.ExplorerEntityDataGridComponent, i2.FormPanelSlotComponent, i3.MJTabNavComponent, i4.MJOOrderLinesEditorComponent, i5.MJOPartyAddressPickerComponent, i6.DeferredRevenueWaterfallComponent], styles: ["\n\n\n\n[_nghost-%COMP%]     .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    max-height: none;\n}\n\n[_nghost-%COMP%]     .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n}\n\n\n\n\n\n\n\n[_nghost-%COMP%]     mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n    overflow: visible;\n}\n\n[_nghost-%COMP%]     mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    overflow: visible;\n}\n\n[_nghost-%COMP%]     mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n    position: relative;\n    z-index: 30;\n}\n\n.mjo-oh-hero[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%] {\n    padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%]   .mjo-oh-hero__top[_ngcontent-%COMP%] {\n    align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%]   .mjo-oh-avatar[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed[_ngcontent-%COMP%]   .mjo-oh-title[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    flex: 0 0 auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.mjo-oh-hero__toggle[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-confirm[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--mj-space-1);\n    min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    text-align: right;\n    max-width: 14rem;\n    line-height: 1.35;\n}\n\n.mjo-oh-who[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    min-width: 0;\n}\n\n.mjo-oh-avatar[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    border-radius: var(--mj-radius-md);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 18px;\n}\n\n.mjo-oh-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: var(--mj-font-bold);\n    color: var(--mj-text-primary);\n    letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub[_ngcontent-%COMP%] {\n    margin-top: 2px;\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 10px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok[_ngcontent-%COMP%] {\n    color: var(--mj-status-success-text);\n    background: var(--mj-status-success-bg);\n    border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void[_ngcontent-%COMP%] {\n    color: var(--mj-status-error-text);\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%] {\n    display: flex;\n    gap: var(--mj-space-5);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-amt[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    margin-top: var(--mj-space-4);\n    padding: var(--mj-space-3);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%]     .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-oh-fact[_ngcontent-%COMP%]     .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n\n\n\n.mjo-oh-fact[_ngcontent-%COMP%]     .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-oh-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-parties[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: var(--mj-space-3);\n    align-items: start;\n    margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill[_ngcontent-%COMP%] {\n    grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    min-width: 0;\n}\n\n.mjo-oh-bubble.is-open[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n    width: 3.25rem;\n    flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2);\n    min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n    flex: 0 0 auto;\n    align-items: center;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__name[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__detail[_ngcontent-%COMP%], \n.mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .mjo-oh-parties[_ngcontent-%COMP%], \n   .mjo-oh-parties.is-bill[_ngcontent-%COMP%], \n   .mjo-oh-parties.is-none[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%] {\n        width: auto;\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n        flex-direction: row;\n        min-height: 0;\n        padding: var(--mj-space-2) var(--mj-space-3);\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n        align-items: flex-start;\n    }\n\n    .mjo-oh-bubble.is-rail[_ngcontent-%COMP%]   .mjo-oh-bubble__role[_ngcontent-%COMP%] {\n        writing-mode: horizontal-tb;\n        transform: none;\n    }\n}\n\n.mjo-oh-bubble.is-needed[_ngcontent-%COMP%] {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: var(--mj-space-3);\n    border: 0;\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link[_ngcontent-%COMP%] {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__hit[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic[_ngcontent-%COMP%] {\n    width: var(--mj-space-8);\n    height: var(--mj-space-8);\n    border-radius: var(--mj-radius-sm);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-bubble__role[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3);\n    border-top: 1px solid var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-addr[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-2);\n    border-top: 1px dashed var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%] {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-link);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    cursor: pointer;\n    padding: 0;\n}\n\n.mjo-oh-addr__btn[_ngcontent-%COMP%]:disabled {\n    color: var(--mj-text-disabled);\n    cursor: default;\n}\n\n.mjo-oh-addr__row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-link[_ngcontent-%COMP%] {\n    color: var(--mj-text-link);\n    text-decoration: none;\n}\n\n.mjo-oh-link[_ngcontent-%COMP%]:hover { text-decoration: underline; }\n\n.mjo-oh-todo[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%]   button[_ngcontent-%COMP%], \n.mjo-oh-todo__hint[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    border: 1px solid var(--mj-status-warning-border);\n    color: var(--mj-status-warning-text);\n    border-radius: var(--mj-radius-full);\n    padding: 2px 8px;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] { cursor: pointer; }\n\n.mjo-oh-todo--err[_ngcontent-%COMP%] {\n    color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] {\n    max-width: 22rem;\n}\n\n.mjo-oh-tabs[_ngcontent-%COMP%] {\n    display: block;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane[_ngcontent-%COMP%] { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane[_ngcontent-%COMP%]   mj-explorer-entity-data-grid[_ngcontent-%COMP%] {\n    display: block;\n}\n\n.mjo-oh-hint[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-2);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%] {\n    display: inline-flex;\n    padding: 2px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    padding: 5px 12px;\n    border-radius: var(--mj-radius-full);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-oh-switch[_ngcontent-%COMP%]   button.is-on[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n[_ngcontent-%COMP%] {\n    min-width: 1.25em;\n    padding: 0 5px;\n    border-radius: var(--mj-radius-full);\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.mjo-oh-jecard[_ngcontent-%COMP%]    + .mjo-oh-jecard[_ngcontent-%COMP%] {\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub[_ngcontent-%COMP%] {\n    margin-left: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.mjo-oh-je__table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    text-align: left;\n    vertical-align: top;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   tfoot[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n    border-bottom: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   .is-num[_ngcontent-%COMP%] {\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.mjo-oh-je__table[_ngcontent-%COMP%]   .is-quiet[_ngcontent-%COMP%] {\n    color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: baseline;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code[_ngcontent-%COMP%] {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name[_ngcontent-%COMP%] {\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.mjo-oh-dim[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 8px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n    .mjo-oh-parties[_ngcontent-%COMP%], \n   .mjo-oh-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .mjo-oh-money[_ngcontent-%COMP%] { margin-left: 0; }\n}"] });
 };
 BizAppsOrderHeaderFormComponent = __decorate([
     RegisterClass(BaseFormComponent, 'MJ_BizApps_Orders: Order Headers', 2)
@@ -1419,7 +1307,7 @@ BizAppsOrderHeaderFormComponent = __decorate([
 export { BizAppsOrderHeaderFormComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BizAppsOrderHeaderFormComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'bizapps-order-header-form', template: "@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"before-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n    <div class=\"mjo-oh-hero\" [class.is-collapsed]=\"!HeaderExpanded\">\n        <div class=\"mjo-oh-hero__top\">\n            <div class=\"mjo-oh-who\">\n                <div class=\"mjo-oh-avatar\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></div>\n                <div>\n                    <div class=\"mjo-oh-title-row\">\n                        <h1 class=\"mjo-oh-title\">{{ HeaderTitle }}</h1>\n                        @if (ShowStatusChip) {\n                            <span [class]=\"StatusChipClass\">{{ record.Status }}</span>\n                        }\n                    </div>\n                    <div class=\"mjo-oh-sub\">{{ HeaderExpanded ? HeaderSubtitle : HeaderCollapsedMeta }}</div>\n                </div>\n            </div>\n            <div class=\"mjo-oh-hero__aside\">\n                <div class=\"mjo-oh-money\">\n                    <div>\n                        <span class=\"mjo-oh-kicker\">{{ TotalLabel }}</span>\n                        <span class=\"mjo-oh-amt\">{{ Money('total') }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-oh-kicker\">Paid</span>\n                        <span class=\"mjo-oh-amt\">{{ Money('paid') }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-oh-kicker\">Balance</span>\n                        <span class=\"mjo-oh-amt\">{{ Money('balance') }}</span>\n                    </div>\n                </div>\n                <button\n                    type=\"button\"\n                    class=\"mjo-oh-hero__toggle\"\n                    (click)=\"ToggleHeader()\"\n                    [attr.aria-expanded]=\"HeaderExpanded\"\n                    [attr.aria-label]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\"\n                    [title]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\">\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"HeaderExpanded\" [class.fa-chevron-down]=\"!HeaderExpanded\" aria-hidden=\"true\"></i>\n                </button>\n            </div>\n        </div>\n\n        @if (HeaderExpanded) {\n        <div class=\"mjo-oh-facts\">\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderType\" Type=\"select\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"CompanyID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n        </div>\n\n        <div class=\"mjo-oh-parties\" [class.is-ship]=\"ExpandedParty === 'ship'\" [class.is-bill]=\"ExpandedParty === 'bill'\" [class.is-none]=\"ExpandedParty === null\">\n            <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'ship'\" [class.is-rail]=\"ExpandedParty === 'bill'\">\n                <div\n                    class=\"mjo-oh-bubble__hit\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    [attr.aria-expanded]=\"ExpandedParty === 'ship'\"\n                    (click)=\"SelectParty('ship')\"\n                    (keydown.enter)=\"SelectParty('ship')\"\n                    (keydown.space)=\"SelectParty('ship'); $event.preventDefault()\">\n                    <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-truck-fast\"></i></span>\n                    <span class=\"mjo-oh-bubble__copy\">\n                        <span class=\"mjo-oh-bubble__role\">Ship to</span>\n                        @if (ShipToIsSame) {\n                            <span class=\"mjo-oh-bubble__name\">{{ ShipToName }}</span>\n                        } @else {\n                            <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenShipTo($event)\">{{ ShipToName }}</button>\n                        }\n                        <span class=\"mjo-oh-bubble__detail\">{{ ShipToDetail }}</span>\n                    </span>\n                    <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'ship'\" [class.fa-chevron-down]=\"ExpandedParty !== 'ship'\"></i>\n                </div>\n                @if (ExpandedParty === 'ship') {\n                    <div class=\"mjo-oh-bubble__edit\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('ShipTo')\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"RequestedDeliveryDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <div class=\"mjo-oh-addr\">\n                            <div class=\"mjo-oh-addr__bar\">\n                                <span class=\"mjo-oh-addr__label\">Address</span>\n                                @if (record.ShipToAddressID_Object) {\n                                    <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"ClearShipToAddress($event)\" [disabled]=\"!EditMode\">Clear</button>\n                                } @else {\n                                    <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"EnsureShipToAddress($event)\" [disabled]=\"!EditMode\">Add address</button>\n                                }\n                            </div>\n                            @if (record.ShipToAddressID_Object; as shipAddr) {\n                                <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"Line1\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"Line2\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                <div class=\"mjo-oh-addr__row\">\n                                    <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"City\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                    <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"StateProvince\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                    <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"PostalCode\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                </div>\n                                <mj-form-field [Record]=\"shipAddr\" [ShowLabel]=\"true\" FieldName=\"Country\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n\n            <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'bill'\" [class.is-rail]=\"ExpandedParty === 'ship'\" [class.is-needed]=\"NeedsBillTo\">\n                <div\n                    class=\"mjo-oh-bubble__hit\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    [attr.aria-expanded]=\"ExpandedParty === 'bill'\"\n                    (click)=\"SelectParty('bill')\"\n                    (keydown.enter)=\"SelectParty('bill')\"\n                    (keydown.space)=\"SelectParty('bill'); $event.preventDefault()\">\n                    <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></span>\n                    <span class=\"mjo-oh-bubble__copy\">\n                        <span class=\"mjo-oh-bubble__role\">Bill to</span>\n                        @if (hasBillTo) {\n                            <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenBillTo($event)\">{{ BillToName }}</button>\n                        } @else {\n                            <span class=\"mjo-oh-bubble__name\">{{ BillToName }}</span>\n                        }\n                        <span class=\"mjo-oh-bubble__detail\">{{ BillToDetail }}</span>\n                    </span>\n                    <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'bill'\" [class.fa-chevron-down]=\"ExpandedParty !== 'bill'\"></i>\n                </div>\n                @if (ExpandedParty === 'bill') {\n                    <div class=\"mjo-oh-bubble__edit\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('BillTo')\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentTermsTypeID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <div class=\"mjo-oh-addr\">\n                            <div class=\"mjo-oh-addr__bar\">\n                                <span class=\"mjo-oh-addr__label\">Address</span>\n                                @if (record.BillToAddressID_Object) {\n                                    <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"ClearBillToAddress($event)\" [disabled]=\"!EditMode\">Clear</button>\n                                } @else {\n                                    <button type=\"button\" class=\"mjo-oh-addr__btn\" (click)=\"EnsureBillToAddress($event)\" [disabled]=\"!EditMode\">Add address</button>\n                                }\n                            </div>\n                            @if (record.BillToAddressID_Object; as billAddr) {\n                                <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"Line1\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"Line2\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                <div class=\"mjo-oh-addr__row\">\n                                    <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"City\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                    <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"StateProvince\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                    <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"PostalCode\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                                </div>\n                                <mj-form-field [Record]=\"billAddr\" [ShowLabel]=\"true\" FieldName=\"Country\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                            }\n                        </div>\n                    </div>\n                }\n            </div>\n        </div>\n\n        @if (ConfirmBlockedReason) {\n            <div class=\"mjo-oh-todo\">\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\n                <span>Before this can be confirmed</span>\n                @if (NeedsBillTo) {\n                    <button type=\"button\" (click)=\"JumpToBill()\">Need a bill-to party</button>\n                } @else if (NeedsPaymentReference) {\n                    <button type=\"button\" (click)=\"JumpToPayment()\">Need a check / ACH reference</button>\n                } @else {\n                    <span class=\"mjo-oh-todo__hint\">{{ ConfirmBlockedReason }}</span>\n                }\n            </div>\n        }\n\n        @if (ConfirmError) {\n            <div class=\"mjo-oh-todo mjo-oh-todo--err\" role=\"alert\">\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                <span>{{ ConfirmError }}</span>\n            </div>\n        }\n\n        <mj-tab-nav\n            class=\"mjo-oh-tabs\"\n            [Tabs]=\"ContextTabs\"\n            [ActiveKey]=\"ActiveTab ?? ''\"\n            (TabChange)=\"SelectTab($event)\">\n        </mj-tab-nav>\n\n        @if (ActiveTab === 'payment') {\n            <div class=\"mjo-oh-tabpane\">\n                <div class=\"mjo-oh-fields\">\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentTypeID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentAmount\" Type=\"number\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    @if (PaymentRequiresReference) {\n                        <label class=\"mjo-oh-ref\">\n                            <span class=\"mjo-oh-ref__label\">Check / ACH reference</span>\n                            <input\n                                class=\"mj-input\"\n                                [ngModel]=\"PaymentReference\"\n                                (ngModelChange)=\"SetPaymentReference($event)\"\n                                [disabled]=\"!ComposeMode\"\n                                placeholder=\"Check number or confirmation ID\"\n                                autocomplete=\"off\"\n                                aria-label=\"Check or ACH reference\">\n                        </label>\n                    }\n                </div>\n                @if (record.IsSaved && PaymentParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"PaymentParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [ShowDeleteButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                } @else {\n                    <div class=\"mjo-oh-hint\">Intent only \u2014 the payment is created when the order is confirmed.</div>\n                }\n            </div>\n        }\n\n        @if (ActiveTab === 'details') {\n            <div class=\"mjo-oh-tabpane\">\n                <div class=\"mjo-oh-fields\">\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"DueDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ExternalDocumentNumber\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"FulfillmentStatus\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Status\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"SalesRepUserID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Description\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Notes\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                </div>\n            </div>\n        }\n\n        @if (ActiveTab === 'charges' && record.IsSaved) {\n            <div class=\"mjo-oh-tabpane\">\n                @if (ChargeParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"ChargeParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [ShowDeleteButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                    @if (record.MoneyLocked) {\n                        <div class=\"mjo-oh-hint\">Charges were booked with the order and cannot be edited.</div>\n                    }\n                }\n            </div>\n        }\n\n        @if (ActiveTab === 'accounting' && record.IsSaved) {\n            <div class=\"mjo-oh-tabpane\">\n                <div class=\"mjo-oh-acct__bar\">\n                    <div>\n                        <h2>{{ AccountingView === 'summary' ? 'Order journal' : 'Line journals' }}</h2>\n                        <p>\n                            @if (AccountingView === 'summary') {\n                                What this order booked, as one entry per company \u2014 not a stored row\n                            } @else {\n                                One stored journal per order line \u2014 open a row to drill in\n                            }\n                        </p>\n                    </div>\n                    <div class=\"mjo-oh-switch\" role=\"group\" aria-label=\"Accounting view\">\n                        <button type=\"button\" [class.is-on]=\"AccountingView === 'summary'\" (click)=\"SetAccountingView('summary')\">Rolled up</button>\n                        <button type=\"button\" [class.is-on]=\"AccountingView === 'detail'\" (click)=\"SetAccountingView('detail')\">\n                            By line\n                            @if (RollupJournalCount) {\n                                <span class=\"mjo-oh-switch__n\">{{ RollupJournalCount }}</span>\n                            }\n                        </button>\n                        <button type=\"button\" [class.is-on]=\"AccountingView === 'waterfall'\" (click)=\"SetAccountingView('waterfall')\">\n                            <i class=\"fa-solid fa-chart-line\"></i> Rev-Rec Waterfall\n                        </button>\n                    </div>\n                </div>\n\n                @if (AccountingView === 'waterfall') {\n                    <div style=\"padding: 12px 0;\">\n                        <mj-deferred-revenue-waterfall\n                            [JournalEntries]=\"RevRecJournalEntries\"\n                            [Title]=\"'Order Rev-Rec &amp; Deferred Revenue Schedule'\"\n                            (JournalEntrySelected)=\"OnJournalEntrySelected($event)\">\n                        </mj-deferred-revenue-waterfall>\n                    </div>\n                } @else if (AccountingView === 'summary') {\n                    @if (RollupLoading) {\n                        <div class=\"mjo-oh-hint\">Rolling up journals\u2026</div>\n                    } @else if (RollupError) {\n                        <div class=\"mjo-oh-hint\">{{ RollupError }}</div>\n                    } @else if (RollupCards.length === 0) {\n                        <div class=\"mjo-oh-hint\">No journals yet \u2014 they appear when the order is confirmed.</div>\n                    } @else {\n                        @for (card of RollupCards; track card.CompanyID) {\n                            <article class=\"mjo-oh-jecard\">\n                                <header class=\"mjo-oh-jecard__head\">\n                                    <div>\n                                        <span class=\"mjo-oh-jecard__co\">{{ card.Company }}</span>\n                                        <span class=\"mjo-oh-jecard__sub\">{{ card.Rows.length }} {{ card.Rows.length === 1 ? 'line' : 'lines' }}</span>\n                                    </div>\n                                    <span class=\"mjo-oh-chip\" [class.mjo-oh-chip--ok]=\"CardIsBalanced(card)\">\n                                        {{ CardIsBalanced(card) ? 'Balanced' : 'Out of balance' }}\n                                    </span>\n                                </header>\n                                <table class=\"mjo-oh-je__table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Account</th>\n                                            <th class=\"is-num\">Debit</th>\n                                            <th class=\"is-num\">Credit</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (row of card.Rows; track row.Key) {\n                                            <tr>\n                                                <td>\n                                                    <div class=\"mjo-oh-acctline\">\n                                                        @if (row.AccountCode) {\n                                                            <span class=\"mjo-oh-acctline__code\">{{ row.AccountCode }}</span>\n                                                        }\n                                                        <span class=\"mjo-oh-acctline__name\">{{ row.AccountName }}</span>\n                                                    </div>\n                                                    <div class=\"mjo-oh-acctline__meta\">\n                                                        @for (dim of row.Dimensions; track dim.Name + dim.Value) {\n                                                            <span class=\"mjo-oh-dim\">{{ dim.Name }} \u00B7 {{ dim.Value }}</span>\n                                                        }\n                                                        <span class=\"mjo-oh-je__src\">{{ SourceLineLabel(row.SourceLineCount) }}</span>\n                                                    </div>\n                                                </td>\n                                                <td class=\"is-num\" [class.is-quiet]=\"!row.Debit\">{{ RollupAmount(row.Debit) }}</td>\n                                                <td class=\"is-num\" [class.is-quiet]=\"!row.Credit\">{{ RollupAmount(row.Credit) }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                    <tfoot>\n                                        <tr>\n                                            <th>Total</th>\n                                            <td class=\"is-num\">{{ RollupAmount(card.TotalDebit) }}</td>\n                                            <td class=\"is-num\">{{ RollupAmount(card.TotalCredit) }}</td>\n                                        </tr>\n                                    </tfoot>\n                                </table>\n                            </article>\n                        }\n                    }\n                } @else if (JournalParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"JournalParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                } @else {\n                    <div class=\"mjo-oh-hint\">No line journals until this order has saved lines.</div>\n                }\n            </div>\n        }\n\n        @if (ActiveTab === 'subs' && record.IsSaved) {\n            <div class=\"mjo-oh-tabpane\">\n                @if (SubscriptionParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"SubscriptionParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                }\n            </div>\n        }\n        }\n    </div>\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n    <mj-collapsible-panel\n        SectionKey=\"mJBizAppsOrdersOrderLines\"\n        SectionName=\"Lines\"\n        Icon=\"fa fa-list-ol\"\n        [Form]=\"this\"\n        [FormContext]=\"formContext\"\n        [BadgeCount]=\"LineBadge\"\n        [DefaultExpanded]=\"true\">\n        <mjo-order-lines-editor\n            [Order]=\"record\"\n            [EditMode]=\"ComposeMode\"\n            (PricingChanged)=\"OnPricingChanged($event)\"\n            (Navigate)=\"OnFormNavigate($event)\">\n        </mjo-order-lines-editor>\n    </mj-collapsible-panel>\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-related\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-everything\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n</mj-record-form-container>\n}\n", styles: ["/* mj-form-field uses display:contents + a 200px|1fr internal grid.\n   Wrap each field; never place the host as a CSS-grid item. */\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    max-height: none;\n}\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n}\n\n/* Product search results sit `position: absolute` under the add-product\n   input at the bottom of Lines. The panel card and body both use\n   overflow:hidden (rounded-corner clip + collapse animation), which\n   shears the list off at the section edge. Collapse still forces\n   overflow:hidden on the collapsed body. */\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n    overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n    position: relative;\n    z-index: 30;\n}\n\n.mjo-oh-hero {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed {\n    padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-hero__top {\n    align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-avatar {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-title {\n    font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    flex: 0 0 auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.mjo-oh-hero__toggle:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-confirm {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--mj-space-1);\n    min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    text-align: right;\n    max-width: 14rem;\n    line-height: 1.35;\n}\n\n.mjo-oh-who {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    min-width: 0;\n}\n\n.mjo-oh-avatar {\n    width: 44px;\n    height: 44px;\n    border-radius: var(--mj-radius-md);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 18px;\n}\n\n.mjo-oh-title-row {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: var(--mj-font-bold);\n    color: var(--mj-text-primary);\n    letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub {\n    margin-top: 2px;\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 10px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok {\n    color: var(--mj-status-success-text);\n    background: var(--mj-status-success-bg);\n    border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void {\n    color: var(--mj-status-error-text);\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money {\n    display: flex;\n    gap: var(--mj-space-5);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money > div {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-amt {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    margin-top: var(--mj-space-4);\n    padding: var(--mj-space-3);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n/* The shared field hover adds negative margin + extra padding, which shoves\n   the three header facts down. Keep the tint, drop the layout shift. */\n.mjo-oh-fact ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-oh-fields {\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-parties {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: var(--mj-space-3);\n    align-items: start;\n    margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill {\n    grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none {\n    grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    min-width: 0;\n}\n\n.mjo-oh-bubble.is-open {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail {\n    width: 3.25rem;\n    flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2);\n    min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n    flex: 0 0 auto;\n    align-items: center;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__name,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__detail,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__chev {\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .mjo-oh-parties,\n    .mjo-oh-parties.is-bill,\n    .mjo-oh-parties.is-none {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-oh-bubble.is-rail {\n        width: auto;\n    }\n\n    .mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n        flex-direction: row;\n        min-height: 0;\n        padding: var(--mj-space-2) var(--mj-space-3);\n    }\n\n    .mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n        align-items: flex-start;\n    }\n\n    .mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n        writing-mode: horizontal-tb;\n        transform: none;\n    }\n}\n\n.mjo-oh-bubble.is-needed {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: var(--mj-space-3);\n    border: 0;\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__hit:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic {\n    width: var(--mj-space-8);\n    height: var(--mj-space-8);\n    border-radius: var(--mj-radius-sm);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy {\n    min-width: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-bubble__role {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev {\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit {\n    padding: var(--mj-space-3);\n    border-top: 1px solid var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-addr {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-2);\n    border-top: 1px dashed var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-link);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    cursor: pointer;\n    padding: 0;\n}\n\n.mjo-oh-addr__btn:disabled {\n    color: var(--mj-text-disabled);\n    cursor: default;\n}\n\n.mjo-oh-addr__row {\n    display: grid;\n    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-link {\n    color: var(--mj-text-link);\n    text-decoration: none;\n}\n\n.mjo-oh-link:hover { text-decoration: underline; }\n\n.mjo-oh-todo {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo button,\n.mjo-oh-todo__hint {\n    background: var(--mj-status-warning-bg);\n    border: 1px solid var(--mj-status-warning-border);\n    color: var(--mj-status-warning-text);\n    border-radius: var(--mj-radius-full);\n    padding: 2px 8px;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo button { cursor: pointer; }\n\n.mjo-oh-todo--err {\n    color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref .mj-input {\n    max-width: 22rem;\n}\n\n.mjo-oh-tabs {\n    display: block;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane mj-explorer-entity-data-grid {\n    display: block;\n}\n\n.mjo-oh-hint {\n    margin-top: var(--mj-space-2);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar h2 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar p {\n    margin: 2px 0 0;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch {\n    display: inline-flex;\n    padding: 2px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch button {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    padding: 5px 12px;\n    border-radius: var(--mj-radius-full);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-oh-switch button.is-on {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n {\n    min-width: 1.25em;\n    padding: 0 5px;\n    border-radius: var(--mj-radius-full);\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n}\n\n.mjo-oh-jecard {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.mjo-oh-jecard + .mjo-oh-jecard {\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub {\n    margin-left: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table th,\n.mjo-oh-je__table td {\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    text-align: left;\n    vertical-align: top;\n}\n\n.mjo-oh-je__table thead th {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table tfoot th {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n    border-bottom: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table .is-num {\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.mjo-oh-je__table .is-quiet {\n    color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline {\n    display: flex;\n    align-items: baseline;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name {\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.mjo-oh-dim {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 8px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n    .mjo-oh-parties,\n    .mjo-oh-facts {\n        grid-template-columns: 1fr;\n    }\n    .mjo-oh-money { margin-left: 0; }\n}\n"] }]
+        args: [{ standalone: false, selector: 'bizapps-order-header-form', template: "@if (record) {\n<mj-record-form-container [Record]=\"record\" [FormComponent]=\"this\"\n    (Navigate)=\"OnFormNavigate($event)\"\n    (DeleteRequested)=\"OnDeleteRequested()\"\n    (FavoriteToggled)=\"OnFavoriteToggled()\"\n    (HistoryRequested)=\"OnHistoryRequested()\"\n    (ListManagementRequested)=\"OnListManagementRequested()\">\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"before-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n    <div class=\"mjo-oh-hero\" [class.is-collapsed]=\"!HeaderExpanded\">\n        <div class=\"mjo-oh-hero__top\">\n            <div class=\"mjo-oh-who\">\n                <div class=\"mjo-oh-avatar\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></div>\n                <div>\n                    <div class=\"mjo-oh-title-row\">\n                        <h1 class=\"mjo-oh-title\">{{ HeaderTitle }}</h1>\n                        @if (ShowStatusChip) {\n                            <span [class]=\"StatusChipClass\">{{ record.Status }}</span>\n                        }\n                    </div>\n                    <div class=\"mjo-oh-sub\">{{ HeaderExpanded ? HeaderSubtitle : HeaderCollapsedMeta }}</div>\n                </div>\n            </div>\n            <div class=\"mjo-oh-hero__aside\">\n                <div class=\"mjo-oh-money\">\n                    <div>\n                        <span class=\"mjo-oh-kicker\">{{ TotalLabel }}</span>\n                        <span class=\"mjo-oh-amt\">{{ Money('total') }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-oh-kicker\">Paid</span>\n                        <span class=\"mjo-oh-amt\">{{ Money('paid') }}</span>\n                    </div>\n                    <div>\n                        <span class=\"mjo-oh-kicker\">Balance</span>\n                        <span class=\"mjo-oh-amt\">{{ Money('balance') }}</span>\n                    </div>\n                </div>\n                <button\n                    type=\"button\"\n                    class=\"mjo-oh-hero__toggle\"\n                    (click)=\"ToggleHeader()\"\n                    [attr.aria-expanded]=\"HeaderExpanded\"\n                    [attr.aria-label]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\"\n                    [title]=\"HeaderExpanded ? 'Collapse header' : 'Expand header'\">\n                    <i class=\"fa-solid\" [class.fa-chevron-up]=\"HeaderExpanded\" [class.fa-chevron-down]=\"!HeaderExpanded\" aria-hidden=\"true\"></i>\n                </button>\n            </div>\n        </div>\n\n        @if (HeaderExpanded) {\n        <div class=\"mjo-oh-facts\">\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderType\" Type=\"select\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"CompanyID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n        </div>\n\n        <div class=\"mjo-oh-parties\" [class.is-ship]=\"ExpandedParty === 'ship'\" [class.is-bill]=\"ExpandedParty === 'bill'\" [class.is-none]=\"ExpandedParty === null\">\n            <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'ship'\" [class.is-rail]=\"ExpandedParty === 'bill'\">\n                <div\n                    class=\"mjo-oh-bubble__hit\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    [attr.aria-expanded]=\"ExpandedParty === 'ship'\"\n                    (click)=\"SelectParty('ship')\"\n                    (keydown.enter)=\"SelectParty('ship')\"\n                    (keydown.space)=\"SelectParty('ship'); $event.preventDefault()\">\n                    <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-truck-fast\"></i></span>\n                    <span class=\"mjo-oh-bubble__copy\">\n                        <span class=\"mjo-oh-bubble__role\">Ship to</span>\n                        @if (ShipToIsSame) {\n                            <span class=\"mjo-oh-bubble__name\">{{ ShipToName }}</span>\n                        } @else {\n                            <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenShipTo($event)\">{{ ShipToName }}</button>\n                        }\n                        <span class=\"mjo-oh-bubble__detail\">{{ ShipToDetail }}</span>\n                    </span>\n                    <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'ship'\" [class.fa-chevron-down]=\"ExpandedParty !== 'ship'\"></i>\n                </div>\n                @if (ExpandedParty === 'ship') {\n                    <div class=\"mjo-oh-bubble__edit\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ShipToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('ShipTo')\"></mj-form-field>\n                        <mjo-party-address-picker\n                            [Order]=\"record\"\n                            Side=\"ship\"\n                            [EditMode]=\"EditMode\"\n                            [PersonName]=\"record.ShipToPerson\"\n                            [OrganizationName]=\"record.ShipToOrganization\">\n                        </mjo-party-address-picker>\n                    </div>\n                }\n            </div>\n\n            <div class=\"mjo-oh-bubble\" [class.is-open]=\"ExpandedParty === 'bill'\" [class.is-rail]=\"ExpandedParty === 'ship'\" [class.is-needed]=\"NeedsBillTo\">\n                <div\n                    class=\"mjo-oh-bubble__hit\"\n                    role=\"button\"\n                    tabindex=\"0\"\n                    [attr.aria-expanded]=\"ExpandedParty === 'bill'\"\n                    (click)=\"SelectParty('bill')\"\n                    (keydown.enter)=\"SelectParty('bill')\"\n                    (keydown.space)=\"SelectParty('bill'); $event.preventDefault()\">\n                    <span class=\"mjo-oh-bubble__ic\"><i class=\"fa-solid fa-file-invoice-dollar\"></i></span>\n                    <span class=\"mjo-oh-bubble__copy\">\n                        <span class=\"mjo-oh-bubble__role\">Bill to</span>\n                        @if (hasBillTo) {\n                            <button type=\"button\" class=\"mjo-oh-link mjo-oh-bubble__name\" (click)=\"OpenBillTo($event)\">{{ BillToName }}</button>\n                        } @else {\n                            <span class=\"mjo-oh-bubble__name\">{{ BillToName }}</span>\n                        }\n                        <span class=\"mjo-oh-bubble__detail\">{{ BillToDetail }}</span>\n                    </span>\n                    <i class=\"fa-solid mjo-oh-bubble__chev\" [class.fa-chevron-up]=\"ExpandedParty === 'bill'\" [class.fa-chevron-down]=\"ExpandedParty !== 'bill'\"></i>\n                </div>\n                @if (ExpandedParty === 'bill') {\n                    <div class=\"mjo-oh-bubble__edit\">\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToOrganizationID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToPersonID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('BillTo')\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"PaymentTermsTypeID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mjo-party-address-picker\n                            [Order]=\"record\"\n                            Side=\"bill\"\n                            [EditMode]=\"EditMode\"\n                            [PersonName]=\"record.BillToPerson\"\n                            [OrganizationName]=\"record.BillToOrganization\">\n                        </mjo-party-address-picker>\n                    </div>\n                }\n            </div>\n        </div>\n\n        @if (ConfirmBlockedReason) {\n            <div class=\"mjo-oh-todo\">\n                <i class=\"fa-solid fa-circle-exclamation\"></i>\n                <span>Before this can be confirmed</span>\n                @if (NeedsBillTo) {\n                    <button type=\"button\" (click)=\"JumpToBill()\">Need a bill-to party</button>\n                } @else if (NeedsPaymentReference) {\n                    <button type=\"button\" (click)=\"JumpToPayment()\">Need a check / ACH reference</button>\n                } @else {\n                    <span class=\"mjo-oh-todo__hint\">{{ ConfirmBlockedReason }}</span>\n                }\n            </div>\n        }\n\n        @if (ConfirmError) {\n            <div class=\"mjo-oh-todo mjo-oh-todo--err\" role=\"alert\">\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                <span>{{ ConfirmError }}</span>\n            </div>\n        }\n\n        <mj-tab-nav\n            class=\"mjo-oh-tabs\"\n            [Tabs]=\"ContextTabs\"\n            [ActiveKey]=\"ActiveTab ?? ''\"\n            (TabChange)=\"SelectTab($event)\">\n        </mj-tab-nav>\n\n        @if (ActiveTab === 'payment') {\n            <div class=\"mjo-oh-tabpane\">\n                <div class=\"mjo-oh-fields\">\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentTypeID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"InitialPaymentAmount\" Type=\"number\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    @if (PaymentRequiresReference) {\n                        <label class=\"mjo-oh-ref\">\n                            <span class=\"mjo-oh-ref__label\">Check / ACH reference</span>\n                            <input\n                                class=\"mj-input\"\n                                [ngModel]=\"PaymentReference\"\n                                (ngModelChange)=\"SetPaymentReference($event)\"\n                                [disabled]=\"!ComposeMode\"\n                                placeholder=\"Check number or confirmation ID\"\n                                autocomplete=\"off\"\n                                aria-label=\"Check or ACH reference\">\n                        </label>\n                    }\n                </div>\n                @if (record.IsSaved && PaymentParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"PaymentParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [ShowDeleteButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                } @else {\n                    <div class=\"mjo-oh-hint\">Intent only \u2014 the payment is created when the order is confirmed.</div>\n                }\n            </div>\n        }\n\n        @if (ActiveTab === 'details') {\n            <div class=\"mjo-oh-tabpane\">\n                <div class=\"mjo-oh-fields\">\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"RequestedDeliveryDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"DueDate\" Type=\"datepicker\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"ExternalDocumentNumber\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"FulfillmentStatus\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Status\" Type=\"select\" [EditMode]=\"false\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"SalesRepUserID\" Type=\"textbox\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Description\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                    <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"Notes\" Type=\"textarea\" [EditMode]=\"EditMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                </div>\n            </div>\n        }\n\n        @if (ActiveTab === 'charges' && record.IsSaved) {\n            <div class=\"mjo-oh-tabpane\">\n                @if (ChargeParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"ChargeParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [ShowDeleteButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                    @if (record.MoneyLocked) {\n                        <div class=\"mjo-oh-hint\">Charges were booked with the order and cannot be edited.</div>\n                    }\n                }\n            </div>\n        }\n\n        @if (ActiveTab === 'accounting' && record.IsSaved) {\n            <div class=\"mjo-oh-tabpane\">\n                <div class=\"mjo-oh-acct__bar\">\n                    <div>\n                        <h2>{{ AccountingView === 'summary' ? 'Order journal' : 'Line journals' }}</h2>\n                        <p>\n                            @if (AccountingView === 'summary') {\n                                What this order booked, as one entry per company \u2014 not a stored row\n                            } @else {\n                                One stored journal per order line \u2014 open a row to drill in\n                            }\n                        </p>\n                    </div>\n                    <div class=\"mjo-oh-switch\" role=\"group\" aria-label=\"Accounting view\">\n                        <button type=\"button\" [class.is-on]=\"AccountingView === 'summary'\" (click)=\"SetAccountingView('summary')\">Rolled up</button>\n                        <button type=\"button\" [class.is-on]=\"AccountingView === 'detail'\" (click)=\"SetAccountingView('detail')\">\n                            By line\n                            @if (RollupJournalCount) {\n                                <span class=\"mjo-oh-switch__n\">{{ RollupJournalCount }}</span>\n                            }\n                        </button>\n                        <button type=\"button\" [class.is-on]=\"AccountingView === 'waterfall'\" (click)=\"SetAccountingView('waterfall')\">\n                            <i class=\"fa-solid fa-chart-line\"></i> Rev-Rec Waterfall\n                        </button>\n                    </div>\n                </div>\n\n                @if (AccountingView === 'waterfall') {\n                    <div style=\"padding: 12px 0;\">\n                        <mj-deferred-revenue-waterfall\n                            [JournalEntries]=\"RevRecJournalEntries\"\n                            [Title]=\"'Order Rev-Rec &amp; Deferred Revenue Schedule'\"\n                            (JournalEntrySelected)=\"OnJournalEntrySelected($event)\">\n                        </mj-deferred-revenue-waterfall>\n                    </div>\n                } @else if (AccountingView === 'summary') {\n                    @if (RollupLoading) {\n                        <div class=\"mjo-oh-hint\">Rolling up journals\u2026</div>\n                    } @else if (RollupError) {\n                        <div class=\"mjo-oh-hint\">{{ RollupError }}</div>\n                    } @else if (RollupCards.length === 0) {\n                        <div class=\"mjo-oh-hint\">No journals yet \u2014 they appear when the order is confirmed.</div>\n                    } @else {\n                        @for (card of RollupCards; track card.CompanyID) {\n                            <article class=\"mjo-oh-jecard\">\n                                <header class=\"mjo-oh-jecard__head\">\n                                    <div>\n                                        <span class=\"mjo-oh-jecard__co\">{{ card.Company }}</span>\n                                        <span class=\"mjo-oh-jecard__sub\">{{ card.Rows.length }} {{ card.Rows.length === 1 ? 'line' : 'lines' }}</span>\n                                    </div>\n                                    <span class=\"mjo-oh-chip\" [class.mjo-oh-chip--ok]=\"CardIsBalanced(card)\">\n                                        {{ CardIsBalanced(card) ? 'Balanced' : 'Out of balance' }}\n                                    </span>\n                                </header>\n                                <table class=\"mjo-oh-je__table\">\n                                    <thead>\n                                        <tr>\n                                            <th>Account</th>\n                                            <th class=\"is-num\">Debit</th>\n                                            <th class=\"is-num\">Credit</th>\n                                        </tr>\n                                    </thead>\n                                    <tbody>\n                                        @for (row of card.Rows; track row.Key) {\n                                            <tr>\n                                                <td>\n                                                    <div class=\"mjo-oh-acctline\">\n                                                        @if (row.AccountCode) {\n                                                            <span class=\"mjo-oh-acctline__code\">{{ row.AccountCode }}</span>\n                                                        }\n                                                        <span class=\"mjo-oh-acctline__name\">{{ row.AccountName }}</span>\n                                                    </div>\n                                                    <div class=\"mjo-oh-acctline__meta\">\n                                                        @for (dim of row.Dimensions; track dim.Name + dim.Value) {\n                                                            <span class=\"mjo-oh-dim\">{{ dim.Name }} \u00B7 {{ dim.Value }}</span>\n                                                        }\n                                                        <span class=\"mjo-oh-je__src\">{{ SourceLineLabel(row.SourceLineCount) }}</span>\n                                                    </div>\n                                                </td>\n                                                <td class=\"is-num\" [class.is-quiet]=\"!row.Debit\">{{ RollupAmount(row.Debit) }}</td>\n                                                <td class=\"is-num\" [class.is-quiet]=\"!row.Credit\">{{ RollupAmount(row.Credit) }}</td>\n                                            </tr>\n                                        }\n                                    </tbody>\n                                    <tfoot>\n                                        <tr>\n                                            <th>Total</th>\n                                            <td class=\"is-num\">{{ RollupAmount(card.TotalDebit) }}</td>\n                                            <td class=\"is-num\">{{ RollupAmount(card.TotalCredit) }}</td>\n                                        </tr>\n                                    </tfoot>\n                                </table>\n                            </article>\n                        }\n                    }\n                } @else if (JournalParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"JournalParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                } @else {\n                    <div class=\"mjo-oh-hint\">No line journals until this order has saved lines.</div>\n                }\n            </div>\n        }\n\n        @if (ActiveTab === 'subs' && record.IsSaved) {\n            <div class=\"mjo-oh-tabpane\">\n                @if (SubscriptionParams) {\n                    <mj-explorer-entity-data-grid\n                        [Params]=\"SubscriptionParams\"\n                        [AllowLoad]=\"true\"\n                        [ShowToolbar]=\"true\"\n                        [ShowNewButton]=\"false\"\n                        [Height]=\"'fit-content'\"\n                        [MaxHeight]=\"RelatedGridHeight\"\n                        (Navigate)=\"OnFormNavigate($event)\">\n                    </mj-explorer-entity-data-grid>\n                }\n            </div>\n        }\n        }\n    </div>\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-fields\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n    <mj-collapsible-panel\n        SectionKey=\"mJBizAppsOrdersOrderLines\"\n        SectionName=\"Lines\"\n        Icon=\"fa fa-list-ol\"\n        [Form]=\"this\"\n        [FormContext]=\"formContext\"\n        [BadgeCount]=\"LineBadge\"\n        [DefaultExpanded]=\"true\">\n        <mjo-order-lines-editor\n            [Order]=\"record\"\n            [EditMode]=\"ComposeMode\"\n            (PricingChanged)=\"OnPricingChanged($event)\"\n            (Navigate)=\"OnFormNavigate($event)\">\n        </mjo-order-lines-editor>\n    </mj-collapsible-panel>\n\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-related\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n    <mj-form-panel-slot Entity=\"{{record.EntityInfo.Name}}\" Slot=\"after-everything\" [Record]=\"record\" [FormComponent]=\"this\" [FormContext]=\"formContext\"></mj-form-panel-slot>\n\n</mj-record-form-container>\n}\n", styles: ["/* mj-form-field uses display:contents + a 200px|1fr internal grid.\n   Wrap each field; never place the host as a CSS-grid item. */\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    max-height: none;\n}\n\n:host ::ng-deep .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) .mj-forms-panel-content {\n    max-height: none;\n    overflow: visible;\n}\n\n/* Product search results sit `position: absolute` under the add-product\n   input at the bottom of Lines. The panel card and body both use\n   overflow:hidden (rounded-corner clip + collapse animation), which\n   shears the list off at the section edge. Collapse still forces\n   overflow:hidden on the collapsed body. */\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel {\n    overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(mjo-order-lines-editor) .mj-forms-panel-body:not(.mj-forms-panel-body--collapsed) {\n    overflow: visible;\n}\n\n:host ::ng-deep mj-collapsible-panel:has(.mj-typeahead-list.is-open) {\n    position: relative;\n    z-index: 30;\n}\n\n.mjo-oh-hero {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed {\n    padding: var(--mj-space-2) var(--mj-space-4);\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-hero__top {\n    align-items: center;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-avatar {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n}\n\n.mjo-oh-hero.is-collapsed .mjo-oh-title {\n    font-size: var(--mj-text-base);\n}\n\n.mjo-oh-hero__toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    flex: 0 0 auto;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.mjo-oh-hero__toggle:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-hero__top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-hero__aside {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--mj-space-4);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-confirm {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--mj-space-1);\n    min-width: 11rem;\n}\n\n.mjo-oh-confirm__hint {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    text-align: right;\n    max-width: 14rem;\n    line-height: 1.35;\n}\n\n.mjo-oh-who {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    min-width: 0;\n}\n\n.mjo-oh-avatar {\n    width: 44px;\n    height: 44px;\n    border-radius: var(--mj-radius-md);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 18px;\n}\n\n.mjo-oh-title-row {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: var(--mj-font-bold);\n    color: var(--mj-text-primary);\n    letter-spacing: -0.02em;\n}\n\n.mjo-oh-sub {\n    margin-top: 2px;\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-kicker {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-chip {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 10px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-chip--ok {\n    color: var(--mj-status-success-text);\n    background: var(--mj-status-success-bg);\n    border-color: var(--mj-status-success-border);\n}\n\n.mjo-oh-chip--void {\n    color: var(--mj-status-error-text);\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error-border);\n}\n\n.mjo-oh-money {\n    display: flex;\n    gap: var(--mj-space-5);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-money > div {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-amt {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-facts {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    margin-top: var(--mj-space-4);\n    padding: var(--mj-space-3);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field {\n    display: flex;\n    flex-direction: column;\n    align-items: stretch;\n    gap: 4px;\n    padding: 0;\n}\n\n.mjo-oh-fact ::ng-deep .mj-forms-field-label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n/* The shared field hover adds negative margin + extra padding, which shoves\n   the three header facts down. Keep the tint, drop the layout shift. */\n.mjo-oh-fact ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-oh-fields {\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-parties {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto;\n    gap: var(--mj-space-3);\n    align-items: start;\n    margin: var(--mj-space-4) 0 var(--mj-space-3);\n}\n\n.mjo-oh-parties.is-bill {\n    grid-template-columns: auto minmax(0, 1fr);\n}\n\n.mjo-oh-parties.is-none {\n    grid-template-columns: 1fr 1fr;\n}\n\n.mjo-oh-bubble {\n    border: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface);\n    border-radius: var(--mj-radius-md);\n    overflow: hidden;\n    min-width: 0;\n}\n\n.mjo-oh-bubble.is-open {\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble.is-rail {\n    width: 3.25rem;\n    flex: 0 0 auto;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2);\n    min-height: 5.5rem;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n    flex: 0 0 auto;\n    align-items: center;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n    letter-spacing: 0.08em;\n}\n\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__name,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__detail,\n.mjo-oh-bubble.is-rail .mjo-oh-bubble__chev {\n    display: none;\n}\n\n@media (max-width: 720px) {\n    .mjo-oh-parties,\n    .mjo-oh-parties.is-bill,\n    .mjo-oh-parties.is-none {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-oh-bubble.is-rail {\n        width: auto;\n    }\n\n    .mjo-oh-bubble.is-rail .mjo-oh-bubble__hit {\n        flex-direction: row;\n        min-height: 0;\n        padding: var(--mj-space-2) var(--mj-space-3);\n    }\n\n    .mjo-oh-bubble.is-rail .mjo-oh-bubble__copy {\n        align-items: flex-start;\n    }\n\n    .mjo-oh-bubble.is-rail .mjo-oh-bubble__role {\n        writing-mode: horizontal-tb;\n        transform: none;\n    }\n}\n\n.mjo-oh-bubble.is-needed {\n    border-color: color-mix(in srgb, var(--mj-status-warning) 45%, var(--mj-border-default));\n}\n\n.mjo-oh-bubble__hit {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-3);\n    width: 100%;\n    padding: var(--mj-space-3);\n    border: 0;\n    background: transparent;\n    color: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__name.mjo-oh-link {\n    display: inline;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    font: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    text-align: left;\n    cursor: pointer;\n}\n\n.mjo-oh-bubble__hit:hover { background: var(--mj-bg-surface-hover); }\n\n.mjo-oh-bubble__ic {\n    width: var(--mj-space-8);\n    height: var(--mj-space-8);\n    border-radius: var(--mj-radius-sm);\n    display: grid;\n    place-items: center;\n    flex: 0 0 auto;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-brand-primary);\n}\n\n.mjo-oh-bubble__copy {\n    min-width: 0;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.mjo-oh-bubble__role {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-bubble__name {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-bubble__detail {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.mjo-oh-bubble__chev {\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-bubble__edit {\n    padding: var(--mj-space-3);\n    border-top: 1px solid var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n}\n\n.mjo-oh-addr {\n    margin-top: var(--mj-space-2);\n    padding-top: var(--mj-space-2);\n    border-top: 1px dashed var(--mj-border-subtle);\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-1);\n}\n\n.mjo-oh-addr__bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-addr__label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-addr__btn {\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-link);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    cursor: pointer;\n    padding: 0;\n}\n\n.mjo-oh-addr__btn:disabled {\n    color: var(--mj-text-disabled);\n    cursor: default;\n}\n\n.mjo-oh-addr__row {\n    display: grid;\n    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr) minmax(0, 0.8fr);\n    gap: var(--mj-space-2);\n}\n\n.mjo-oh-link {\n    color: var(--mj-text-link);\n    text-decoration: none;\n}\n\n.mjo-oh-link:hover { text-decoration: underline; }\n\n.mjo-oh-todo {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-oh-todo button,\n.mjo-oh-todo__hint {\n    background: var(--mj-status-warning-bg);\n    border: 1px solid var(--mj-status-warning-border);\n    color: var(--mj-status-warning-text);\n    border-radius: var(--mj-radius-full);\n    padding: 2px 8px;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n}\n\n.mjo-oh-todo button { cursor: pointer; }\n\n.mjo-oh-todo--err {\n    color: var(--mj-status-error-text);\n}\n\n.mjo-oh-ref {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-ref__label {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-ref .mj-input {\n    max-width: 22rem;\n}\n\n.mjo-oh-tabs {\n    display: block;\n    margin-top: var(--mj-space-2);\n}\n\n.mjo-oh-tabpane { margin-top: var(--mj-space-3); }\n\n.mjo-oh-tabpane mj-explorer-entity-data-grid {\n    display: block;\n}\n\n.mjo-oh-hint {\n    margin-top: var(--mj-space-2);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__bar {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    flex-wrap: wrap;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-acct__bar h2 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acct__bar p {\n    margin: 2px 0 0;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-switch {\n    display: inline-flex;\n    padding: 2px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-full);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-switch button {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    color: var(--mj-text-secondary);\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    padding: 5px 12px;\n    border-radius: var(--mj-radius-full);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.mjo-oh-switch button.is-on {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    box-shadow: 0 0 0 1px var(--mj-border-subtle);\n}\n\n.mjo-oh-switch__n {\n    min-width: 1.25em;\n    padding: 0 5px;\n    border-radius: var(--mj-radius-full);\n    background: color-mix(in srgb, var(--mj-brand-primary) 14%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-variant-numeric: tabular-nums;\n    text-align: center;\n}\n\n.mjo-oh-jecard {\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-md);\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.mjo-oh-jecard + .mjo-oh-jecard {\n    margin-top: var(--mj-space-3);\n}\n\n.mjo-oh-jecard__head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-2) var(--mj-space-3);\n    background: var(--mj-bg-surface-card);\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-oh-jecard__co {\n    font-size: var(--mj-text-sm);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-jecard__sub {\n    margin-left: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-oh-je__table th,\n.mjo-oh-je__table td {\n    padding: var(--mj-space-2) var(--mj-space-3);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    text-align: left;\n    vertical-align: top;\n}\n\n.mjo-oh-je__table thead th {\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-je__table tfoot th {\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-primary);\n    border-bottom: 0;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.mjo-oh-je__table .is-num {\n    text-align: right;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n}\n\n.mjo-oh-je__table .is-quiet {\n    color: var(--mj-text-disabled);\n}\n\n.mjo-oh-acctline {\n    display: flex;\n    align-items: baseline;\n    gap: var(--mj-space-2);\n    flex-wrap: wrap;\n}\n\n.mjo-oh-acctline__code {\n    font-variant-numeric: tabular-nums;\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n    letter-spacing: 0.02em;\n}\n\n.mjo-oh-acctline__name {\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-acctline__meta {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.mjo-oh-dim {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 8px;\n    border-radius: var(--mj-radius-full);\n    border: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-xs);\n}\n\n.mjo-oh-je__src {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 760px) {\n    .mjo-oh-parties,\n    .mjo-oh-facts {\n        grid-template-columns: 1fr;\n    }\n    .mjo-oh-money { margin-left: 0; }\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BizAppsOrderHeaderFormComponent, { className: "BizAppsOrderHeaderFormComponent", filePath: "lib/custom/OrderHeader/order-header-form.component.ts", lineNumber: 80 }); })();
 /** Tree-shaking prevention anchor. */