@mj-biz-apps/orders-ng 5.12.2 → 5.13.0

package/dist/lib/form-panels/lookup-headers.panels.js

@@ -11,7 +11,7 @@ import { FormatMoney } from '../panels/money-format.js';
 import { ActiveChipLabel, FormatPercentFraction, FormatShortDate, YesNo, } from './document-form.helpers.js';
 import * as i0 from "@angular/core";
 import * as i1 from "./document-hero.component.js";
-const _c0 = ".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}";
+const _c0 = ".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n\n\n\n.mjo-doc-hero__edit[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n\n\n\n.mjo-doc-hero__field[_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-doc-hero__field[_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.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field-control {\n    width: 100%;\n}";
 let ProductTypeHeaderPanel = class ProductTypeHeaderPanel extends BaseFormPanel {
     get Title() {
         return this.Record.Name || 'New product type';
@@ -52,7 +52,7 @@ ProductTypeHeaderPanel = __decorate([
 export { ProductTypeHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProductTypeHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-product-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-layer-group" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-product-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-layer-group" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProductTypeHeaderPanel, { className: "ProductTypeHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 39 }); })();
 let ProductCategoryHeaderPanel = class ProductCategoryHeaderPanel extends BaseFormPanel {
@@ -94,7 +94,7 @@ ProductCategoryHeaderPanel = __decorate([
 export { ProductCategoryHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ProductCategoryHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-product-category-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-folder-tree" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-product-category-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-folder-tree" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ProductCategoryHeaderPanel, { className: "ProductCategoryHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 75 }); })();
 let SubscriptionTypeHeaderPanel = class SubscriptionTypeHeaderPanel extends BaseFormPanel {
@@ -137,7 +137,7 @@ SubscriptionTypeHeaderPanel = __decorate([
 export { SubscriptionTypeHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionTypeHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-subscription-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-arrows-rotate" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-subscription-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-arrows-rotate" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscriptionTypeHeaderPanel, { className: "SubscriptionTypeHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 110 }); })();
 let RevRecTypeHeaderPanel = class RevRecTypeHeaderPanel extends BaseFormPanel {
@@ -179,7 +179,7 @@ RevRecTypeHeaderPanel = __decorate([
 export { RevRecTypeHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RevRecTypeHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-rev-rec-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-scale-balanced" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-rev-rec-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-scale-balanced" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RevRecTypeHeaderPanel, { className: "RevRecTypeHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 146 }); })();
 let ChargeTypeHeaderPanel = class ChargeTypeHeaderPanel extends BaseFormPanel {
@@ -223,7 +223,7 @@ ChargeTypeHeaderPanel = __decorate([
 export { ChargeTypeHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChargeTypeHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-charge-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-plus-minus" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-charge-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-plus-minus" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChargeTypeHeaderPanel, { className: "ChargeTypeHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 181 }); })();
 let SalesAuthorityHeaderPanel = class SalesAuthorityHeaderPanel extends BaseFormPanel {
@@ -265,7 +265,7 @@ SalesAuthorityHeaderPanel = __decorate([
 export { SalesAuthorityHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SalesAuthorityHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-sales-authority-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-user-shield" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-sales-authority-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-user-shield" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SalesAuthorityHeaderPanel, { className: "SalesAuthorityHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 218 }); })();
 let StoredValueHeaderPanel = class StoredValueHeaderPanel extends BaseFormPanel {
@@ -308,7 +308,7 @@ StoredValueHeaderPanel = __decorate([
 export { StoredValueHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StoredValueHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-stored-value-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-gift" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-stored-value-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-gift" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StoredValueHeaderPanel, { className: "StoredValueHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 253 }); })();
 let PaymentProviderHeaderPanel = class PaymentProviderHeaderPanel extends BaseFormPanel {
@@ -350,7 +350,7 @@ PaymentProviderHeaderPanel = __decorate([
 export { PaymentProviderHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentProviderHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-payment-provider-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-plug" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-payment-provider-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-plug" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentProviderHeaderPanel, { className: "PaymentProviderHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 289 }); })();
 let PaymentTypeHeaderPanel = class PaymentTypeHeaderPanel extends BaseFormPanel {
@@ -393,7 +393,7 @@ PaymentTypeHeaderPanel = __decorate([
 export { PaymentTypeHeaderPanel };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentTypeHeaderPanel, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mjo-payment-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-money-check-dollar" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mjo-payment-type-header-panel', template: `<mjo-doc-hero [Title]="Title" Icon="fa-solid fa-money-check-dollar" [Chips]="Chips" [Stats]="Stats"></mjo-doc-hero>`, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentTypeHeaderPanel, { className: "PaymentTypeHeaderPanel", filePath: "lib/form-panels/lookup-headers.panels.ts", lineNumber: 324 }); })();
 //# sourceMappingURL=lookup-headers.panels.js.map

package/dist/lib/form-panels/overview-cards.component.js

@@ -172,7 +172,7 @@ export class MJOOverviewCardsComponent {
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵrepeater(ctx.Cards);
-        } }, styles: [".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}"] });
+        } }, styles: [".mjo-doc-hero[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar[_ngcontent-%COMP%] {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error[_ngcontent-%COMP%] {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info[_ngcontent-%COMP%] {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on[_ngcontent-%COMP%] {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%] {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b[_ngcontent-%COMP%] {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note[_ngcontent-%COMP%] {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l[_ngcontent-%COMP%] {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v[_ngcontent-%COMP%] {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty[_ngcontent-%COMP%] {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov[_ngcontent-%COMP%], \n   .mjo-ov-facts[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide[_ngcontent-%COMP%] {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description[_ngcontent-%COMP%] {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n\n\n\n.mjo-doc-hero__edit[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span[_ngcontent-%COMP%] {\n    grid-column: 1 / -1;\n}\n\n\n\n\n.mjo-doc-hero__field[_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-doc-hero__field[_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.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field[_ngcontent-%COMP%]     .mj-forms-field-control {\n    width: 100%;\n}"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOOverviewCardsComponent, [{
         type: Component,
@@ -242,7 +242,7 @@ export class MJOOverviewCardsComponent {
                 </article>
             }
         </div>
-    `, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n"] }]
+    `, styles: [".mjo-doc-hero {\n    display: flex;\n    flex-direction: column;\n    gap: var(--mj-space-4);\n    padding: var(--mj-space-4) var(--mj-space-5);\n    margin-bottom: var(--mj-space-4);\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n}\n\n.mjo-doc-hero__identity {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-4);\n    min-width: 0;\n}\n\n.mjo-doc-hero__avatar {\n    flex: none;\n    width: 52px;\n    height: 52px;\n    border-radius: var(--mj-radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: color-mix(in srgb, var(--mj-brand-primary) 18%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1.25rem;\n}\n\n.mjo-doc-hero__avatar--reverse {\n    background: color-mix(in srgb, var(--mj-status-warning) 22%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-hero__copy {\n    min-width: 0;\n    flex: 1;\n}\n\n.mjo-doc-hero__title-row {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: var(--mj-space-2) var(--mj-space-3);\n}\n\n.mjo-doc-hero__title {\n    margin: 0;\n    font-size: var(--mj-text-lg);\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.25;\n}\n\n.mjo-doc-hero__meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--mj-space-3);\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-doc-hero__stats {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(8.5rem, 1fr));\n    gap: var(--mj-space-3);\n}\n\n.mjo-doc-stat {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n}\n\n.mjo-doc-stat__label {\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__value {\n    font-size: var(--mj-text-md);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.mjo-doc-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 8px;\n    border-radius: var(--mj-radius-sm);\n    font-size: var(--mj-text-xs);\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--ok {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--draft {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-doc-chip--error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.mjo-doc-chip--warn {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n}\n\n.mjo-doc-chip--info {\n    background: var(--mj-status-info-bg);\n    color: var(--mj-status-info-text);\n}\n\n.mjo-doc-chip--muted {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-chip--on {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.mjo-doc-chip--off {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.mjo-terms-toolbar {\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: var(--mj-space-3);\n}\n\n.mjo-term-empty {\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n    padding: var(--mj-space-4);\n    color: var(--mj-text-muted);\n}\n\n.mjo-doc-stat__sub {\n    font-size: var(--mj-text-xs);\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-4);\n}\n\n.mjo-ov-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg);\n    box-shadow: var(--mj-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.04));\n    min-width: 0;\n}\n\n.mjo-ov-card--wide {\n    grid-column: 1 / -1;\n}\n\n.mjo-ov-card__h {\n    padding: var(--mj-space-3) var(--mj-space-4) var(--mj-space-2);\n}\n\n.mjo-ov-card__h h3 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    gap: var(--mj-space-2);\n}\n\n.mjo-ov-card__h i {\n    color: var(--mj-brand-primary);\n    font-size: 12px;\n}\n\n.mjo-ov-card__b {\n    padding: 4px var(--mj-space-4) var(--mj-space-4);\n}\n\n.mjo-ov-note {\n    margin: 0 0 var(--mj-space-3);\n    font-size: var(--mj-text-sm);\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n}\n\n.mjo-ov-facts {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: var(--mj-space-3) var(--mj-space-4);\n}\n\n.mjo-ov-fact__l {\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n}\n\n.mjo-ov-fact__v {\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.mjo-ov-table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--mj-text-sm);\n}\n\n.mjo-ov-table th {\n    text-align: left;\n    font-size: 10.5px;\n    font-weight: 700;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    color: var(--mj-text-muted);\n    padding: 6px 8px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.mjo-ov-table td {\n    padding: 8px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-table tr:last-child td {\n    border-bottom: 0;\n}\n\n.mjo-ov-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--mj-space-3);\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-ov-row:last-child {\n    border-bottom: 0;\n}\n\n.mjo-ov-row h4 {\n    margin: 0;\n    font-size: var(--mj-text-sm);\n    font-weight: 650;\n}\n\n.mjo-ov-row p {\n    margin: 2px 0 0;\n    font-size: 12px;\n    color: var(--mj-text-secondary);\n}\n\n.mjo-ov-empty {\n    padding: 12px 4px;\n    color: var(--mj-text-muted);\n    font-size: var(--mj-text-sm);\n}\n\n@media (max-width: 800px) {\n    .mjo-ov,\n    .mjo-ov-facts {\n        grid-template-columns: 1fr;\n    }\n\n    .mjo-ov-card--wide {\n        grid-column: auto;\n    }\n}\n\n.mjo-doc-hero__description {\n    margin: 0;\n    color: var(--mj-text-secondary);\n    font-size: var(--mj-text-sm);\n    line-height: 1.5;\n    white-space: pre-wrap;\n}\n\n/* mj-form-field is display: contents \u2014 its label and control would otherwise\n   become direct children of this grid. Each field sits in a wrapping cell. */\n.mjo-doc-hero__edit {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));\n    gap: var(--mj-space-3) var(--mj-space-4);\n    padding-top: var(--mj-space-4);\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.mjo-doc-hero__field {\n    min-width: 0;\n}\n\n.mjo-doc-hero__field--span {\n    grid-column: 1 / -1;\n}\n\n/* Label above the control. The shared field is a 200px | 1fr row, which needs\n   ~28rem per field \u2014 far more than a hero column gets. */\n.mjo-doc-hero__field ::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-doc-hero__field ::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.mjo-doc-hero__field ::ng-deep .mj-forms-field--editing:hover {\n    margin: 0;\n    padding: 0;\n}\n\n.mjo-doc-hero__field ::ng-deep .mj-forms-field-control {\n    width: 100%;\n}\n"] }]
     }], null, { Cards: [{
             type: Input
         }] }); })();