@memberjunction/ng-core-entity-forms 6.1.0-edge.5 → 6.1.0-edge.7

package/dist/lib/custom/BridgeAgentIdentities/bridge-agent-identity-form.component.js

@@ -97,7 +97,7 @@ let MJAIBridgeAgentIdentityFormComponentExtended = class MJAIBridgeAgentIdentity
             i0.ɵɵconditionalCreate(0, MJAIBridgeAgentIdentityFormComponentExtended_Conditional_0_Template, 21, 63, "mj-record-form-container", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.record ? 0 : -1);
-        } }, dependencies: [i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent, i1.MjRecordFormContainerComponent, i1.FormPanelSlotComponent], styles: ["\n\n\n.bai-hint[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    margin-top: 10px;\n    padding: 10px 12px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.45;\n    background: color-mix(in srgb, var(--mj-status-info) 10%, transparent);\n    color: var(--mj-status-info-text, var(--mj-text-secondary));\n    border: 1px solid color-mix(in srgb, var(--mj-status-info) 25%, var(--mj-border-default));\n}\n.bai-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-info, var(--mj-brand-primary));\n    margin-top: 2px;\n    flex: 0 0 auto;\n}"] }); }
+        } }, dependencies: [i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent, i1.MjRecordFormContainerComponent, i1.FormPanelSlotComponent], styles: ["\n\n.bai-hint[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    margin-top: 10px;\n    padding: 10px 12px;\n    border-radius: 6px;\n    font-size: 12px;\n    line-height: 1.45;\n    background: color-mix(in srgb, var(--mj-status-info) 10%, transparent);\n    color: var(--mj-status-info-text, var(--mj-text-secondary));\n    border: 1px solid color-mix(in srgb, var(--mj-status-info) 25%, var(--mj-border-default));\n}\n.bai-hint[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-status-info, var(--mj-brand-primary));\n    margin-top: 2px;\n    flex: 0 0 auto;\n}"] }); }
 };
 MJAIBridgeAgentIdentityFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Bridge Agent Identities')

package/dist/lib/custom/BridgeProviders/bridge-provider-form.component.js

@@ -238,7 +238,7 @@ let MJAIBridgeProviderFormComponentExtended = class MJAIBridgeProviderFormCompon
             i0.ɵɵconditionalCreate(0, MJAIBridgeProviderFormComponentExtended_Conditional_0_Template, 31, 82, "mj-record-form-container", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.record ? 0 : -1);
-        } }, dependencies: [i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent, i1.MjRecordFormContainerComponent, i1.ExplorerEntityDataGridComponent, i1.FormPanelSlotComponent], styles: ["\n\n\n\n.bp-intro[_ngcontent-%COMP%] {\n    font-size: 12px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n    margin: 0 0 14px;\n    max-width: 92ch;\n}\n.bp-intro[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    font-family: ui-monospace, monospace;\n    font-size: 11px;\n    padding: 1px 5px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.bp-group[_ngcontent-%COMP%] { margin-bottom: 18px; }\n.bp-group[_ngcontent-%COMP%]:last-child { margin-bottom: 0; }\n\n.bp-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    margin: 0 0 8px;\n}\n.bp-group-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n.bp-feature-list[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.bp-feature-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 10px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n.bp-feature-row[_ngcontent-%COMP%]:first-child { border-top: 0; }\n\n.bp-feature-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }\n.bp-feature-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .t[_ngcontent-%COMP%] { font-size: 13px; font-weight: 600; color: var(--mj-text-primary); }\n.bp-feature-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .d[_ngcontent-%COMP%] { font-size: 11px; color: var(--mj-text-muted); line-height: 1.35; }\n\n.bp-switch[_ngcontent-%COMP%] {\n    position: relative;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 20px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n.bp-switch[_ngcontent-%COMP%]::after {\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-bg-surface);\n    transition: left 0.15s;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.bp-switch.on[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n.bp-switch.on[_ngcontent-%COMP%]::after { left: 18px; }\n.bp-switch.disabled[_ngcontent-%COMP%] { opacity: 0.5; cursor: not-allowed; }"] }); }
+        } }, dependencies: [i1.MjFormFieldComponent, i1.MjCollapsiblePanelComponent, i1.MjRecordFormContainerComponent, i1.ExplorerEntityDataGridComponent, i1.FormPanelSlotComponent], styles: ["\n\n\n.bp-intro[_ngcontent-%COMP%] {\n    font-size: 12px;\n    line-height: 1.5;\n    color: var(--mj-text-secondary);\n    margin: 0 0 14px;\n    max-width: 92ch;\n}\n.bp-intro[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    font-family: ui-monospace, monospace;\n    font-size: 11px;\n    padding: 1px 5px;\n    border-radius: 4px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n}\n\n.bp-group[_ngcontent-%COMP%] { margin-bottom: 18px; }\n.bp-group[_ngcontent-%COMP%]:last-child { margin-bottom: 0; }\n\n.bp-group-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n    font-weight: 700;\n    color: var(--mj-text-muted);\n    margin: 0 0 8px;\n}\n.bp-group-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n.bp-feature-list[_ngcontent-%COMP%] {\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    background: var(--mj-bg-surface);\n    overflow: hidden;\n}\n\n.bp-feature-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 10px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n.bp-feature-row[_ngcontent-%COMP%]:first-child { border-top: 0; }\n\n.bp-feature-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }\n.bp-feature-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .t[_ngcontent-%COMP%] { font-size: 13px; font-weight: 600; color: var(--mj-text-primary); }\n.bp-feature-row[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%]   .d[_ngcontent-%COMP%] { font-size: 11px; color: var(--mj-text-muted); line-height: 1.35; }\n\n.bp-switch[_ngcontent-%COMP%] {\n    position: relative;\n    flex: 0 0 auto;\n    width: 36px;\n    height: 20px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 10px;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n.bp-switch[_ngcontent-%COMP%]::after {\n    content: \"\";\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    background: var(--mj-bg-surface);\n    transition: left 0.15s;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);\n}\n.bp-switch.on[_ngcontent-%COMP%] { background: var(--mj-brand-primary); }\n.bp-switch.on[_ngcontent-%COMP%]::after { left: 18px; }\n.bp-switch.disabled[_ngcontent-%COMP%] { opacity: 0.5; cursor: not-allowed; }"] }); }
 };
 MJAIBridgeProviderFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: AI Bridge Providers')

package/dist/lib/custom/Entities/entity-form.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Entities/entity-form.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"entity-form.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/custom/Entities/entity-form.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/custom/Entities/entity-form.component.js

@@ -3150,8 +3150,7 @@ let MJEntityFormComponentExtended = class MJEntityFormComponentExtended extends
      * Navigate to the Entity admin form for a given entity ID.
      */
     NavigateToEntityByID(entityID) {
-        const pkey = new CompositeKey([{ FieldName: 'ID', Value: entityID }]);
-        this.sharedService.OpenEntityRecord('MJ: Entities', pkey);
+        this.sharedService.OpenEntityRecord('MJ: Entities', CompositeKey.FromID(entityID));
     }
     /** Total organic key connection count (outgoing targets + incoming sources) */
     get OrganicKeyTotalCount() {
@@ -3376,7 +3375,8 @@ let MJEntityFormComponentExtended = class MJEntityFormComponentExtended extends
      * Navigates to the selected entity's form using SharedService.
      */
     onERDOpenRecord(event) {
-        const pkey = new CompositeKey([{ FieldName: 'ID', Value: event.RecordID }]);
+        // The ERD can open any entity — resolve its key column(s) from metadata, not a hardcoded ID.
+        const pkey = CompositeKey.FromURLSegment(this.ProviderToUse.EntityByName(event.EntityName), event.RecordID);
         this.sharedService.OpenEntityRecord(event.EntityName, pkey);
     }
     /**
@@ -3446,8 +3446,7 @@ let MJEntityFormComponentExtended = class MJEntityFormComponentExtended extends
     }
     /** Navigate to an entity record in the Entity Explorer */
     NavigateToEntity(entityInfo) {
-        const pkey = new CompositeKey([{ FieldName: 'ID', Value: entityInfo.ID }]);
-        this.sharedService.OpenEntityRecord('MJ: Entities', pkey);
+        this.sharedService.OpenEntityRecord('MJ: Entities', CompositeKey.FromID(entityInfo.ID));
     }
     /**
      * Returns the source entity name for an IS-A inherited field, or null if the
@@ -3582,8 +3581,7 @@ let MJEntityFormComponentExtended = class MJEntityFormComponentExtended extends
     navigateToRelatedEntity(field) {
         const related = this.getRelatedEntity(field);
         if (related) {
-            const pkey = new CompositeKey([{ FieldName: 'ID', Value: related.ID }]);
-            this.sharedService.OpenEntityRecord('MJ: Entities', pkey);
+            this.sharedService.OpenEntityRecord('MJ: Entities', CompositeKey.FromID(related.ID));
         }
     }
     /**
@@ -3591,8 +3589,7 @@ let MJEntityFormComponentExtended = class MJEntityFormComponentExtended extends
      */
     openRelatedEntityFromField(entityId) {
         if (entityId) {
-            const pkey = new CompositeKey([{ FieldName: 'ID', Value: entityId }]);
-            this.sharedService.OpenEntityRecord('MJ: Entities', pkey);
+            this.sharedService.OpenEntityRecord('MJ: Entities', CompositeKey.FromID(entityId));
         }
     }
     formatFieldType(field) {
@@ -3657,7 +3654,7 @@ let MJEntityFormComponentExtended = class MJEntityFormComponentExtended extends
             i0.ɵɵconditionalCreate(0, MJEntityFormComponentExtended_Conditional_0_Template, 68, 36, "div", 0)(1, MJEntityFormComponentExtended_Conditional_1_Template, 3, 3);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.isExplorerLoading && ctx.entity ? 0 : 1);
-        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJEmptyStateComponent, i3.MJAccordionPanelComponent, i3.MJAccordionTitleDirective, i3.MJAccordionBodyDirective, i4.CodeEditorComponent, i5.LoadingComponent, i6.ERDCompositeComponent, i7.EntityViewerComponent, i8.EntityFormChromeEditorComponent, i1.SlicePipe, i1.DecimalPipe, i1.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n    --nav-rail-width: 64px;\n    --header-height: 80px;\n    --detail-panel-width: 400px;\n\n    --bg-primary: var(--mj-bg-surface);\n    --bg-secondary: var(--mj-bg-surface-sunken);\n    --bg-tertiary: var(--mj-bg-surface-sunken);\n\n    --text-primary: var(--mj-text-primary);\n    --text-secondary: var(--mj-text-secondary);\n    --text-muted: var(--mj-text-muted);\n\n    --border-color: var(--mj-border-default);\n    --border-light: var(--mj-border-default);\n\n    --accent-color: var(--mj-brand-primary);\n    --accent-light: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    --accent-dark: var(--mj-brand-primary);\n\n    --success-color: var(--mj-status-success);\n    --warning-color: var(--mj-status-warning);\n    --danger-color: var(--mj-status-error);\n\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n\n    --transition-fast: 150ms ease;\n    --transition-normal: 250ms ease;\n\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.entity-explorer[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-secondary);\n    overflow: hidden;\n}\n\n\n\n\n\n\n.explorer-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 24px;\n    background: var(--bg-primary);\n    border-bottom: 1px solid var(--border-color);\n    min-height: var(--header-height);\n}\n\n.entity-identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n    min-width: 0;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.entity-info[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.entity-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border-radius: 9999px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.status-badge.status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.status-badge.status-deprecated[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.status-badge.status-disabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.entity-subtitle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 4px;\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.schema-table[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.separator[_ngcontent-%COMP%] {\n    color: var(--border-color);\n}\n\n.entity-description[_ngcontent-%COMP%] {\n    color: var(--text-secondary);\n}\n\n\n\n.header-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: background var(--transition-fast);\n}\n\n.stat-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n\n\n\n.explorer-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n\n\n.nav-rail[_ngcontent-%COMP%] {\n    width: var(--nav-rail-width);\n    background: var(--bg-primary);\n    border-right: 1px solid var(--border-color);\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    flex-shrink: 0;\n    gap: 2px;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px 8px 4px;\n    margin: 0 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    position: relative;\n    color: var(--text-muted);\n    min-height: 54px;\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    margin-bottom: 4px;\n    transition: transform var(--transition-fast);\n}\n\n.nav-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    opacity: 0.9;\n}\n\n.nav-badge[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    background: var(--accent-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n    transform: scale(1.1);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    color: var(--accent-color);\n}\n\n.nav-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n.nav-item.active[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 28px;\n    background: var(--accent-color);\n    border-radius: 0 3px 3px 0;\n}\n\n\n\n\n\n\n.main-canvas[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: auto;\n    transition: margin-right var(--transition-normal);\n    display: flex;\n    flex-direction: column;\n}\n\n.main-canvas.panel-open[_ngcontent-%COMP%] {\n    margin-right: var(--detail-panel-width);\n}\n\n\n\n.section[_ngcontent-%COMP%] {\n    padding: 24px;\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.section-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n\n\n.search-box[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    width: 300px;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n    color: var(--text-primary);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-muted);\n}\n\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    padding: 8px 16px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    transition: all var(--transition-fast);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n\n.depth-selector[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.depth-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.depth-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.depth-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all var(--transition-fast);\n}\n\n.depth-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.depth-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.depth-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.expand-collapse-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    border-radius: var(--radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all var(--transition-fast);\n}\n\n.control-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.control-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n\n\n.fields-list-view[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-primary);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.list-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 12px 20px;\n    background: var(--bg-secondary);\n    border-bottom: 2px solid var(--border-color);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-secondary);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color var(--transition-fast);\n    user-select: none;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%]:hover {\n    color: var(--accent-color);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable.sorted[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity var(--transition-fast);\n}\n\n.list-col.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.list-col.sortable.sorted[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.list-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--border-light);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    align-items: center;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.list-row.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 17px;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n.col-seq[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.seq-num[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: var(--bg-tertiary);\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .seq-num[_ngcontent-%COMP%], \n.list-row.selected[_ngcontent-%COMP%]   .seq-num[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n.col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n}\n\n.field-type-icon[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    font-size: 16px;\n    width: 20px;\n    flex-shrink: 0;\n}\n\n.field-name-text[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n}\n\n.col-display-name[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.display-name-text[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.type-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--bg-tertiary);\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary);\n    font-family: 'SF Mono', 'Consolas', monospace;\n}\n\n.length-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-primary);\n}\n\n.length-value.muted[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.required-indicator.required[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n}\n\n.required-indicator.required[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.required-indicator.optional[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    background: transparent;\n}\n\n.flag-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.flag-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.flag-badge.pk[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning);\n    color: var(--mj-bg-surface);\n}\n\n.flag-badge.fk[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.flag-badge.encrypted[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.col-desc[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.desc-text[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n}\n\n\n\n\n\n\n.stats-cards[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 16px;\n    position: relative;\n    transition: all var(--transition-fast);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--accent-color);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover   .stat-card-action[_ngcontent-%COMP%] {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.stat-card-action[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%) translateX(-4px);\n    color: var(--accent-color);\n    opacity: 0;\n    transition: all var(--transition-fast);\n}\n\n.stat-card-action[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--text-secondary);\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.stat-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-main[_ngcontent-%COMP%] {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-details[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n\n\n.info-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 16px 0;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n\n\n.capability-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.capability-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.capability-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.capability-tag.disabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n\n\n.info-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.info-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.info-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 13px;\n    color: var(--accent-dark);\n}\n\n\n\n\n\n\n.fields-content[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.field-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n\n\n\n\n\n\n.group-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--accent-color);\n    width: 20px;\n    text-align: center;\n}\n\n.group-label[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n}\n\n.group-count[_ngcontent-%COMP%] {\n    padding: 3px 10px;\n    background: var(--accent-light);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--accent-color);\n}\n\n.group-content[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--border-light);\n    background: var(--bg-secondary);\n}\n\n.field-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 48px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.field-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.field-item.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 45px;\n}\n\n.field-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    border-radius: var(--radius-sm);\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--text-muted);\n    flex-shrink: 0;\n}\n\n.field-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.field-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.field-db-name[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-secondary);\n    margin-top: 2px;\n}\n\n.field-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 2px;\n    font-size: 12px;\n}\n\n.field-type[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-muted);\n}\n\n.field-nullable[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.field-related[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.field-related[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.field-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.badge[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.badge.pk[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.badge.fk[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.badge.encrypted[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n\n\n\n\n\n.relationships-graph[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    min-height: 600px;\n    height: calc(100vh - 280px);\n    max-height: 800px;\n    display: flex;\n    align-items: stretch;\n    justify-content: stretch;\n    overflow: hidden;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-erd[_ngcontent-%COMP%], \n.relationships-graph[_ngcontent-%COMP%]   mj-erd-composite[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n    flex: 1;\n}\n\n\n\n.relationships-graph[_ngcontent-%COMP%]   .erd-splitter[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-details[_ngcontent-%COMP%] {\n    height: 100%;\n    overflow: auto;\n}\n\n.graph-placeholder[_ngcontent-%COMP%] {\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-top: 8px;\n}\n\n.relationships-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.relationship-group[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.relationship-group-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    background: var(--bg-tertiary);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.relationship-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.relationship-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationship-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.relationship-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.relationship-item.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.rel-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-color);\n    font-size: 12px;\n}\n\n.rel-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.rel-entity[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.rel-entity[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.rel-field[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.rel-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rel-type[_ngcontent-%COMP%], \n.rel-display-type[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-sm);\n    font-size: 11px;\n    color: var(--text-muted);\n}\n\n.rel-bundle[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n.relationship-group-title[_ngcontent-%COMP%]   .group-count[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: var(--accent-light);\n    color: var(--accent-color);\n    padding: 2px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.relationship-items.grouped[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.rel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n}\n\n.rel-icon.outgoing[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.rel-icon.incoming[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.rel-entity-name[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.rel-fields-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding-left: 44px; \n\n}\n\n.field-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n}\n\n.field-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border: 1px solid var(--mj-brand-primary);\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.field-chip.incoming[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid var(--mj-status-success);\n}\n\n.field-chip.incoming[_ngcontent-%COMP%]:hover {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.field-chip[_ngcontent-%COMP%]   .bundle-icon[_ngcontent-%COMP%] {\n    font-size: 9px;\n    margin-left: 2px;\n    opacity: 0.8;\n}\n\n\n\n\n\n\n.permissions-matrix[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.matrix-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th.center[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td.center[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.matrix-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.role-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.permission-icon[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.permission-icon.granted[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.permission-icon.denied[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.rls-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.rls-badge[_ngcontent-%COMP%] {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--radius-sm);\n    background: var(--warning-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-rls[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    font-size: 12px;\n}\n\n\n\n.api-capabilities[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.capability-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 12px;\n}\n\n.capability-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.capability-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.capability-item.enabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.capability-item.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n\n\n\n.lineage-diagram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    padding: 40px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n}\n\n.lineage-stage[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.lineage-stage[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.lineage-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.lineage-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.lineage-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.lineage-arrow[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 24px 32px;\n    background: var(--accent-color);\n    color: white;\n    border-radius: var(--radius-lg);\n    font-weight: 600;\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.tracking-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.config-item.enabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.config-item[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.config-item[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.tracking-config[_ngcontent-%COMP%]   .helper-text[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin: -8px 0 12px 0;\n}\n\n\n\n\n\n\n.history-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.config-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.config-status.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.config-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 16px;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.config-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n}\n\n.history-info[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.info-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-primary);\n    margin: 0 0 12px 0;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.info-card[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.info-card[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.audit-fields-list[_ngcontent-%COMP%] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    font-size: 14px;\n    color: var(--text-secondary);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n\n\n\n.settings-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.settings-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.setting-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n}\n\n.setting-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.setting-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n    word-break: break-all;\n}\n\n.setting-value-json[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.setting-value-json[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    max-height: 300px;\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-editor {\n    font-size: 12px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-gutters {\n    background: var(--mj-bg-surface-sunken);\n    border-right: 1px solid var(--border-color);\n}\n\n.setting-comment[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n\n.fts-config[_ngcontent-%COMP%], \n.settings-section[_ngcontent-%COMP%]   .config-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.config-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-row[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    width: 100px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.enabled[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--success-color);\n}\n\n\n\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: var(--detail-panel-width);\n    height: 100%;\n    background: var(--bg-primary);\n    border-left: 1px solid var(--border-color);\n    box-shadow: var(--shadow-lg);\n    transform: translateX(100%);\n    transition: transform var(--transition-normal);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.detail-panel.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border-color);\n    flex-shrink: 0;\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    transition: all var(--transition-fast);\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.detail-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 8px 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.detail-field-db-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-secondary);\n    margin-top: 4px;\n    margin-bottom: 4px;\n}\n\n.field-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.detail-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.value-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.value-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n}\n\n.value-code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 11px;\n    color: var(--accent-dark);\n    background: var(--bg-primary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n}\n\n.value-display[_ngcontent-%COMP%] {\n    color: var(--text-primary);\n}\n\n\n\n\n\n\n.explorer-loading[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n\n\n.explorer-fill[_ngcontent-%COMP%] {\n    height: 100%;\n}\n\n\n\n\n\n\n\n\n.isa-badge[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    cursor: default;\n    white-space: nowrap;\n}\n\n.isa-badge.virtual[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.isa-badge.child-type[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.isa-badge.child-type[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 22%, transparent);\n}\n\n.isa-badge.parent-type[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, transparent);\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, transparent);\n}\n\n.isa-badge.overlapping[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, transparent);\n    color: var(--mj-status-warning);\n    border: 1px solid color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\n}\n\n\n\n.isa-breadcrumb[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    margin-top: 2px;\n    padding: 2px 0;\n}\n\n.isa-breadcrumb[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n    opacity: 0.7;\n}\n\n\n\n.isa-panel[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.isa-info-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--text-primary);\n}\n\n.isa-info-row.virtual-info[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n}\n\n.isa-info-row.virtual-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.isa-info-row[_ngcontent-%COMP%]   .code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n    font-size: 12px;\n    background: color-mix(in srgb, var(--mj-text-primary) 6%, transparent);\n    padding: 1px 6px;\n    border-radius: 3px;\n    color: var(--mj-brand-primary);\n}\n\n\n\n.isa-chain[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-chain-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin-bottom: 8px;\n}\n\n.isa-chain-nodes[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    padding: 6px 0;\n}\n\n.isa-node[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.isa-node.current[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.isa-node.parent[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.isa-arrow[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    font-size: 11px;\n}\n\n.isa-inherited-fields[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--border-color);\n}\n\n.isa-inherited-fields[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n\n\n.isa-children[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-child-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 4px 0;\n}\n\n.isa-child-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n}\n\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.clickable[_ngcontent-%COMP%]:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.isa-node.parent.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.isa-child-chip.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n    border-color: color-mix(in srgb, var(--mj-status-success) 35%, transparent);\n}\n\n\n\n.badge.inherited[_ngcontent-%COMP%], \n.flag-badge.inherited[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    font-size: 10px;\n    font-weight: 600;\n    gap: 3px;\n}\n\n.flag-badge.inherited[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n}\n\n.flag-badge.inherited[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 9px;\n}\n\n\n\n.isa-source-section[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n    border-radius: 6px;\n    padding: 12px;\n    margin: -4px -12px 8px;\n}\n\n.isa-source-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.isa-source-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 4px;\n}\n\n\n\n.isa-settings-panel[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    transition: color 0.15s ease;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .link[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n    text-decoration: underline;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n\n\n.isa-field-inspector[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--border-color);\n}\n\n\n\n\n\n\n\n.isa-inspector-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n.isa-inspector-group[_ngcontent-%COMP%] {\n    border-radius: 6px;\n    padding: 8px 12px;\n    border: 1px solid var(--border-color);\n}\n\n.isa-inspector-group.own[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.isa-inspector-group.inherited[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.isa-inspector-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n\n.isa-inspector-entity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.isa-inspector-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted);\n    font-weight: 500;\n}\n\n.isa-inspector-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.isa-inspector-field[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    background: color-mix(in srgb, var(--mj-text-primary) 4%, transparent);\n    color: var(--text-primary);\n}\n\n.isa-inspector-type[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--text-muted);\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n}\n\n\n\n.isa-siblings[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-sibling-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n    border: 1px solid color-mix(in srgb, var(--mj-status-warning) 20%, transparent);\n}\n\n.isa-sibling-chip.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-warning) 20%, transparent);\n    border-color: color-mix(in srgb, var(--mj-status-warning) 35%, transparent);\n}\n\n\n\n.isa-child-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    background: color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n    padding: 1px 6px;\n    border-radius: 8px;\n    margin-left: 2px;\n    font-weight: 600;\n}\n\n.isa-child-count[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n\n\n.data-section[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    padding: 0;\n    overflow: hidden;\n}\n\n.data-viewer-container[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n\n\n\n\n\n.organic-key-cards[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 4px 0;\n}\n\n.organic-key-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.organic-key-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.organic-key-card.incoming[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.organic-key-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.organic-key-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n}\n\n.organic-key-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.organic-key-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.organic-key-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.organic-key-badge.strategy[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.organic-key-badge.fields[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-info-text, var(--mj-status-info));\n}\n\n.organic-key-description[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin: 0 0 12px 0;\n    line-height: 1.4;\n}\n\n.organic-key-targets[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.organic-key-target[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 13px;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.organic-key-target.clickable[_ngcontent-%COMP%], \n.organic-key-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.organic-key-target.clickable[_ngcontent-%COMP%]:hover, \n.organic-key-card.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.target-main[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    min-width: 0;\n    flex: 1;\n}\n\n.target-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.target-entity-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    width: 16px;\n    text-align: center;\n}\n\n.target-entity-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    min-width: 0;\n}\n\n.target-nav-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-disabled);\n    margin-left: 4px;\n    transition: color 0.15s ease;\n}\n\n.organic-key-target.clickable[_ngcontent-%COMP%]:hover   .target-nav-icon[_ngcontent-%COMP%], \n.organic-key-card.clickable[_ngcontent-%COMP%]:hover   .target-nav-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.target-match-detail[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding-left: 24px;\n}\n\n.match-type-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.match-type-badge.direct[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n\n.match-type-badge.transitive[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n\n.match-fields[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    color: var(--mj-text-secondary);\n}\n\n.organic-key-detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 4px 0;\n    font-size: 12px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-family: 'SF Mono', 'Fira Code', monospace;\n}", ".k-pane[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface);\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n}\n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: var(--mj-bg-surface);\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: var(--mj-bg-surface);\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n}\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: var(--mj-bg-surface);\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-radius: 8px;\n  box-shadow: 0 2px 4px var(--mj-shadow-sm);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: var(--mj-brand-primary);\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px var(--mj-shadow-sm);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid var(--mj-border-strong);\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px var(--mj-shadow-md);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-warning);\n  color: var(--mj-text-primary);\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: var(--mj-text-muted);\n}"], changeDetection: 0 }); }
+        } }, dependencies: [i1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i3.MJEmptyStateComponent, i3.MJAccordionPanelComponent, i3.MJAccordionTitleDirective, i3.MJAccordionBodyDirective, i4.CodeEditorComponent, i5.LoadingComponent, i6.ERDCompositeComponent, i7.EntityViewerComponent, i8.EntityFormChromeEditorComponent, i1.SlicePipe, i1.DecimalPipe, i1.DatePipe], styles: ["\n\n\n\n\n\n[_nghost-%COMP%] {\n    --nav-rail-width: 64px;\n    --header-height: 80px;\n    --detail-panel-width: 400px;\n\n    --bg-primary: var(--mj-bg-surface);\n    --bg-secondary: var(--mj-bg-surface-sunken);\n    --bg-tertiary: var(--mj-bg-surface-sunken);\n\n    --text-primary: var(--mj-text-primary);\n    --text-secondary: var(--mj-text-secondary);\n    --text-muted: var(--mj-text-muted);\n\n    --border-color: var(--mj-border-default);\n    --border-light: var(--mj-border-default);\n\n    --accent-color: var(--mj-brand-primary);\n    --accent-light: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    --accent-dark: var(--mj-brand-primary);\n\n    --success-color: var(--mj-status-success);\n    --warning-color: var(--mj-status-warning);\n    --danger-color: var(--mj-status-error);\n\n    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\n    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n\n    --radius-sm: 4px;\n    --radius-md: 8px;\n    --radius-lg: 12px;\n\n    --transition-fast: 150ms ease;\n    --transition-normal: 250ms ease;\n\n    display: block;\n    height: 100%;\n    width: 100%;\n}\n\n.entity-explorer[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-secondary);\n    overflow: hidden;\n}\n\n\n\n\n\n.explorer-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 16px 24px;\n    background: var(--bg-primary);\n    border-bottom: 1px solid var(--border-color);\n    min-height: var(--header-height);\n}\n\n.entity-identity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    flex: 1;\n    min-width: 0;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: white;\n    font-size: 20px;\n    flex-shrink: 0;\n}\n\n.entity-info[_ngcontent-%COMP%] {\n    min-width: 0;\n    flex: 1;\n}\n\n.entity-title-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.entity-name[_ngcontent-%COMP%] {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    border-radius: 9999px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.status-badge.status-active[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.status-badge.status-deprecated[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.status-badge.status-disabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.entity-subtitle[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 4px;\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.schema-table[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.separator[_ngcontent-%COMP%] {\n    color: var(--border-color);\n}\n\n.entity-description[_ngcontent-%COMP%] {\n    color: var(--text-secondary);\n}\n\n\n.header-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 8px 16px;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: background var(--transition-fast);\n}\n\n.stat-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.stat-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--text-muted);\n    margin-bottom: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n\n\n\n\n.explorer-body[_ngcontent-%COMP%] {\n    display: flex;\n    flex: 1;\n    overflow: hidden;\n}\n\n\n.nav-rail[_ngcontent-%COMP%] {\n    width: var(--nav-rail-width);\n    background: var(--bg-primary);\n    border-right: 1px solid var(--border-color);\n    display: flex;\n    flex-direction: column;\n    padding: 8px 0;\n    flex-shrink: 0;\n    gap: 2px;\n}\n\n.nav-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 4px 8px 4px;\n    margin: 0 8px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    position: relative;\n    color: var(--text-muted);\n    min-height: 54px;\n}\n\n.nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 18px;\n    margin-bottom: 4px;\n    transition: transform var(--transition-fast);\n}\n\n.nav-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n    font-weight: 500;\n    letter-spacing: 0.2px;\n    white-space: nowrap;\n    text-align: center;\n    line-height: 1;\n    opacity: 0.9;\n}\n\n.nav-badge[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    min-width: 18px;\n    height: 18px;\n    padding: 0 5px;\n    background: var(--accent-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    border-radius: 9999px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.nav-item[_ngcontent-%COMP%]:hover   i[_ngcontent-%COMP%] {\n    transform: scale(1.1);\n}\n\n.nav-item.active[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    color: var(--accent-color);\n}\n\n.nav-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    transform: scale(1.05);\n}\n\n.nav-item.active[_ngcontent-%COMP%]::before {\n    content: '';\n    position: absolute;\n    left: -8px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 3px;\n    height: 28px;\n    background: var(--accent-color);\n    border-radius: 0 3px 3px 0;\n}\n\n\n\n\n\n.main-canvas[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow: auto;\n    transition: margin-right var(--transition-normal);\n    display: flex;\n    flex-direction: column;\n}\n\n.main-canvas.panel-open[_ngcontent-%COMP%] {\n    margin-right: var(--detail-panel-width);\n}\n\n\n.section[_ngcontent-%COMP%] {\n    padding: 24px;\n}\n\n.section-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 20px;\n}\n\n.section-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n\n.search-box[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 10px 16px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    width: 300px;\n}\n\n.search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    outline: none;\n    color: var(--text-primary);\n}\n\n.search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder {\n    color: var(--text-muted);\n}\n\n\n.view-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n    padding: 8px 16px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 13px;\n    transition: all var(--transition-fast);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.toggle-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.toggle-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n.depth-selector[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-left: auto;\n}\n\n.depth-label[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    font-weight: 500;\n}\n\n.depth-buttons[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.depth-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 500;\n    transition: all var(--transition-fast);\n}\n\n.depth-btn[_ngcontent-%COMP%]:not(:last-child) {\n    border-right: 1px solid var(--border-color);\n}\n\n.depth-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n}\n\n.depth-btn.active[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n    display: flex;\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    overflow: hidden;\n}\n\n.expand-collapse-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n    padding: 6px 10px;\n    border: 1px solid var(--border-color);\n    background: var(--bg-primary);\n    color: var(--text-secondary);\n    cursor: pointer;\n    border-radius: var(--radius-sm);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    transition: all var(--transition-fast);\n}\n\n.control-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.control-btn[_ngcontent-%COMP%]:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n\n.fields-list-view[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background: var(--bg-primary);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.list-header[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 12px 20px;\n    background: var(--bg-secondary);\n    border-bottom: 2px solid var(--border-color);\n    position: sticky;\n    top: 0;\n    z-index: 10;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    color: var(--text-secondary);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    transition: color var(--transition-fast);\n    user-select: none;\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable[_ngcontent-%COMP%]:hover {\n    color: var(--accent-color);\n}\n\n.list-header[_ngcontent-%COMP%]   .list-col.sortable.sorted[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.sort-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    opacity: 0.4;\n    transition: opacity var(--transition-fast);\n}\n\n.list-col.sortable[_ngcontent-%COMP%]:hover   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 0.7;\n}\n\n.list-col.sortable.sorted[_ngcontent-%COMP%]   .sort-icon[_ngcontent-%COMP%] {\n    opacity: 1;\n}\n\n.list-body[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n}\n\n.list-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 50px 1fr 1fr 100px 70px 100px 100px 1fr;\n    gap: 12px;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--border-light);\n    cursor: pointer;\n    transition: all var(--transition-fast);\n    align-items: center;\n}\n\n.list-row[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.list-row.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 17px;\n}\n\n.list-row[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n.col-seq[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.seq-num[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    background: var(--bg-tertiary);\n    border-radius: 50%;\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--text-secondary);\n}\n\n.list-row[_ngcontent-%COMP%]:hover   .seq-num[_ngcontent-%COMP%], \n.list-row.selected[_ngcontent-%COMP%]   .seq-num[_ngcontent-%COMP%] {\n    background: var(--accent-color);\n    color: white;\n}\n\n.col-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    min-width: 0;\n}\n\n.field-type-icon[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    font-size: 16px;\n    width: 20px;\n    flex-shrink: 0;\n}\n\n.field-name-text[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n}\n\n.col-display-name[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.display-name-text[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.type-tag[_ngcontent-%COMP%] {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--bg-tertiary);\n    border-radius: 20px;\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--text-secondary);\n    font-family: 'SF Mono', 'Consolas', monospace;\n}\n\n.length-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--text-primary);\n}\n\n.length-value.muted[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.required-indicator[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 11px;\n    font-weight: 500;\n    padding: 4px 8px;\n    border-radius: 4px;\n}\n\n.required-indicator.required[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n    background: color-mix(in srgb, var(--mj-status-error) 10%, transparent);\n}\n\n.required-indicator.required[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.required-indicator.optional[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    background: transparent;\n}\n\n.flag-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n}\n\n.flag-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border-radius: 4px;\n    font-size: 10px;\n    font-weight: 600;\n    text-transform: uppercase;\n}\n\n.flag-badge.pk[_ngcontent-%COMP%] {\n    background: var(--mj-status-warning);\n    color: var(--mj-bg-surface);\n}\n\n.flag-badge.fk[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.flag-badge.encrypted[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.col-desc[_ngcontent-%COMP%] {\n    min-width: 0;\n}\n\n.desc-text[_ngcontent-%COMP%] {\n    font-size: 13px;\n    color: var(--text-secondary);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n}\n\n\n\n\n\n.stats-cards[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 16px;\n    position: relative;\n    transition: all var(--transition-fast);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover {\n    border-color: var(--accent-color);\n    box-shadow: var(--shadow-md);\n    transform: translateY(-2px);\n}\n\n.stat-card.clickable[_ngcontent-%COMP%]:hover   .stat-card-action[_ngcontent-%COMP%] {\n    opacity: 1;\n    transform: translateX(0);\n}\n\n.stat-card-action[_ngcontent-%COMP%] {\n    position: absolute;\n    right: 16px;\n    top: 50%;\n    transform: translateY(-50%) translateX(-4px);\n    color: var(--accent-color);\n    opacity: 0;\n    transition: all var(--transition-fast);\n}\n\n.stat-card-action[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: var(--text-secondary);\n    font-size: 13px;\n    margin-bottom: 12px;\n}\n\n.stat-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-main[_ngcontent-%COMP%] {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--text-primary);\n    line-height: 1;\n    margin-bottom: 8px;\n}\n\n.stat-card-body[_ngcontent-%COMP%]   .stat-details[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 12px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n\n.info-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 16px 0;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n\n.capability-tags[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n}\n\n.capability-tag[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 6px 12px;\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 500;\n}\n\n.capability-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.capability-tag.disabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n\n.info-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.info-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.info-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.info-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.info-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 13px;\n    color: var(--accent-dark);\n}\n\n\n\n\n\n.fields-content[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.field-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n\n\n\n\n\n\n\n.group-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    color: var(--accent-color);\n    width: 20px;\n    text-align: center;\n}\n\n.group-label[_ngcontent-%COMP%] {\n    flex: 1;\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n    letter-spacing: 0.01em;\n    text-transform: uppercase;\n}\n\n.group-count[_ngcontent-%COMP%] {\n    padding: 3px 10px;\n    background: var(--accent-light);\n    border-radius: 9999px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--accent-color);\n}\n\n.group-content[_ngcontent-%COMP%] {\n    border-top: 1px solid var(--border-light);\n    background: var(--bg-secondary);\n}\n\n.field-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px 12px 48px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.field-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.field-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.field-item.selected[_ngcontent-%COMP%] {\n    background: var(--accent-light);\n    border-left: 3px solid var(--accent-color);\n    padding-left: 45px;\n}\n\n.field-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    border-radius: var(--radius-sm);\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--text-muted);\n    flex-shrink: 0;\n}\n\n.field-info[_ngcontent-%COMP%] {\n    flex: 1;\n    min-width: 0;\n}\n\n.field-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.field-db-name[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-secondary);\n    margin-top: 2px;\n}\n\n.field-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 2px;\n    font-size: 12px;\n}\n\n.field-type[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-muted);\n}\n\n.field-nullable[_ngcontent-%COMP%] {\n    color: var(--danger-color);\n}\n\n.field-related[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.field-related[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.field-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.badge[_ngcontent-%COMP%] {\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-size: 10px;\n    font-weight: 600;\n}\n\n.badge.pk[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.badge.fk[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.badge.encrypted[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n\n\n\n\n.relationships-graph[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    min-height: 600px;\n    height: calc(100vh - 280px);\n    max-height: 800px;\n    display: flex;\n    align-items: stretch;\n    justify-content: stretch;\n    overflow: hidden;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-erd[_ngcontent-%COMP%], \n.relationships-graph[_ngcontent-%COMP%]   mj-erd-composite[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n    flex: 1;\n}\n\n\n.relationships-graph[_ngcontent-%COMP%]   .erd-splitter[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.relationships-graph[_ngcontent-%COMP%]   mj-entity-details[_ngcontent-%COMP%] {\n    height: 100%;\n    overflow: auto;\n}\n\n.graph-placeholder[_ngcontent-%COMP%] {\n    text-align: center;\n    color: var(--text-muted);\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n    opacity: 0.5;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin: 0;\n}\n\n.graph-placeholder[_ngcontent-%COMP%]   .hint[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-top: 8px;\n}\n\n.relationships-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n}\n\n.relationship-group[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.relationship-group-title[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    margin: 0;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--text-primary);\n    background: var(--bg-tertiary);\n    border-bottom: 1px solid var(--border-color);\n}\n\n.relationship-group-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.relationship-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n}\n\n.relationship-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 20px;\n    cursor: pointer;\n    transition: background var(--transition-fast);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.relationship-item[_ngcontent-%COMP%]:hover {\n    background: var(--accent-light);\n}\n\n.relationship-item.hidden[_ngcontent-%COMP%] {\n    display: none;\n}\n\n.rel-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--accent-color);\n    font-size: 12px;\n}\n\n.rel-info[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.rel-entity[_ngcontent-%COMP%] {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--accent-color);\n    cursor: pointer;\n}\n\n.rel-entity[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.rel-field[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.rel-meta[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.rel-type[_ngcontent-%COMP%], \n.rel-display-type[_ngcontent-%COMP%] {\n    padding: 2px 8px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-sm);\n    font-size: 11px;\n    color: var(--text-muted);\n}\n\n.rel-bundle[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n.relationship-group-title[_ngcontent-%COMP%]   .group-count[_ngcontent-%COMP%] {\n    margin-left: auto;\n    background: var(--accent-light);\n    color: var(--accent-color);\n    padding: 2px 10px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n}\n\n.relationship-items.grouped[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.relationship-item-grouped[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.rel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 10px;\n}\n\n.rel-icon.outgoing[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.rel-icon.incoming[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.rel-entity-name[_ngcontent-%COMP%] {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.rel-fields-chips[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding-left: 44px; \n}\n\n.field-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 5px 12px;\n    border-radius: 16px;\n    font-size: 13px;\n    font-weight: 500;\n    cursor: pointer;\n    transition: all var(--transition-fast);\n}\n\n.field-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border: 1px solid var(--mj-brand-primary);\n}\n\n.field-chip.outgoing[_ngcontent-%COMP%]:hover {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.field-chip.incoming[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n    border: 1px solid var(--mj-status-success);\n}\n\n.field-chip.incoming[_ngcontent-%COMP%]:hover {\n    background: var(--mj-status-success);\n    color: white;\n}\n\n.field-chip[_ngcontent-%COMP%]   .bundle-icon[_ngcontent-%COMP%] {\n    font-size: 9px;\n    margin-left: 2px;\n    opacity: 0.8;\n}\n\n\n\n\n\n.permissions-matrix[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    overflow: hidden;\n}\n\n.matrix-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n    text-align: left;\n    border-bottom: 1px solid var(--border-light);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    font-size: 12px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.matrix-table[_ngcontent-%COMP%]   th.center[_ngcontent-%COMP%], \n.matrix-table[_ngcontent-%COMP%]   td.center[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.matrix-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover {\n    background: var(--bg-secondary);\n}\n\n.role-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.permission-icon[_ngcontent-%COMP%] {\n    font-size: 14px;\n}\n\n.permission-icon.granted[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.permission-icon.denied[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.rls-info[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 4px;\n}\n\n.rls-badge[_ngcontent-%COMP%] {\n    width: 20px;\n    height: 20px;\n    border-radius: var(--radius-sm);\n    background: var(--warning-color);\n    color: white;\n    font-size: 10px;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.no-rls[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    font-size: 12px;\n}\n\n\n.api-capabilities[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.capability-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n    gap: 12px;\n}\n\n.capability-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.capability-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n}\n\n.capability-item.enabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.capability-item.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n\n\n\n\n.lineage-diagram[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 24px;\n    padding: 40px;\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n}\n\n.lineage-stage[_ngcontent-%COMP%] {\n    text-align: center;\n}\n\n.lineage-stage[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.lineage-items[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.lineage-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-secondary);\n}\n\n.lineage-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.lineage-arrow[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 24px 32px;\n    background: var(--accent-color);\n    color: white;\n    border-radius: var(--radius-lg);\n    font-weight: 600;\n}\n\n.entity-node[_ngcontent-%COMP%]   .entity-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n}\n\n.tracking-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 12px;\n}\n\n.config-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n    color: var(--text-muted);\n}\n\n.config-item.enabled[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.config-item[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n.config-item[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n}\n\n.tracking-config[_ngcontent-%COMP%]   .helper-text[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin: -8px 0 12px 0;\n}\n\n\n\n\n\n.history-config[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.config-status[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n\n.config-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 24px;\n    color: var(--text-muted);\n    margin-top: 2px;\n}\n\n.config-status.enabled[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--success-color);\n}\n\n.config-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n    display: block;\n    font-size: 16px;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.config-text[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n}\n\n.history-info[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n    gap: 16px;\n}\n\n.info-card[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    color: var(--text-primary);\n    margin: 0 0 12px 0;\n}\n\n.info-card[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n}\n\n.info-card[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.6;\n    margin: 0;\n}\n\n.info-card[_ngcontent-%COMP%]   code[_ngcontent-%COMP%] {\n    background: var(--bg-tertiary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.audit-fields-list[_ngcontent-%COMP%] {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    padding: 8px 0;\n    font-size: 14px;\n    color: var(--text-secondary);\n    border-bottom: 1px solid var(--border-light);\n}\n\n.audit-fields-list[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n\n\n\n\n.settings-panel[_ngcontent-%COMP%] {\n    background: var(--bg-primary);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-lg);\n    padding: 20px;\n}\n\n.settings-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n.setting-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n}\n\n.setting-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--text-primary);\n    margin-bottom: 4px;\n}\n\n.setting-value[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n    word-break: break-all;\n}\n\n.setting-value-json[_ngcontent-%COMP%] {\n    margin-top: 8px;\n    border-radius: var(--radius-sm);\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    background: var(--mj-bg-surface-sunken);\n}\n\n.setting-value-json[_ngcontent-%COMP%]   mj-code-editor[_ngcontent-%COMP%] {\n    display: block;\n    max-height: 300px;\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-editor {\n    font-size: 12px;\n    background: var(--mj-bg-surface-sunken);\n}\n\n.setting-value-json[_ngcontent-%COMP%]     .cm-gutters {\n    background: var(--mj-bg-surface-sunken);\n    border-right: 1px solid var(--border-color);\n}\n\n.setting-comment[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n}\n\n.fts-config[_ngcontent-%COMP%], \n.settings-section[_ngcontent-%COMP%]   .config-grid[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.config-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.config-row[_ngcontent-%COMP%]   .config-label[_ngcontent-%COMP%] {\n    width: 100px;\n    font-size: 12px;\n    color: var(--text-muted);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.config-row[_ngcontent-%COMP%]   .config-value.enabled[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--success-color);\n}\n\n\n\n\n\n.detail-panel[_ngcontent-%COMP%] {\n    position: fixed;\n    top: 0;\n    right: 0;\n    width: var(--detail-panel-width);\n    height: 100%;\n    background: var(--bg-primary);\n    border-left: 1px solid var(--border-color);\n    box-shadow: var(--shadow-lg);\n    transform: translateX(100%);\n    transition: transform var(--transition-normal);\n    z-index: 100;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.detail-panel.open[_ngcontent-%COMP%] {\n    transform: translateX(0);\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--border-color);\n    flex-shrink: 0;\n}\n\n.panel-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.close-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    border-radius: var(--radius-md);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-muted);\n    transition: all var(--transition-fast);\n}\n\n.close-btn[_ngcontent-%COMP%]:hover {\n    background: var(--bg-tertiary);\n    color: var(--text-primary);\n}\n\n.panel-content[_ngcontent-%COMP%] {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.detail-section[_ngcontent-%COMP%] {\n    margin-bottom: 24px;\n}\n\n.detail-section[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n    font-weight: 600;\n    color: var(--text-primary);\n    margin: 0 0 8px 0;\n}\n\n.detail-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin: 0 0 12px 0;\n}\n\n.detail-field-db-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    font-family: 'SF Mono', 'Consolas', monospace;\n    color: var(--text-secondary);\n    margin-top: 4px;\n    margin-bottom: 4px;\n}\n\n.field-description[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.detail-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value[_ngcontent-%COMP%] {\n    font-size: 14px;\n    color: var(--text-primary);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 12px;\n    color: var(--accent-dark);\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%] {\n    color: var(--accent-color);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.detail-item[_ngcontent-%COMP%]   .value.link[_ngcontent-%COMP%]:hover {\n    text-decoration: underline;\n}\n\n.value-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.value-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    background: var(--bg-tertiary);\n    border-radius: var(--radius-md);\n    font-size: 13px;\n}\n\n.value-code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Consolas', monospace;\n    font-size: 11px;\n    color: var(--accent-dark);\n    background: var(--bg-primary);\n    padding: 2px 6px;\n    border-radius: var(--radius-sm);\n}\n\n.value-display[_ngcontent-%COMP%] {\n    color: var(--text-primary);\n}\n\n\n\n\n\n.explorer-loading[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 40px;\n    text-align: center;\n    color: var(--text-muted);\n}\n\n\n.explorer-fill[_ngcontent-%COMP%] {\n    height: 100%;\n}\n\n\n\n\n\n\n.isa-badge[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    cursor: default;\n    white-space: nowrap;\n}\n\n.isa-badge.virtual[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n}\n\n.isa-badge.child-type[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.isa-badge.child-type[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 22%, transparent);\n}\n\n.isa-badge.parent-type[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, transparent);\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 25%, transparent);\n}\n\n.isa-badge.overlapping[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, transparent);\n    color: var(--mj-status-warning);\n    border: 1px solid color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\n}\n\n\n.isa-breadcrumb[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n    font-weight: 500;\n    margin-top: 2px;\n    padding: 2px 0;\n}\n\n.isa-breadcrumb[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 11px;\n    opacity: 0.7;\n}\n\n\n.isa-panel[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.isa-info-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    color: var(--text-primary);\n}\n\n.isa-info-row.virtual-info[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, transparent);\n}\n\n.isa-info-row.virtual-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.isa-info-row[_ngcontent-%COMP%]   .code[_ngcontent-%COMP%] {\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n    font-size: 12px;\n    background: color-mix(in srgb, var(--mj-text-primary) 6%, transparent);\n    padding: 1px 6px;\n    border-radius: 3px;\n    color: var(--mj-brand-primary);\n}\n\n\n.isa-chain[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-chain-label[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--text-muted);\n    margin-bottom: 8px;\n}\n\n.isa-chain-nodes[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    padding: 6px 0;\n}\n\n.isa-node[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n}\n\n.isa-node.current[_ngcontent-%COMP%] {\n    background: var(--mj-brand-primary);\n    color: white;\n}\n\n.isa-node.parent[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.isa-arrow[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n    font-size: 11px;\n}\n\n.isa-inherited-fields[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--text-muted);\n    margin-top: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--border-color);\n}\n\n.isa-inherited-fields[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-brand-primary);\n}\n\n\n.isa-children[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-child-list[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    padding: 4px 0;\n}\n\n.isa-child-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-status-success) 10%, transparent);\n    color: var(--mj-status-success);\n    border: 1px solid color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n}\n\n\n.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n    transition: all 0.15s ease;\n}\n\n.clickable[_ngcontent-%COMP%]:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n\n.isa-node.parent.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n}\n\n.isa-child-chip.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, transparent);\n    border-color: color-mix(in srgb, var(--mj-status-success) 35%, transparent);\n}\n\n\n.badge.inherited[_ngcontent-%COMP%], \n.flag-badge.inherited[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    color: var(--mj-brand-primary);\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n    font-size: 10px;\n    font-weight: 600;\n    gap: 3px;\n}\n\n.flag-badge.inherited[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 3px;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 10px;\n}\n\n.flag-badge.inherited[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 9px;\n}\n\n\n.isa-source-section[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n    border-radius: 6px;\n    padding: 12px;\n    margin: -4px -12px 8px;\n}\n\n.isa-source-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.isa-source-section[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    margin-right: 4px;\n}\n\n\n.isa-settings-panel[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .link[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n    transition: color 0.15s ease;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .link[_ngcontent-%COMP%]:hover {\n    color: var(--mj-brand-primary);\n    text-decoration: underline;\n}\n\n.isa-settings-panel[_ngcontent-%COMP%]   .muted[_ngcontent-%COMP%] {\n    color: var(--text-muted);\n}\n\n\n.isa-field-inspector[_ngcontent-%COMP%] {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px solid var(--border-color);\n}\n\n\n\n\n\n\n.isa-inspector-groups[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 8px;\n}\n\n.isa-inspector-group[_ngcontent-%COMP%] {\n    border-radius: 6px;\n    padding: 8px 12px;\n    border: 1px solid var(--border-color);\n}\n\n.isa-inspector-group.own[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.isa-inspector-group.inherited[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 4%, transparent);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.isa-inspector-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 6px;\n}\n\n.isa-inspector-entity[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    color: var(--text-primary);\n}\n\n.isa-inspector-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    color: var(--text-muted);\n    font-weight: 500;\n}\n\n.isa-inspector-fields[_ngcontent-%COMP%] {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 4px;\n}\n\n.isa-inspector-field[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 11px;\n    padding: 2px 8px;\n    border-radius: 4px;\n    background: color-mix(in srgb, var(--mj-text-primary) 4%, transparent);\n    color: var(--text-primary);\n}\n\n.isa-inspector-type[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--text-muted);\n    font-family: 'SF Mono', 'Cascadia Code', 'Consolas', monospace;\n}\n\n\n.isa-siblings[_ngcontent-%COMP%] {\n    padding: 8px 0;\n}\n\n.isa-sibling-chip[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 5px 12px;\n    border-radius: 6px;\n    font-size: 13px;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-status-warning) 10%, transparent);\n    color: var(--mj-status-warning);\n    border: 1px solid color-mix(in srgb, var(--mj-status-warning) 20%, transparent);\n}\n\n.isa-sibling-chip.clickable[_ngcontent-%COMP%]:hover {\n    background: color-mix(in srgb, var(--mj-status-warning) 20%, transparent);\n    border-color: color-mix(in srgb, var(--mj-status-warning) 35%, transparent);\n}\n\n\n.isa-child-count[_ngcontent-%COMP%] {\n    font-size: 11px;\n    background: color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n    padding: 1px 6px;\n    border-radius: 8px;\n    margin-left: 2px;\n    font-weight: 600;\n}\n\n.isa-child-count[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 10px;\n}\n\n\n\n\n.data-section[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    display: flex;\n    flex-direction: column;\n    padding: 0;\n    overflow: hidden;\n}\n\n.data-viewer-container[_ngcontent-%COMP%] {\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n\n\n\n\n.organic-key-cards[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 4px 0;\n}\n\n.organic-key-card[_ngcontent-%COMP%] {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.organic-key-card[_ngcontent-%COMP%]:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.organic-key-card.incoming[_ngcontent-%COMP%] {\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.organic-key-card-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n.organic-key-name[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 600;\n    font-size: 14px;\n    color: var(--mj-text-primary);\n}\n\n.organic-key-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n    font-size: 14px;\n}\n\n.organic-key-badges[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.organic-key-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 500;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n}\n\n.organic-key-badge.strategy[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.organic-key-badge.fields[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-info-text, var(--mj-status-info));\n}\n\n.organic-key-description[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    margin: 0 0 12px 0;\n    line-height: 1.4;\n}\n\n.organic-key-targets[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.organic-key-target[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 13px;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.organic-key-target.clickable[_ngcontent-%COMP%], \n.organic-key-card.clickable[_ngcontent-%COMP%] {\n    cursor: pointer;\n}\n\n.organic-key-target.clickable[_ngcontent-%COMP%]:hover, \n.organic-key-card.clickable[_ngcontent-%COMP%]:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.target-main[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    min-width: 0;\n    flex: 1;\n}\n\n.target-header[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.target-entity-icon[_ngcontent-%COMP%] {\n    font-size: 12px;\n    color: var(--mj-text-muted);\n    width: 16px;\n    text-align: center;\n}\n\n.target-entity-name[_ngcontent-%COMP%] {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    min-width: 0;\n}\n\n.target-nav-icon[_ngcontent-%COMP%] {\n    font-size: 10px;\n    color: var(--mj-text-disabled);\n    margin-left: 4px;\n    transition: color 0.15s ease;\n}\n\n.organic-key-target.clickable[_ngcontent-%COMP%]:hover   .target-nav-icon[_ngcontent-%COMP%], \n.organic-key-card.clickable[_ngcontent-%COMP%]:hover   .target-nav-icon[_ngcontent-%COMP%] {\n    color: var(--mj-brand-primary);\n}\n\n.target-match-detail[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding-left: 24px;\n}\n\n.match-type-badge[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 11px;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n}\n\n.match-type-badge.direct[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-success) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text, var(--mj-status-success));\n}\n\n.match-type-badge.transitive[_ngcontent-%COMP%] {\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text, var(--mj-status-warning));\n}\n\n.match-fields[_ngcontent-%COMP%] {\n    font-size: 11px;\n    font-family: 'SF Mono', 'Fira Code', monospace;\n    color: var(--mj-text-secondary);\n}\n\n.organic-key-detail-row[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 4px 0;\n    font-size: 12px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n}\n\n.detail-value[_ngcontent-%COMP%] {\n    color: var(--mj-text-secondary);\n    font-family: 'SF Mono', 'Fira Code', monospace;\n}", ".k-pane[_ngcontent-%COMP%] {\n  background-color: var(--mj-bg-surface);\n}\n\n.content-margin[_ngcontent-%COMP%] {\n  margin: 10px;\n}\n\n\na[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: bolder;\n}\n\n.tab-header-icon[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%] {\n  display: block;\n  flex-direction: column;\n  background-color: var(--mj-bg-surface);\n  padding: 0;\n  min-height: 100vh;\n}\n\n.record-form-group[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  background-color: var(--mj-bg-surface);\n}\n\nbutton[_ngcontent-%COMP%] {\n  margin-right: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin-bottom: 10px;\n}\n\n.k-splitter[_ngcontent-%COMP%] {\n  border-width: 0px;\n}\n\n.record-form-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  align-items: start;\n  gap: 10px;\n  margin-bottom: 12px;\n  padding-top: 5px;\n  padding-bottom: 5px;\n}\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > [_ngcontent-%COMP%]:first-child {\n  font-weight: bold;\n  padding-right: 10px;\n}\n\n.record-form[_ngcontent-%COMP%]   .record-form-row[_ngcontent-%COMP%]    > span[_ngcontent-%COMP%] {\n  white-space: pre-line;\n  max-height: 300px;\n  overflow: auto;\n}\n\n@media (min-width: 768px) {\n  .record-form-row[_ngcontent-%COMP%] {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .record-form-row[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    width: 240px;\n    margin-bottom: 0;\n  }\n}\n\n\n.form-panels-container[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  padding: 16px;\n  background-color: var(--mj-bg-surface);\n}\n\n\n.form-panels-container[_ngcontent-%COMP%]    > .form-card[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n\n.form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 16px;\n  width: 100%;\n}\n\n\n@media (min-width: 1400px) {\n  .form-panels-container[_ngcontent-%COMP%]   .related-entity-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  }\n}\n\n.form-card[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-radius: 8px;\n  box-shadow: 0 2px 4px var(--mj-shadow-sm);\n  overflow: hidden;\n}\n\n.collapsible-card[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.collapsible-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 20px 24px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\n  cursor: pointer;\n  user-select: none;\n  transition: all 0.3s ease;\n}\n\n.collapsible-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.collapsible-title[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n}\n\n.collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: var(--mj-brand-primary);\n}\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.collapsible-header[_ngcontent-%COMP%]   .collapse-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  transition: transform 0.3s ease;\n}\n\n.collapsible-body[_ngcontent-%COMP%] {\n  max-height: 2000px;\n  overflow: hidden;\n  transition: max-height 0.4s ease, padding 0.4s ease, opacity 0.3s ease;\n  opacity: 1;\n}\n\n.collapsible-body.collapsed[_ngcontent-%COMP%] {\n  max-height: 0;\n  padding: 0;\n  opacity: 0;\n}\n\n.form-body[_ngcontent-%COMP%] {\n  padding: 24px;\n}\n\n\n.form-card.related-entity[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  border-left: 3px solid var(--mj-brand-primary);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-sunken);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-header[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n  border-bottom-color: var(--mj-brand-primary);\n}\n\n.form-card.related-entity[_ngcontent-%COMP%]   .collapsible-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n\n.form-section-controls[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  padding: 14px 18px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 2px solid var(--mj-border-default);\n  align-items: center;\n  flex-wrap: wrap;\n  box-shadow: 0 1px 3px var(--mj-shadow-sm);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .control-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid var(--mj-border-strong);\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  border-radius: 6px;\n  cursor: pointer;\n  transition: all 0.2s;\n  margin-right: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 500;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px var(--mj-shadow-md);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]:active {\n  transform: translateY(0);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  margin-right: 0;\n  font-size: 14px;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%] {\n  padding: 8px 14px;\n  font-size: 13px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 6px;\n  width: 240px;\n  transition: all 0.2s;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-search[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n  font-style: italic;\n}\n\n.form-section-controls[_ngcontent-%COMP%]   .section-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n  margin-left: auto;\n  font-weight: 500;\n}\n\n\n.form-card.search-hidden[_ngcontent-%COMP%] {\n  display: none;\n}\n\n\n.section-count-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  padding: 2px 8px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n\n.collapsible-title[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   .search-highlight[_ngcontent-%COMP%] {\n  background-color: var(--mj-status-warning);\n  color: var(--mj-text-primary);\n  padding: 2px 4px;\n  border-radius: 3px;\n  font-weight: 700;\n}\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge[_ngcontent-%COMP%] {\n  background: var(--mj-status-success);\n  color: var(--mj-text-inverse);\n  padding: 3px 6px 2px 6px;\n  border-radius: 12px;\n  font-size: 12px;\n  font-weight: 600;\n  margin-left: 8px;\n  vertical-align: middle;\n  position: relative;\n  top: -2px;\n  display: inline-block;\n  line-height: 1;\n}\n\n\n.collapsible-title[_ngcontent-%COMP%]   .row-count-badge.zero-rows[_ngcontent-%COMP%] {\n  background: var(--mj-text-muted);\n}"], changeDetection: 0 }); }
 };
 MJEntityFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: Entities')