@mj-biz-apps/orders-ng 5.25.0 → 5.26.0

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

@@ -10,7 +10,7 @@ import { UserInfoEngine } from '@memberjunction/core-entities';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { NavigationService } from '@memberjunction/ng-shared';
-import { LoadOrdersEngine } from '@mj-biz-apps/orders-entities';
+import { DescribeDisplacedTermStart, LoadOrdersEngine } from '@mj-biz-apps/orders-entities';
 import { MJO_ACCOUNTING_ENTITIES, MJO_COMMON_ENTITIES, MJO_ENTITIES } from '../../data/entity-names.js';
 import { BuildOrderJournalEntryRows, BuildOrderJournalRollup, ExcludedEntriesLabel, GetOrderJournalOrigins, GetPaymentTypes, LoadOrderJournalData, LoadRevRecJournalEntries, SubscriptionViewParams, } from '../../data/orders-queries.js';
 import { FormatDate, FormatMoney, HasCents } from '../../panels/money-format.js';
@@ -41,7 +41,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_11_Template(r
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "i", 45);
+    i0.ɵɵelement(1, "i", 46);
     i0.ɵɵtext(2, " This order is booked, so its type, selling company, order date and bill-to are locked. Corrections go through a reversal order.");
     i0.ɵɵelementEnd();
 } }
@@ -56,7 +56,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_17_Template_button_click_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OpenShipTo($event)); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -67,13 +67,13 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_21_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "mj-form-field", 47);
+    i0.ɵɵelementStart(0, "div", 40)(1, "mj-form-field", 48);
     i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_21_Template_mj_form_field_Navigate_1_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "mj-form-field", 48);
+    i0.ɵɵelementStart(2, "mj-form-field", 49);
     i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_21_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_21_Template_mj_form_field_ValueChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("ShipTo", $event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "mjo-party-address-picker", 49);
+    i0.ɵɵelement(3, "mjo-party-address-picker", 50);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -86,7 +86,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵelementStart(0, "button", 47);
     i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_29_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();
@@ -106,16 +106,16 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 40)(1, "mj-form-field", 50);
+    i0.ɵɵelementStart(0, "div", 40)(1, "mj-form-field", 51);
     i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_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(2, "mj-form-field", 51);
+    i0.ɵɵelementStart(2, "mj-form-field", 52);
     i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_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_34_Template_mj_form_field_ValueChange_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnPartyPersonChange("BillTo", $event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 52);
+    i0.ɵɵelementStart(3, "mj-form-field", 53);
     i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_34_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.ɵɵelement(4, "mjo-party-address-picker", 53);
+    i0.ɵɵelement(4, "mjo-party-address-picker", 54);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -130,20 +130,20 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵelementStart(0, "button", 58);
     i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_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_35_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 57);
+    i0.ɵɵelementStart(0, "button", 58);
     i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_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_35_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 56);
+    i0.ɵɵelementStart(0, "span", 57);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -153,11 +153,11 @@ 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", 54);
+    i0.ɵɵelement(1, "i", 55);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Before this can be confirmed");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_4_Template, 2, 0, "button", 55)(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_5_Template, 2, 0, "button", 55)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_6_Template, 2, 1, "span", 56);
+    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_4_Template, 2, 0, "button", 56)(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_5_Template, 2, 0, "button", 56)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Conditional_6_Template, 2, 1, "span", 57);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -166,7 +166,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_36_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 42);
-    i0.ɵɵelement(1, "i", 58);
+    i0.ɵɵelement(1, "i", 59);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -175,44 +175,67 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.StatusError);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 62)(1, "span", 64);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_For_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const notice_r10 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(notice_r10);
+} }
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 43);
+    i0.ɵɵelement(1, "i", 60);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Service dates changed at confirm");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "ul", 61);
+    i0.ɵɵrepeaterCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_For_6_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(5);
+    i0.ɵɵrepeater(ctx_r1.DisplacedStartNotices);
+} }
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "label", 65)(1, "span", 67);
     i0.ɵɵtext(2, "Check / ACH reference");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 65);
-    i0.ɵɵlistener("ngModelChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_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.ɵɵelementStart(3, "input", 68);
+    i0.ɵɵlistener("ngModelChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_4_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetPaymentReference($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngModel", ctx_r1.PaymentReference)("disabled", !ctx_r1.ComposeMode);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 66);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_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)); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 69);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_5_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r13); 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_38_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1, "Intent only \u2014 the payment is created when the order is confirmed.");
     i0.ɵɵelementEnd();
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 59)(2, "mj-form-field", 60);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 45)(1, "div", 62)(2, "mj-form-field", 63);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 61);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_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.ɵɵelementStart(3, "mj-form-field", 64);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Conditional_4_Template, 4, 2, "label", 62);
+    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_4_Template, 4, 2, "label", 65);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Conditional_5_Template, 1, 7, "mj-explorer-entity-data-grid", 63)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Conditional_6_Template, 2, 0, "div", 28);
+    i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_5_Template, 1, 7, "mj-explorer-entity-data-grid", 66)(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Conditional_6_Template, 2, 0, "div", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -225,31 +248,31 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.IsSaved && ctx_r1.PaymentParams ? 5 : 6);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 59)(2, "mj-form-field", 67);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 45)(1, "div", 62)(2, "mj-form-field", 70);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_2_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "mj-form-field", 68);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(3, "mj-form-field", 71);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_3_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mj-form-field", 69);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(4, "mj-form-field", 72);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_4_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "mj-form-field", 70);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(5, "mj-form-field", 73);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_5_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mj-form-field", 71);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(6, "mj-form-field", 74);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_6_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "mj-form-field", 72);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(7, "mj-form-field", 75);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_7_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mj-form-field", 73);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(8, "mj-form-field", 76);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_8_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "mj-form-field", 74);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_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.ɵɵelementStart(9, "mj-form-field", 77);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template_mj_form_field_Navigate_9_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -270,40 +293,40 @@ 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);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1, "Charges were booked with the order and cannot be edited.");
     i0.ɵɵelementEnd();
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 66);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_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)); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 69);
+    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(_r15); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_1_Conditional_1_Template, 2, 0, "div", 28);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Conditional_1_Template, 2, 0, "div", 28);
 } 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);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.record.MoneyLocked ? 1 : -1);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Conditional_1_Template, 2, 8);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_1_Template, 2, 8);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.ChargeParams ? 1 : -1);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Gross debits and credits per account over this order's whole life \u2014 not a stored row ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Every stored journal this order caused, unnetted \u2014 open a row to drill in ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 77);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 80);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -311,38 +334,38 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.RollupJournalCount);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 86);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnAccountingAsOfChanged("")); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 89);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnAccountingAsOfChanged("")); });
     i0.ɵɵtext(1, " Lifetime ");
     i0.ɵɵelementEnd();
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " GL date of the batch \u2014 Posted batches only ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " Subledger date on the entry itself ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 79)(1, "label", 81)(2, "span");
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 82)(1, "label", 84)(2, "span");
     i0.ɵɵtext(3, "As of");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "input", 82);
-    i0.ɵɵlistener("change", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Template_input_change_4_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnAccountingAsOfChanged($event.target.value)); });
+    i0.ɵɵelementStart(4, "input", 85);
+    i0.ɵɵlistener("change", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Template_input_change_4_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnAccountingAsOfChanged($event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_5_Template, 2, 0, "button", 83);
-    i0.ɵɵelementStart(6, "div", 84)(7, "button", 57);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetAccountingBasis("effective")); });
+    i0.ɵɵconditionalCreate(5, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_5_Template, 2, 0, "button", 86);
+    i0.ɵɵelementStart(6, "div", 87)(7, "button", 58);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetAccountingBasis("effective")); });
     i0.ɵɵtext(8, " Effective date ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 57);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetAccountingBasis("posting")); });
+    i0.ɵɵelementStart(9, "button", 58);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.SetAccountingBasis("posting")); });
     i0.ɵɵtext(10, " Posting date ");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "span", 85);
-    i0.ɵɵconditionalCreate(12, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_12_Template, 1, 0)(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Conditional_13_Template, 1, 0);
+    i0.ɵɵelementStart(11, "span", 88);
+    i0.ɵɵconditionalCreate(12, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_12_Template, 1, 0)(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Conditional_13_Template, 1, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
@@ -357,22 +380,22 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(ctx_r1.AccountingBasis === "posting" ? 12 : 13);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 80)(1, "mj-deferred-revenue-waterfall", 87);
-    i0.ɵɵlistener("JournalEntrySelected", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_18_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_1_listener($event) { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnJournalEntrySelected($event)); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 83)(1, "mj-deferred-revenue-waterfall", 90);
+    i0.ɵɵlistener("JournalEntrySelected", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_18_Template_mj_deferred_revenue_waterfall_JournalEntrySelected_1_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnJournalEntrySelected($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance();
     i0.ɵɵproperty("JournalEntries", ctx_r1.RevRecJournalEntries)("Title", "Order Rev-Rec & Deferred Revenue Schedule");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1, "Rolling up journals\u2026");
     i0.ɵɵelementEnd();
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -381,152 +404,152 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.RollupError);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵtextInterpolate1(" Nothing in view \u2014 ", ctx_r1.RollupExcludedLabel, ". ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " No journals yet \u2014 they appear when the order is confirmed. ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_2_Conditional_1_Template, 1, 1)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_2_Conditional_2_Template, 1, 0);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_2_Conditional_1_Template, 1, 1)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_2_Conditional_2_Template, 1, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.RollupExcludedLabel ? 1 : 2);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_For_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 98);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_For_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 101);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r19 = i0.ɵɵnextContext().$implicit;
+    const row_r20 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(row_r19.AccountCode);
+    i0.ɵɵtextInterpolate(row_r20.AccountCode);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_For_20_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 101);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_For_20_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const dim_r20 = ctx.$implicit;
+    const dim_r21 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2("", dim_r20.Name, " \u00B7 ", dim_r20.Value);
+    i0.ɵɵtextInterpolate2("", dim_r21.Name, " \u00B7 ", dim_r21.Value);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_For_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 97);
-    i0.ɵɵconditionalCreate(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_For_20_Conditional_3_Template, 2, 1, "span", 98);
-    i0.ɵɵelementStart(4, "span", 99);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_For_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "div", 100);
+    i0.ɵɵconditionalCreate(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_For_20_Conditional_3_Template, 2, 1, "span", 101);
+    i0.ɵɵelementStart(4, "span", 102);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 100);
-    i0.ɵɵrepeaterCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_For_20_For_8_Template, 2, 2, "span", 101, _forTrack2);
-    i0.ɵɵelementStart(9, "span", 102);
+    i0.ɵɵelementStart(6, "div", 103);
+    i0.ɵɵrepeaterCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_For_20_For_8_Template, 2, 2, "span", 104, _forTrack2);
+    i0.ɵɵelementStart(9, "span", 105);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(11, "td", 96);
+    i0.ɵɵelementStart(11, "td", 99);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "td", 96);
+    i0.ɵɵelementStart(13, "td", 99);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const row_r19 = ctx.$implicit;
+    const row_r20 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(7);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(row_r19.AccountCode ? 3 : -1);
+    i0.ɵɵconditional(row_r20.AccountCode ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r19.AccountName);
+    i0.ɵɵtextInterpolate(row_r20.AccountName);
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(row_r19.Dimensions);
+    i0.ɵɵrepeater(row_r20.Dimensions);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.SourceLineLabel(row_r19.SourceLineCount));
+    i0.ɵɵtextInterpolate(ctx_r1.SourceLineLabel(row_r20.SourceLineCount));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-quiet", !row_r19.Debit);
+    i0.ɵɵclassProp("is-quiet", !row_r20.Debit);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r19.Debit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r20.Debit));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-quiet", !row_r19.Credit);
+    i0.ɵɵclassProp("is-quiet", !row_r20.Credit);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r19.Credit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r20.Credit));
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "article", 89)(1, "header", 91)(2, "div")(3, "span", 92);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "article", 92)(1, "header", 94)(2, "div")(3, "span", 95);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 93);
+    i0.ɵɵelementStart(5, "span", 96);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "span", 94);
+    i0.ɵɵelementStart(7, "span", 97);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "table", 95)(10, "thead")(11, "tr")(12, "th");
+    i0.ɵɵelementStart(9, "table", 98)(10, "thead")(11, "tr")(12, "th");
     i0.ɵɵtext(13, "Account");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "th", 96);
+    i0.ɵɵelementStart(14, "th", 99);
     i0.ɵɵtext(15, "Debit");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "th", 96);
+    i0.ɵɵelementStart(16, "th", 99);
     i0.ɵɵtext(17, "Credit");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(18, "tbody");
-    i0.ɵɵrepeaterCreate(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_For_20_Template, 15, 9, "tr", null, _forTrack1);
+    i0.ɵɵrepeaterCreate(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_For_20_Template, 15, 9, "tr", null, _forTrack1);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "tfoot")(22, "tr")(23, "th");
     i0.ɵɵtext(24, "Total");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "td", 96);
+    i0.ɵɵelementStart(25, "td", 99);
     i0.ɵɵtext(26);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "td", 96);
+    i0.ɵɵelementStart(27, "td", 99);
     i0.ɵɵtext(28);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
-    const card_r21 = ctx.$implicit;
+    const card_r22 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(card_r21.Company);
+    i0.ɵɵtextInterpolate(card_r22.Company);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", card_r21.Rows.length, " ", card_r21.Rows.length === 1 ? "line" : "lines");
+    i0.ɵɵtextInterpolate2("", card_r22.Rows.length, " ", card_r22.Rows.length === 1 ? "line" : "lines");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("mjo-oh-chip--ok", ctx_r1.CardIsBalanced(card_r21));
+    i0.ɵɵclassProp("mjo-oh-chip--ok", ctx_r1.CardIsBalanced(card_r22));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(card_r21) ? "Balanced" : "Out of balance", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.CardIsBalanced(card_r22) ? "Balanced" : "Out of balance", " ");
     i0.ɵɵadvance(11);
-    i0.ɵɵrepeater(card_r21.Rows);
+    i0.ɵɵrepeater(card_r22.Rows);
     i0.ɵɵadvance(7);
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r21.TotalDebit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r22.TotalDebit));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r21.TotalCredit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(card_r22.TotalCredit));
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 90);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 93);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const note_r22 = ctx.$implicit;
+    const note_r23 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(note_r22);
+    i0.ɵɵtextInterpolate(note_r23);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_1_Template, 29, 8, "article", 89, _forTrack0);
-    i0.ɵɵrepeaterCreate(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_For_3_Template, 2, 1, "p", 90, i0.ɵɵrepeaterTrackByIdentity);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_1_Template, 29, 8, "article", 92, _forTrack0);
+    i0.ɵɵrepeaterCreate(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_For_3_Template, 2, 1, "p", 93, i0.ɵɵrepeaterTrackByIdentity);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵrepeater(ctx_r1.RollupCards);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.RollupSharedNotes);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p", 88);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "p", 91);
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "button", 103);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_4_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
+    i0.ɵɵelementStart(2, "button", 106);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_4_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
     i0.ɵɵtext(3, "see By line");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -534,21 +557,21 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.RollupExcludedLabel, " \u2014 ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_0_Template, 2, 0, "div", 28)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_1_Template, 2, 1, "div", 28)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_2_Template, 3, 1, "div", 28)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_3_Template, 4, 0);
-    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Conditional_4_Template, 4, 1, "p", 88);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_0_Template, 2, 0, "div", 28)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_1_Template, 2, 1, "div", 28)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_2_Template, 3, 1, "div", 28)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_3_Template, 4, 0);
+    i0.ɵɵconditionalCreate(4, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Conditional_4_Template, 4, 1, "p", 91);
 } 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);
     i0.ɵɵadvance(4);
     i0.ɵɵconditional(ctx_r1.RollupExcludedLabel ? 4 : -1);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1, "Loading journals\u2026");
     i0.ɵɵelementEnd();
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -557,45 +580,45 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.RollupError);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵtextInterpolate1(" Nothing in view \u2014 ", ctx_r1.RollupExcludedLabel, ". ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_2_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " No journals yet \u2014 they appear when the order is confirmed. ");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_2_Conditional_1_Template, 1, 1)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_2_Conditional_2_Template, 1, 0);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_2_Conditional_1_Template, 1, 1)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_2_Conditional_2_Template, 1, 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.RollupExcludedLabel ? 1 : 2);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_For_19_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 101);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_For_19_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 104);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r25 = i0.ɵɵnextContext().$implicit;
+    const row_r26 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.SharedOrdersLabel(row_r25.SharedWithOtherOrders));
+    i0.ɵɵtextInterpolate(ctx_r1.SharedOrdersLabel(row_r26.SharedWithOtherOrders));
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_For_19_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 106);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_For_19_Template_tr_click_0_listener() { const row_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.OnJournalRowSelected(row_r25.ID)); });
-    i0.ɵɵelementStart(1, "td")(2, "div", 99);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_For_19_Template(rf, ctx) { if (rf & 1) {
+    const _r25 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 109);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_For_19_Template_tr_click_0_listener() { const row_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.OnJournalRowSelected(row_r26.ID)); });
+    i0.ɵɵelementStart(1, "td")(2, "div", 102);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 100)(5, "span");
+    i0.ɵɵelementStart(4, "div", 103)(5, "span");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_For_19_Conditional_7_Template, 2, 1, "span", 101);
+    i0.ɵɵconditionalCreate(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_For_19_Conditional_7_Template, 2, 1, "span", 104);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(8, "td");
     i0.ɵɵtext(9);
@@ -609,40 +632,40 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵelementStart(14, "td");
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "td", 96);
+    i0.ɵɵelementStart(16, "td", 99);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "td", 96);
+    i0.ɵɵelementStart(18, "td", 99);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const row_r25 = ctx.$implicit;
+    const row_r26 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(6);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(row_r25.EntryNumber);
+    i0.ɵɵtextInterpolate(row_r26.EntryNumber);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(row_r25.Description);
+    i0.ɵɵtextInterpolate(row_r26.Description);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(row_r25.SharedWithOtherOrders ? 7 : -1);
+    i0.ɵɵconditional(row_r26.SharedWithOtherOrders ? 7 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.JournalDate(row_r25.EffectiveDate));
+    i0.ɵɵtextInterpolate(ctx_r1.JournalDate(row_r26.EffectiveDate));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r25.BatchNumber || "\u2014");
+    i0.ɵɵtextInterpolate(row_r26.BatchNumber || "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r25.BatchStatus || "Not batched");
+    i0.ɵɵtextInterpolate(row_r26.BatchStatus || "Not batched");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.JournalDate(row_r25.BatchPostingDate));
+    i0.ɵɵtextInterpolate(ctx_r1.JournalDate(row_r26.BatchPostingDate));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-quiet", !row_r25.Debit);
+    i0.ɵɵclassProp("is-quiet", !row_r26.Debit);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r25.Debit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r26.Debit));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-quiet", !row_r25.Credit);
+    i0.ɵɵclassProp("is-quiet", !row_r26.Credit);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r25.Credit));
+    i0.ɵɵtextInterpolate(ctx_r1.RollupAmount(row_r26.Credit));
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "p", 88);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 91);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -650,8 +673,8 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r1.RollupExcludedLabel, ", not listed above.");
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "table", 104)(1, "thead")(2, "tr")(3, "th");
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "table", 107)(1, "thead")(2, "tr")(3, "th");
     i0.ɵɵtext(4, "Entry");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "th");
@@ -666,16 +689,16 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵelementStart(11, "th");
     i0.ɵɵtext(12, "Posting date");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "th", 96);
+    i0.ɵɵelementStart(13, "th", 99);
     i0.ɵɵtext(14, "Debit");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "th", 96);
+    i0.ɵɵelementStart(15, "th", 99);
     i0.ɵɵtext(16, "Credit");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(17, "tbody");
-    i0.ɵɵrepeaterCreate(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_For_19_Template, 20, 13, "tr", 105, _forTrack3);
+    i0.ɵɵrepeaterCreate(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_For_19_Template, 20, 13, "tr", 108, _forTrack3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_Conditional_20_Template, 2, 1, "p", 88);
+    i0.ɵɵconditionalCreate(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_Conditional_20_Template, 2, 1, "p", 91);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(5);
     i0.ɵɵadvance(18);
@@ -683,36 +706,36 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.RollupExcludedLabel ? 20 : -1);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_0_Template, 2, 0, "div", 28)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_1_Template, 2, 1, "div", 28)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_2_Template, 3, 1, "div", 28)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Conditional_3_Template, 21, 1);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_0_Template, 2, 0, "div", 28)(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_1_Template, 2, 1, "div", 28)(2, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_2_Template, 3, 1, "div", 28)(3, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Conditional_3_Template, 21, 1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵconditional(ctx_r1.RollupLoading ? 0 : ctx_r1.RollupError ? 1 : ctx_r1.JournalRows.length === 0 ? 2 : 3);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 44)(1, "div", 75)(2, "div")(3, "h2");
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 45)(1, "div", 78)(2, "div")(3, "h2");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p");
-    i0.ɵɵconditionalCreate(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_6_Template, 1, 0)(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_7_Template, 1, 0);
+    i0.ɵɵconditionalCreate(6, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_6_Template, 1, 0)(7, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_7_Template, 1, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 76)(9, "button", 57);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("summary")); });
+    i0.ɵɵelementStart(8, "div", 79)(9, "button", 58);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("summary")); });
     i0.ɵɵtext(10, "Rolled up");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 57);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("detail")); });
+    i0.ɵɵelementStart(11, "button", 58);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r16); 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_41_Conditional_13_Template, 2, 1, "span", 77);
+    i0.ɵɵconditionalCreate(13, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_13_Template, 2, 1, "span", 80);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 57);
-    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_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", 78);
+    i0.ɵɵelementStart(14, "button", 58);
+    i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.SetAccountingView("waterfall")); });
+    i0.ɵɵelement(15, "i", 81);
     i0.ɵɵtext(16, " Rev-Rec Waterfall ");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(17, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_17_Template, 14, 7, "div", 79);
-    i0.ɵɵconditionalCreate(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_18_Template, 2, 2, "div", 80)(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_19_Template, 5, 2)(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Conditional_20_Template, 4, 1);
+    i0.ɵɵconditionalCreate(17, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_17_Template, 14, 7, "div", 82);
+    i0.ɵɵconditionalCreate(18, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_18_Template, 2, 2, "div", 83)(19, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_19_Template, 5, 2)(20, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_20_Template, 4, 1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -733,18 +756,18 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditiona
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.AccountingView === "waterfall" ? 18 : ctx_r1.AccountingView === "summary" ? 19 : 20);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 108);
-    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnFormNavigate($event)); });
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_43_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-explorer-entity-data-grid", 111);
+    i0.ɵɵlistener("Navigate", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_43_Conditional_1_Template_mj_explorer_entity_data_grid_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r27); 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.SubscriptionParams)("AllowLoad", true)("ShowToolbar", true)("ShowNewButton", false)("Height", "fit-content")("MaxHeight", ctx_r1.RelatedGridHeight);
 } }
-function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 44);
-    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Conditional_1_Template, 1, 6, "mj-explorer-entity-data-grid", 107);
+function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵconditionalCreate(1, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_43_Conditional_1_Template, 1, 6, "mj-explorer-entity-data-grid", 110);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -797,14 +820,15 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
     i0.ɵɵelementEnd()();
     i0.ɵɵconditionalCreate(35, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_35_Template, 7, 1, "div", 41);
     i0.ɵɵconditionalCreate(36, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_36_Template, 4, 1, "div", 42);
-    i0.ɵɵelementStart(37, "mj-tab-nav", 43);
-    i0.ɵɵlistener("TabChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_mj_tab_nav_TabChange_37_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectTab($event)); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(38, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_38_Template, 7, 10, "div", 44);
-    i0.ɵɵconditionalCreate(39, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template, 10, 32, "div", 44);
-    i0.ɵɵconditionalCreate(40, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template, 2, 1, "div", 44);
-    i0.ɵɵconditionalCreate(41, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template, 21, 11, "div", 44);
-    i0.ɵɵconditionalCreate(42, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template, 2, 1, "div", 44);
+    i0.ɵɵconditionalCreate(37, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_37_Template, 7, 0, "div", 43);
+    i0.ɵɵelementStart(38, "mj-tab-nav", 44);
+    i0.ɵɵlistener("TabChange", function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template_mj_tab_nav_TabChange_38_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectTab($event)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(39, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_39_Template, 7, 10, "div", 45);
+    i0.ɵɵconditionalCreate(40, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_40_Template, 10, 32, "div", 45);
+    i0.ɵɵconditionalCreate(41, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_41_Template, 2, 1, "div", 45);
+    i0.ɵɵconditionalCreate(42, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_42_Template, 21, 11, "div", 45);
+    i0.ɵɵconditionalCreate(43, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Conditional_43_Template, 2, 1, "div", 45);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
@@ -846,17 +870,19 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template(r
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.StatusError ? 36 : -1);
     i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.DisplacedStartNotices.length > 0 ? 37 : -1);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("Tabs", ctx_r1.ContextTabs)("ActiveKey", ctx_r1.ActiveTab ?? "");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ActiveTab === "payment" ? 38 : -1);
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "payment" ? 39 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ActiveTab === "details" ? 39 : -1);
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "details" ? 40 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ActiveTab === "charges" && ctx_r1.record.IsSaved ? 40 : -1);
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "charges" && ctx_r1.record.IsSaved ? 41 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ActiveTab === "accounting" && ctx_r1.record.IsSaved ? 41 : -1);
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "accounting" && ctx_r1.record.IsSaved ? 42 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.ActiveTab === "subs" && ctx_r1.record.IsSaved ? 42 : -1);
+    i0.ɵɵconditional(ctx_r1.ActiveTab === "subs" && ctx_r1.record.IsSaved ? 43 : -1);
 } }
 function BizAppsOrderHeaderFormComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -896,7 +922,7 @@ function BizAppsOrderHeaderFormComponent_Conditional_0_Template(rf, ctx) { if (r
     i0.ɵɵlistener("click", function BizAppsOrderHeaderFormComponent_Conditional_0_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToggleHeader()); });
     i0.ɵɵelement(32, "i", 17);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(33, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template, 43, 54);
+    i0.ɵɵconditionalCreate(33, BizAppsOrderHeaderFormComponent_Conditional_0_Conditional_33_Template, 44, 55);
     i0.ɵɵelementEnd();
     i0.ɵɵelement(34, "mj-form-panel-slot", 18);
     i0.ɵɵelementStart(35, "mj-collapsible-panel", 19)(36, "mjo-order-lines-editor", 20);
@@ -997,6 +1023,11 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
     AccountingBasis = 'effective';
     Confirming = false;
     StatusError = null;
+    /**
+     * One sentence per subscription line whose stated start the confirm replaced (golive #299).
+     * Read from the confirm's own record, so it shows right after Confirm and on every later visit.
+     */
+    DisplacedStartNotices = [];
     PaymentTypes = [];
     get ContextTabs() {
         return OrderFormTabs(!!this.record?.IsSaved);
@@ -1040,6 +1071,7 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
         await LoadOrdersEngine(Metadata.Provider, new Metadata().CurrentUser);
         await this.loadPaymentTypes();
         await this.refreshAccountingIfNeeded();
+        await this.loadDisplacedStartNotices();
         this.RegisterToolbarItem({
             Key: 'confirm-order',
             Text: 'Confirm order',
@@ -1177,7 +1209,8 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
                     throw new Error(this.record.LatestResult?.CompleteMessage?.trim() || 'Failed to save order changes before confirming.');
                 }
             }
-            await this.record.Confirm();
+            const outcome = await this.record.Confirm();
+            this.DisplacedStartNotices = outcome.DisplacedTermStarts.map(DescribeDisplacedTermStart);
             this.updateLineBadge();
             if (this.EditMode) {
                 this.EditMode = false;
@@ -1467,6 +1500,18 @@ let BizAppsOrderHeaderFormComponent = class BizAppsOrderHeaderFormComponent exte
     RevRecJournalEntries = [];
     /** The one fetched snapshot every accounting view is derived from. Null until the tab is opened. */
     journalData = null;
+    /** Booked orders only. A failed read shows no notice rather than blocking the form. */
+    async loadDisplacedStartNotices() {
+        if (!this.record?.IsBookedOrder)
+            return;
+        try {
+            const moved = await this.record.LoadDisplacedTermStarts();
+            this.DisplacedStartNotices = moved.map(DescribeDisplacedTermStart);
+        }
+        catch (error) {
+            console.warn('Could not read changed service dates for this order', error);
+        }
+    }
     async loadPaymentTypes() {
         try {
             this.PaymentTypes = await GetPaymentTypes(this.ProviderToUse?.CurrentUser);
@@ -1559,11 +1604,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", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-hint"], [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"], ["aria-hidden", "true", 1, "fa-solid", "fa-lock"], ["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-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"], [1, "mjo-oh-acct__controls"], [2, "padding", "12px 0"], [1, "mjo-oh-asof"], ["type", "date", "aria-label", "Include entries dated on or before", 3, "change", "value"], ["type", "button", 1, "mjo-oh-asof__clear"], ["role", "group", "aria-label", "Date basis", 1, "mjo-oh-switch", "mjo-oh-switch--sm"], [1, "mjo-oh-acct__basis"], ["type", "button", 1, "mjo-oh-asof__clear", 3, "click"], [3, "JournalEntrySelected", "JournalEntries", "Title"], [1, "mjo-oh-acct__excluded"], [1, "mjo-oh-jecard"], [1, "mjo-oh-acct__note"], [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"], ["type", "button", 1, "mjo-oh-linkbtn", 3, "click"], [1, "mjo-oh-je__table", "mjo-oh-je__table--detail"], [1, "is-clickable"], [1, "is-clickable", 3, "click"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"], [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", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], ["FieldName", "OrderDate", "Type", "datepicker", 3, "Navigate", "Record", "ShowLabel", "EditMode", "FormContext"], [1, "mjo-oh-hint"], [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"], ["role", "status", 1, "mjo-oh-todo", "mjo-oh-moved"], [1, "mjo-oh-tabs", 3, "TabChange", "Tabs", "ActiveKey"], [1, "mjo-oh-tabpane"], ["aria-hidden", "true", 1, "fa-solid", "fa-lock"], ["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, "fa-solid", "fa-calendar-xmark"], [1, "mjo-oh-moved__list"], [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-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"], [1, "mjo-oh-acct__controls"], [2, "padding", "12px 0"], [1, "mjo-oh-asof"], ["type", "date", "aria-label", "Include entries dated on or before", 3, "change", "value"], ["type", "button", 1, "mjo-oh-asof__clear"], ["role", "group", "aria-label", "Date basis", 1, "mjo-oh-switch", "mjo-oh-switch--sm"], [1, "mjo-oh-acct__basis"], ["type", "button", 1, "mjo-oh-asof__clear", 3, "click"], [3, "JournalEntrySelected", "JournalEntries", "Title"], [1, "mjo-oh-acct__excluded"], [1, "mjo-oh-jecard"], [1, "mjo-oh-acct__note"], [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"], ["type", "button", 1, "mjo-oh-linkbtn", 3, "click"], [1, "mjo-oh-je__table", "mjo-oh-je__table--detail"], [1, "is-clickable"], [1, "is-clickable", 3, "click"], [3, "Params", "AllowLoad", "ShowToolbar", "ShowNewButton", "Height", "MaxHeight"], [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.MJOPartyAddressPickerComponent, i6.DeferredRevenueWaterfallComponent, i7.SellingCompanyFieldComponent], 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\n\n.mjo-oh-acct__controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-asof[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-asof[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    font: inherit;\n    font-weight: var(--mj-font-normal);\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-asof__clear[_ngcontent-%COMP%], \n.mjo-oh-linkbtn[_ngcontent-%COMP%] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    padding: 0;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.mjo-oh-switch--sm[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n}\n\n.mjo-oh-acct__basis[_ngcontent-%COMP%], \n.mjo-oh-acct__note[_ngcontent-%COMP%], \n.mjo-oh-acct__excluded[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__note[_ngcontent-%COMP%], \n.mjo-oh-acct__excluded[_ngcontent-%COMP%] {\n    margin: var(--mj-space-2) 0 0;\n}\n\n.mjo-oh-je__table--detail[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.is-clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.mjo-oh-je__table--detail[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.is-clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\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, i7.SellingCompanyFieldComponent], 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-moved__list[_ngcontent-%COMP%] {\n    flex-basis: 100%;\n    margin: 0;\n    padding-left: var(--mj-space-5);\n    color: var(--mj-text-primary);\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\n\n.mjo-oh-acct__controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-asof[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-asof[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    font: inherit;\n    font-weight: var(--mj-font-normal);\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-asof__clear[_ngcontent-%COMP%], \n.mjo-oh-linkbtn[_ngcontent-%COMP%] {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    padding: 0;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.mjo-oh-switch--sm[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n}\n\n.mjo-oh-acct__basis[_ngcontent-%COMP%], \n.mjo-oh-acct__note[_ngcontent-%COMP%], \n.mjo-oh-acct__excluded[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__note[_ngcontent-%COMP%], \n.mjo-oh-acct__excluded[_ngcontent-%COMP%] {\n    margin: var(--mj-space-2) 0 0;\n}\n\n.mjo-oh-je__table--detail[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.is-clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.mjo-oh-je__table--detail[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr.is-clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-sunken);\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)
@@ -1571,7 +1616,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                <bizapps-selling-company-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"CompanyID\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></bizapps-selling-company-field>\n            </div>\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderDate\" Type=\"datepicker\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n        </div>\n        @if (EditMode && record.MoneyLocked) {\n            <div class=\"mjo-oh-hint\"><i class=\"fa-solid fa-lock\" aria-hidden=\"true\"></i> This order is booked, so its type, selling company, order date and bill-to are locked. Corrections go through a reversal order.</div>\n        }\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', $event)\"></mj-form-field>\n                        <mjo-party-address-picker\n                            [Order]=\"record\"\n                            Side=\"ship\"\n                            [EditMode]=\"ComposeMode\"\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]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToPersonID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('BillTo', $event)\"></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]=\"ComposeMode\"\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 (StatusError) {\n            <div class=\"mjo-oh-todo mjo-oh-todo--err\" role=\"alert\">\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                <span>{{ StatusError }}</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' : 'Journal entries' }}</h2>\n                        <p>\n                            @if (AccountingView === 'summary') {\n                                Gross debits and credits per account over this order's whole life \u2014 not a stored row\n                            } @else {\n                                Every stored journal this order caused, unnetted \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                <!-- One set of controls for both views, so they can never disagree about what is in. -->\n                @if (AccountingView !== 'waterfall') {\n                    <div class=\"mjo-oh-acct__controls\">\n                        <label class=\"mjo-oh-asof\">\n                            <span>As of</span>\n                            <input\n                                type=\"date\"\n                                [value]=\"AccountingAsOf ?? ''\"\n                                (change)=\"OnAccountingAsOfChanged($any($event.target).value)\"\n                                aria-label=\"Include entries dated on or before\" />\n                        </label>\n                        @if (AccountingAsOf) {\n                            <button type=\"button\" class=\"mjo-oh-asof__clear\" (click)=\"OnAccountingAsOfChanged('')\">\n                                Lifetime\n                            </button>\n                        }\n                        <div class=\"mjo-oh-switch mjo-oh-switch--sm\" role=\"group\" aria-label=\"Date basis\">\n                            <button type=\"button\" [class.is-on]=\"AccountingBasis === 'effective'\" (click)=\"SetAccountingBasis('effective')\">\n                                Effective date\n                            </button>\n                            <button type=\"button\" [class.is-on]=\"AccountingBasis === 'posting'\" (click)=\"SetAccountingBasis('posting')\">\n                                Posting date\n                            </button>\n                        </div>\n                        <span class=\"mjo-oh-acct__basis\">\n                            @if (AccountingBasis === 'posting') {\n                                GL date of the batch \u2014 Posted batches only\n                            } @else {\n                                Subledger date on the entry itself\n                            }\n                        </span>\n                    </div>\n                }\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\">\n                            @if (RollupExcludedLabel) {\n                                Nothing in view \u2014 {{ RollupExcludedLabel }}.\n                            } @else {\n                                No journals yet \u2014 they appear when the order is confirmed.\n                            }\n                        </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                        @for (note of RollupSharedNotes; track note) {\n                            <p class=\"mjo-oh-acct__note\">{{ note }}</p>\n                        }\n                    }\n                    @if (RollupExcludedLabel) {\n                        <p class=\"mjo-oh-acct__excluded\">\n                            {{ RollupExcludedLabel }} \u2014\n                            <button type=\"button\" class=\"mjo-oh-linkbtn\" (click)=\"SetAccountingView('detail')\">see By line</button>\n                        </p>\n                    }\n                } @else {\n                    @if (RollupLoading) {\n                        <div class=\"mjo-oh-hint\">Loading journals\u2026</div>\n                    } @else if (RollupError) {\n                        <div class=\"mjo-oh-hint\">{{ RollupError }}</div>\n                    } @else if (JournalRows.length === 0) {\n                        <div class=\"mjo-oh-hint\">\n                            @if (RollupExcludedLabel) {\n                                Nothing in view \u2014 {{ RollupExcludedLabel }}.\n                            } @else {\n                                No journals yet \u2014 they appear when the order is confirmed.\n                            }\n                        </div>\n                    } @else {\n                        <table class=\"mjo-oh-je__table mjo-oh-je__table--detail\">\n                            <thead>\n                                <tr>\n                                    <th>Entry</th>\n                                    <th>Effective</th>\n                                    <th>Batch</th>\n                                    <th>Batch status</th>\n                                    <th>Posting date</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 JournalRows; track row.ID) {\n                                    <tr class=\"is-clickable\" (click)=\"OnJournalRowSelected(row.ID)\">\n                                        <td>\n                                            <div class=\"mjo-oh-acctline__name\">{{ row.EntryNumber }}</div>\n                                            <div class=\"mjo-oh-acctline__meta\">\n                                                <span>{{ row.Description }}</span>\n                                                @if (row.SharedWithOtherOrders) {\n                                                    <span class=\"mjo-oh-dim\">{{ SharedOrdersLabel(row.SharedWithOtherOrders) }}</span>\n                                                }\n                                            </div>\n                                        </td>\n                                        <td>{{ JournalDate(row.EffectiveDate) }}</td>\n                                        <td>{{ row.BatchNumber || '\u2014' }}</td>\n                                        <td>{{ row.BatchStatus || 'Not batched' }}</td>\n                                        <td>{{ JournalDate(row.BatchPostingDate) }}</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                        </table>\n                        @if (RollupExcludedLabel) {\n                            <p class=\"mjo-oh-acct__excluded\">{{ RollupExcludedLabel }}, not listed above.</p>\n                        }\n                    }\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/* As-of + basis controls: one row above whichever of the two views is showing. */\n.mjo-oh-acct__controls {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-asof {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-asof input {\n    font: inherit;\n    font-weight: var(--mj-font-normal);\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-asof__clear,\n.mjo-oh-linkbtn {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    padding: 0;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.mjo-oh-switch--sm button {\n    padding: 4px 10px;\n}\n\n.mjo-oh-acct__basis,\n.mjo-oh-acct__note,\n.mjo-oh-acct__excluded {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__note,\n.mjo-oh-acct__excluded {\n    margin: var(--mj-space-2) 0 0;\n}\n\n.mjo-oh-je__table--detail tbody tr.is-clickable {\n    cursor: pointer;\n}\n\n.mjo-oh-je__table--detail tbody tr.is-clickable:hover {\n    background: var(--mj-bg-surface-sunken);\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                <bizapps-selling-company-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"CompanyID\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></bizapps-selling-company-field>\n            </div>\n            <div class=\"mjo-oh-fact\">\n                <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"OrderDate\" Type=\"datepicker\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n            </div>\n        </div>\n        @if (EditMode && record.MoneyLocked) {\n            <div class=\"mjo-oh-hint\"><i class=\"fa-solid fa-lock\" aria-hidden=\"true\"></i> This order is booked, so its type, selling company, order date and bill-to are locked. Corrections go through a reversal order.</div>\n        }\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', $event)\"></mj-form-field>\n                        <mjo-party-address-picker\n                            [Order]=\"record\"\n                            Side=\"ship\"\n                            [EditMode]=\"ComposeMode\"\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]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\"></mj-form-field>\n                        <mj-form-field [Record]=\"record\" [ShowLabel]=\"true\" FieldName=\"BillToPersonID\" Type=\"textbox\" [EditMode]=\"ComposeMode\" [FormContext]=\"formContext\" LinkType=\"Record\" (Navigate)=\"OnFormNavigate($event)\" (ValueChange)=\"OnPartyPersonChange('BillTo', $event)\"></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]=\"ComposeMode\"\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 (StatusError) {\n            <div class=\"mjo-oh-todo mjo-oh-todo--err\" role=\"alert\">\n                <i class=\"fa-solid fa-triangle-exclamation\"></i>\n                <span>{{ StatusError }}</span>\n            </div>\n        }\n\n        @if (DisplacedStartNotices.length > 0) {\n            <div class=\"mjo-oh-todo mjo-oh-moved\" role=\"status\">\n                <i class=\"fa-solid fa-calendar-xmark\"></i>\n                <span>Service dates changed at confirm</span>\n                <ul class=\"mjo-oh-moved__list\">\n                    @for (notice of DisplacedStartNotices; track $index) {\n                        <li>{{ notice }}</li>\n                    }\n                </ul>\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' : 'Journal entries' }}</h2>\n                        <p>\n                            @if (AccountingView === 'summary') {\n                                Gross debits and credits per account over this order's whole life \u2014 not a stored row\n                            } @else {\n                                Every stored journal this order caused, unnetted \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                <!-- One set of controls for both views, so they can never disagree about what is in. -->\n                @if (AccountingView !== 'waterfall') {\n                    <div class=\"mjo-oh-acct__controls\">\n                        <label class=\"mjo-oh-asof\">\n                            <span>As of</span>\n                            <input\n                                type=\"date\"\n                                [value]=\"AccountingAsOf ?? ''\"\n                                (change)=\"OnAccountingAsOfChanged($any($event.target).value)\"\n                                aria-label=\"Include entries dated on or before\" />\n                        </label>\n                        @if (AccountingAsOf) {\n                            <button type=\"button\" class=\"mjo-oh-asof__clear\" (click)=\"OnAccountingAsOfChanged('')\">\n                                Lifetime\n                            </button>\n                        }\n                        <div class=\"mjo-oh-switch mjo-oh-switch--sm\" role=\"group\" aria-label=\"Date basis\">\n                            <button type=\"button\" [class.is-on]=\"AccountingBasis === 'effective'\" (click)=\"SetAccountingBasis('effective')\">\n                                Effective date\n                            </button>\n                            <button type=\"button\" [class.is-on]=\"AccountingBasis === 'posting'\" (click)=\"SetAccountingBasis('posting')\">\n                                Posting date\n                            </button>\n                        </div>\n                        <span class=\"mjo-oh-acct__basis\">\n                            @if (AccountingBasis === 'posting') {\n                                GL date of the batch \u2014 Posted batches only\n                            } @else {\n                                Subledger date on the entry itself\n                            }\n                        </span>\n                    </div>\n                }\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\">\n                            @if (RollupExcludedLabel) {\n                                Nothing in view \u2014 {{ RollupExcludedLabel }}.\n                            } @else {\n                                No journals yet \u2014 they appear when the order is confirmed.\n                            }\n                        </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                        @for (note of RollupSharedNotes; track note) {\n                            <p class=\"mjo-oh-acct__note\">{{ note }}</p>\n                        }\n                    }\n                    @if (RollupExcludedLabel) {\n                        <p class=\"mjo-oh-acct__excluded\">\n                            {{ RollupExcludedLabel }} \u2014\n                            <button type=\"button\" class=\"mjo-oh-linkbtn\" (click)=\"SetAccountingView('detail')\">see By line</button>\n                        </p>\n                    }\n                } @else {\n                    @if (RollupLoading) {\n                        <div class=\"mjo-oh-hint\">Loading journals\u2026</div>\n                    } @else if (RollupError) {\n                        <div class=\"mjo-oh-hint\">{{ RollupError }}</div>\n                    } @else if (JournalRows.length === 0) {\n                        <div class=\"mjo-oh-hint\">\n                            @if (RollupExcludedLabel) {\n                                Nothing in view \u2014 {{ RollupExcludedLabel }}.\n                            } @else {\n                                No journals yet \u2014 they appear when the order is confirmed.\n                            }\n                        </div>\n                    } @else {\n                        <table class=\"mjo-oh-je__table mjo-oh-je__table--detail\">\n                            <thead>\n                                <tr>\n                                    <th>Entry</th>\n                                    <th>Effective</th>\n                                    <th>Batch</th>\n                                    <th>Batch status</th>\n                                    <th>Posting date</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 JournalRows; track row.ID) {\n                                    <tr class=\"is-clickable\" (click)=\"OnJournalRowSelected(row.ID)\">\n                                        <td>\n                                            <div class=\"mjo-oh-acctline__name\">{{ row.EntryNumber }}</div>\n                                            <div class=\"mjo-oh-acctline__meta\">\n                                                <span>{{ row.Description }}</span>\n                                                @if (row.SharedWithOtherOrders) {\n                                                    <span class=\"mjo-oh-dim\">{{ SharedOrdersLabel(row.SharedWithOtherOrders) }}</span>\n                                                }\n                                            </div>\n                                        </td>\n                                        <td>{{ JournalDate(row.EffectiveDate) }}</td>\n                                        <td>{{ row.BatchNumber || '\u2014' }}</td>\n                                        <td>{{ row.BatchStatus || 'Not batched' }}</td>\n                                        <td>{{ JournalDate(row.BatchPostingDate) }}</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                        </table>\n                        @if (RollupExcludedLabel) {\n                            <p class=\"mjo-oh-acct__excluded\">{{ RollupExcludedLabel }}, not listed above.</p>\n                        }\n                    }\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-moved__list {\n    flex-basis: 100%;\n    margin: 0;\n    padding-left: var(--mj-space-5);\n    color: var(--mj-text-primary);\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/* As-of + basis controls: one row above whichever of the two views is showing. */\n.mjo-oh-acct__controls {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-oh-asof {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    font-size: var(--mj-text-xs);\n    font-weight: var(--mj-font-semibold);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-oh-asof input {\n    font: inherit;\n    font-weight: var(--mj-font-normal);\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-sm);\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.mjo-oh-asof__clear,\n.mjo-oh-linkbtn {\n    appearance: none;\n    border: 0;\n    background: transparent;\n    padding: 0;\n    font: inherit;\n    font-size: var(--mj-text-xs);\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    text-decoration: underline;\n}\n\n.mjo-oh-switch--sm button {\n    padding: 4px 10px;\n}\n\n.mjo-oh-acct__basis,\n.mjo-oh-acct__note,\n.mjo-oh-acct__excluded {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-oh-acct__note,\n.mjo-oh-acct__excluded {\n    margin: var(--mj-space-2) 0 0;\n}\n\n.mjo-oh-je__table--detail tbody tr.is-clickable {\n    cursor: pointer;\n}\n\n.mjo-oh-je__table--detail tbody tr.is-clickable:hover {\n    background: var(--mj-bg-surface-sunken);\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: 87 }); })();
 /** Tree-shaking prevention anchor. */