@memberjunction/ng-dashboards 5.23.0 → 5.24.0

package/dist/AI/components/duplicates/duplicate-detection-resource.component.js

@@ -12,10 +12,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
  * Supports triggering new detection runs with real-time progress via
  * GraphQL subscriptions.
  */
-import { Component, ChangeDetectorRef, Input, inject, ViewEncapsulation } from '@angular/core';
+import { Component, ChangeDetectorRef, Input, inject, ViewEncapsulation, HostListener } from '@angular/core';
 import { Subject } from 'rxjs';
 import { debounceTime, takeUntil } from 'rxjs/operators';
-import { CompositeKey, Metadata, RecordMergeRequest, RunView } from '@memberjunction/core';
+import { CompositeKey, LogStatus, Metadata, RecordMergeRequest, RunView } from '@memberjunction/core';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { KnowledgeHubMetadataEngine } from '@memberjunction/core-entities';
 import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
@@ -41,15 +41,15 @@ function DuplicateDetectionResourceComponent_For_12_Template(rf, ctx) { if (rf &
     i0.ɵɵtextInterpolate2("", doc_r1.Name, " (", doc_r1.EntityName, ")");
 } }
 function DuplicateDetectionResourceComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 33);
+    i0.ɵɵelement(0, "i", 34);
     i0.ɵɵtext(1, " Detecting... ");
 } }
 function DuplicateDetectionResourceComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 34);
+    i0.ɵɵelement(0, "i", 35);
     i0.ɵɵtext(1, " Run Detection ");
 } }
 function DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵelementStart(0, "span", 41);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -58,17 +58,17 @@ function DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Templa
     i0.ɵɵtextInterpolate(ctx_r1.DetectionCurrentItem);
 } }
 function DuplicateDetectionResourceComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 11)(1, "div", 35)(2, "span", 36);
-    i0.ɵɵelement(3, "i", 33);
+    i0.ɵɵelementStart(0, "div", 11)(1, "div", 36)(2, "span", 37);
+    i0.ɵɵelement(3, "i", 34);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 37);
+    i0.ɵɵelementStart(5, "span", 38);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 38);
-    i0.ɵɵelement(8, "div", 39);
+    i0.ɵɵelementStart(7, "div", 39);
+    i0.ɵɵelement(8, "div", 40);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template, 2, 1, "span", 40);
+    i0.ɵɵconditionalCreate(9, DuplicateDetectionResourceComponent_Conditional_16_Conditional_9_Template, 2, 1, "span", 41);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -83,28 +83,28 @@ function DuplicateDetectionResourceComponent_Conditional_16_Template(rf, ctx) {
 } }
 function DuplicateDetectionResourceComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 41)(2, "label", 42);
-    i0.ɵɵelement(3, "i", 43);
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 42)(2, "label", 43);
+    i0.ɵɵelement(3, "i", 44);
     i0.ɵɵtext(4, " Potential Match ");
-    i0.ɵɵelementStart(5, "span", 44);
+    i0.ɵɵelementStart(5, "span", 45);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "input", 45);
+    i0.ɵɵelementStart(7, "input", 46);
     i0.ɵɵlistener("input", function DuplicateDetectionResourceComponent_Conditional_17_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnPotentialThresholdChanged($event.target.value / 100)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 46);
+    i0.ɵɵelementStart(8, "span", 47);
     i0.ɵɵtext(9, "Score above which duplicates are flagged for review");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 41)(11, "label", 42);
-    i0.ɵɵelement(12, "i", 47);
+    i0.ɵɵelementStart(10, "div", 42)(11, "label", 43);
+    i0.ɵɵelement(12, "i", 48);
     i0.ɵɵtext(13, " Absolute Match ");
-    i0.ɵɵelementStart(14, "span", 44);
+    i0.ɵɵelementStart(14, "span", 45);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(16, "input", 45);
+    i0.ɵɵelementStart(16, "input", 46);
     i0.ɵɵlistener("input", function DuplicateDetectionResourceComponent_Conditional_17_Template_input_input_16_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAbsoluteThresholdChanged($event.target.value / 100)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 46);
+    i0.ɵɵelementStart(17, "span", 47);
     i0.ɵɵtext(18, "Score above which duplicates are auto-confirmed");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -135,32 +135,43 @@ function DuplicateDetectionResourceComponent_For_44_Template(rf, ctx) { if (rf &
 } }
 function DuplicateDetectionResourceComponent_Conditional_61_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵelementStart(0, "button", 49);
     i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_61_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ClearFilters()); });
-    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵelement(1, "i", 50);
     i0.ɵɵtext(2, " Clear Filters ");
     i0.ɵɵelementEnd();
 } }
 function DuplicateDetectionResourceComponent_Conditional_62_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 28);
-    i0.ɵɵelement(1, "mj-loading", 50);
+    i0.ɵɵelement(1, "i", 51);
+    i0.ɵɵtext(2, " Merging is not available for this entity. Detection results are read-only. ");
     i0.ɵɵelementEnd();
 } }
 function DuplicateDetectionResourceComponent_Conditional_63_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 29);
-    i0.ɵɵelement(1, "i", 51);
-    i0.ɵɵelementStart(2, "p", 52);
+    i0.ɵɵelement(1, "mj-loading", 52);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29);
+    i0.ɵɵelement(1, "mj-loading", 52);
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵelement(1, "i", 53);
+    i0.ɵɵelementStart(2, "p", 54);
     i0.ɵɵtext(3, "No duplicate detection results found.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "p", 53);
+    i0.ɵɵelementStart(4, "p", 55);
     i0.ɵɵtext(5, "Select an entity document and click \"Run Detection\" to start.");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84)(1, "span", 86);
+function DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "span", 88);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 87);
+    i0.ɵɵelementStart(3, "span", 89);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -170,8 +181,8 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_1
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ms_r9.Name);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85);
+function DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -179,10 +190,10 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", group_r8.MatchCount - group_r8.TopMatchSummaries.length, " more");
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_For_2_Template, 5, 2, "div", 84, _forTrack2);
-    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Conditional_3_Template, 2, 1, "div", 85);
+function DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_For_2_Template, 5, 2, "div", 86, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_Conditional_3_Template, 2, 1, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r8 = i0.ɵɵnextContext().$implicit;
@@ -191,40 +202,40 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_1
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(group_r8.MatchCount > group_r8.TopMatchSummaries.length ? 3 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_66_For_10_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 66);
-    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_div_dragstart_0_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r8)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_div_click_0_listener() { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r8)); });
-    i0.ɵɵelementStart(1, "div", 67)(2, "div", 68)(3, "div", 69);
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_66_For_10_Template_div_dragstart_0_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r8)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_66_For_10_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_66_For_10_Template_div_click_0_listener() { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r8)); });
+    i0.ɵɵelementStart(1, "div", 69)(2, "div", 70)(3, "div", 71);
     i0.ɵɵelement(4, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 70)(6, "div", 71);
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 72);
+    i0.ɵɵelementStart(8, "span", 74);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "span", 73);
+    i0.ɵɵelementStart(10, "span", 75);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 74);
-    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_64_For_10_Conditional_13_Template, 4, 1, "div", 75);
-    i0.ɵɵelementStart(14, "div", 76)(15, "span", 77);
-    i0.ɵɵelement(16, "i", 78);
+    i0.ɵɵelementStart(12, "div", 76);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_66_For_10_Conditional_13_Template, 4, 1, "div", 77);
+    i0.ɵɵelementStart(14, "div", 78)(15, "span", 79);
+    i0.ɵɵelement(16, "i", 80);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "span", 77);
-    i0.ɵɵelement(19, "i", 79);
+    i0.ɵɵelementStart(18, "span", 79);
+    i0.ɵɵelement(19, "i", 81);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(21, "div", 80)(22, "button", 81);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_button_click_22_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ApproveMatch(group_r8); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(23, "i", 82);
+    i0.ɵɵelementStart(21, "div", 82)(22, "button", 83);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_10_Template_button_click_22_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ApproveMatch(group_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(23, "i", 84);
     i0.ɵɵtext(24, " Approve ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 83);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template_button_click_25_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.RejectMatch(group_r8); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(26, "i", 49);
+    i0.ɵɵelementStart(25, "button", 85);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_10_Template_button_click_25_listener($event) { const group_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.RejectMatch(group_r8); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(26, "i", 50);
     i0.ɵɵtext(27, " Reject ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -253,18 +264,18 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_10_Template(rf,
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
-    i0.ɵɵelement(1, "i", 63);
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 65);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No pending items");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84)(1, "span", 86);
+function DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "span", 88);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 87);
+    i0.ɵɵelementStart(3, "span", 89);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -274,8 +285,8 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_1
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ms_r12.Name);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85);
+function DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -283,10 +294,10 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", group_r11.MatchCount - group_r11.TopMatchSummaries.length, " more");
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_For_2_Template, 5, 2, "div", 84, _forTrack2);
-    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Conditional_3_Template, 2, 1, "div", 85);
+function DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_For_2_Template, 5, 2, "div", 86, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_Conditional_3_Template, 2, 1, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r11 = i0.ɵɵnextContext().$implicit;
@@ -295,30 +306,30 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_1
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(group_r11.MatchCount > group_r11.TopMatchSummaries.length ? 3 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_66_For_21_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 66);
-    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template_div_dragstart_0_listener($event) { const group_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r11)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template_div_click_0_listener() { const group_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r11)); });
-    i0.ɵɵelementStart(1, "div", 67)(2, "div", 68)(3, "div", 69);
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_66_For_21_Template_div_dragstart_0_listener($event) { const group_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r11)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_66_For_21_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_66_For_21_Template_div_click_0_listener() { const group_r11 = i0.ɵɵrestoreView(_r10).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r11)); });
+    i0.ɵɵelementStart(1, "div", 69)(2, "div", 70)(3, "div", 71);
     i0.ɵɵelement(4, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 70)(6, "div", 71);
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 72);
+    i0.ɵɵelementStart(8, "span", 74);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "span", 73);
+    i0.ɵɵelementStart(10, "span", 75);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 74);
-    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_64_For_21_Conditional_13_Template, 4, 1, "div", 75);
-    i0.ɵɵelementStart(14, "div", 76)(15, "span", 77);
-    i0.ɵɵelement(16, "i", 78);
+    i0.ɵɵelementStart(12, "div", 76);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_66_For_21_Conditional_13_Template, 4, 1, "div", 77);
+    i0.ɵɵelementStart(14, "div", 78)(15, "span", 79);
+    i0.ɵɵelement(16, "i", 80);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "span", 77);
-    i0.ɵɵelement(19, "i", 79);
+    i0.ɵɵelementStart(18, "span", 79);
+    i0.ɵɵelement(19, "i", 81);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -343,18 +354,18 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_21_Template(rf,
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDate(group_r11.MatchedAt), " ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
-    i0.ɵɵelement(1, "i", 88);
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 90);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No approved items");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 84)(1, "span", 86);
+function DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 86)(1, "span", 88);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 87);
+    i0.ɵɵelementStart(3, "span", 89);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -364,8 +375,8 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_1
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ms_r15.Name);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 85);
+function DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 87);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -373,10 +384,10 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_1
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("+", group_r14.MatchCount - group_r14.TopMatchSummaries.length, " more");
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 75);
-    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_For_2_Template, 5, 2, "div", 84, _forTrack2);
-    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Conditional_3_Template, 2, 1, "div", 85);
+function DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 77);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_For_2_Template, 5, 2, "div", 86, _forTrack2);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_Conditional_3_Template, 2, 1, "div", 87);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const group_r14 = i0.ɵɵnextContext().$implicit;
@@ -385,30 +396,30 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_1
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(group_r14.MatchCount > group_r14.TopMatchSummaries.length ? 3 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_66_For_32_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 66);
-    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template_div_dragstart_0_listener($event) { const group_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r14)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template_div_click_0_listener() { const group_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r14)); });
-    i0.ɵɵelementStart(1, "div", 67)(2, "div", 68)(3, "div", 69);
+    i0.ɵɵelementStart(0, "div", 68);
+    i0.ɵɵlistener("dragstart", function DuplicateDetectionResourceComponent_Conditional_66_For_32_Template_div_dragstart_0_listener($event) { const group_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragStart($event, group_r14)); })("dragend", function DuplicateDetectionResourceComponent_Conditional_66_For_32_Template_div_dragend_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnDragEnd()); })("click", function DuplicateDetectionResourceComponent_Conditional_66_For_32_Template_div_click_0_listener() { const group_r14 = i0.ɵɵrestoreView(_r13).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OpenComparison(group_r14)); });
+    i0.ɵɵelementStart(1, "div", 69)(2, "div", 70)(3, "div", 71);
     i0.ɵɵelement(4, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 70)(6, "div", 71);
+    i0.ɵɵelementStart(5, "div", 72)(6, "div", 73);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 72);
+    i0.ɵɵelementStart(8, "span", 74);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "span", 73);
+    i0.ɵɵelementStart(10, "span", 75);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 74);
-    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_64_For_32_Conditional_13_Template, 4, 1, "div", 75);
-    i0.ɵɵelementStart(14, "div", 76)(15, "span", 77);
-    i0.ɵɵelement(16, "i", 78);
+    i0.ɵɵelementStart(12, "div", 76);
+    i0.ɵɵconditionalCreate(13, DuplicateDetectionResourceComponent_Conditional_66_For_32_Conditional_13_Template, 4, 1, "div", 77);
+    i0.ɵɵelementStart(14, "div", 78)(15, "span", 79);
+    i0.ɵɵelement(16, "i", 80);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "span", 77);
-    i0.ɵɵelement(19, "i", 79);
+    i0.ɵɵelementStart(18, "span", 79);
+    i0.ɵɵelement(19, "i", 81);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -433,53 +444,53 @@ function DuplicateDetectionResourceComponent_Conditional_64_For_32_Template(rf,
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatDate(group_r14.MatchedAt), " ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_Conditional_33_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 61);
-    i0.ɵɵelement(1, "i", 88);
+function DuplicateDetectionResourceComponent_Conditional_66_Conditional_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 63);
+    i0.ɵɵelement(1, "i", 90);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No rejected items");
     i0.ɵɵelementEnd()();
 } }
-function DuplicateDetectionResourceComponent_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 30)(1, "div", 54)(2, "div", 55);
-    i0.ɵɵelement(3, "i", 56);
-    i0.ɵɵelementStart(4, "span", 57);
+    i0.ɵɵelementStart(0, "div", 31)(1, "div", 56)(2, "div", 57);
+    i0.ɵɵelement(3, "i", 58);
+    i0.ɵɵelementStart(4, "span", 59);
     i0.ɵɵtext(5, "Pending Review");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 58);
+    i0.ɵɵelementStart(6, "span", 60);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 59);
-    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragover_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Pending")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragleave_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Pending")); })("drop", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_drop_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Pending")); });
-    i0.ɵɵrepeaterCreate(9, DuplicateDetectionResourceComponent_Conditional_64_For_10_Template, 28, 14, "div", 60, _forTrack1);
-    i0.ɵɵconditionalCreate(11, DuplicateDetectionResourceComponent_Conditional_64_Conditional_11_Template, 4, 0, "div", 61);
+    i0.ɵɵelementStart(8, "div", 61);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_dragover_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Pending")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_dragleave_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Pending")); })("drop", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_drop_8_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Pending")); });
+    i0.ɵɵrepeaterCreate(9, DuplicateDetectionResourceComponent_Conditional_66_For_10_Template, 28, 14, "div", 62, _forTrack1);
+    i0.ɵɵconditionalCreate(11, DuplicateDetectionResourceComponent_Conditional_66_Conditional_11_Template, 4, 0, "div", 63);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 54)(13, "div", 62);
-    i0.ɵɵelement(14, "i", 63);
-    i0.ɵɵelementStart(15, "span", 57);
+    i0.ɵɵelementStart(12, "div", 56)(13, "div", 64);
+    i0.ɵɵelement(14, "i", 65);
+    i0.ɵɵelementStart(15, "span", 59);
     i0.ɵɵtext(16, "Approved");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 58);
+    i0.ɵɵelementStart(17, "span", 60);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 59);
-    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragover_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Approved")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragleave_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Approved")); })("drop", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_drop_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Approved")); });
-    i0.ɵɵrepeaterCreate(20, DuplicateDetectionResourceComponent_Conditional_64_For_21_Template, 21, 12, "div", 60, _forTrack1);
-    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_64_Conditional_22_Template, 4, 0, "div", 61);
+    i0.ɵɵelementStart(19, "div", 61);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_dragover_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Approved")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_dragleave_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Approved")); })("drop", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_drop_19_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Approved")); });
+    i0.ɵɵrepeaterCreate(20, DuplicateDetectionResourceComponent_Conditional_66_For_21_Template, 21, 12, "div", 62, _forTrack1);
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_66_Conditional_22_Template, 4, 0, "div", 63);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 54)(24, "div", 64);
-    i0.ɵɵelement(25, "i", 65);
-    i0.ɵɵelementStart(26, "span", 57);
+    i0.ɵɵelementStart(23, "div", 56)(24, "div", 66);
+    i0.ɵɵelement(25, "i", 67);
+    i0.ɵɵelementStart(26, "span", 59);
     i0.ɵɵtext(27, "Rejected");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 58);
+    i0.ɵɵelementStart(28, "span", 60);
     i0.ɵɵtext(29);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 59);
-    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragover_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Rejected")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_dragleave_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Rejected")); })("drop", function DuplicateDetectionResourceComponent_Conditional_64_Template_div_drop_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Rejected")); });
-    i0.ɵɵrepeaterCreate(31, DuplicateDetectionResourceComponent_Conditional_64_For_32_Template, 21, 12, "div", 60, _forTrack1);
-    i0.ɵɵconditionalCreate(33, DuplicateDetectionResourceComponent_Conditional_64_Conditional_33_Template, 4, 0, "div", 61);
+    i0.ɵɵelementStart(30, "div", 61);
+    i0.ɵɵlistener("dragover", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_dragover_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragOver($event, "Rejected")); })("dragleave", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_dragleave_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDragLeave($event, "Rejected")); })("drop", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_drop_30_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDrop($event, "Rejected")); });
+    i0.ɵɵrepeaterCreate(31, DuplicateDetectionResourceComponent_Conditional_66_For_32_Template, 21, 12, "div", 62, _forTrack1);
+    i0.ɵɵconditionalCreate(33, DuplicateDetectionResourceComponent_Conditional_66_Conditional_33_Template, 4, 0, "div", 63);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -508,34 +519,34 @@ function DuplicateDetectionResourceComponent_Conditional_64_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.RejectedGroups.length === 0 ? 33 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵelement(1, "mj-loading", 89);
+function DuplicateDetectionResourceComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵelement(1, "mj-loading", 91);
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 102);
-    i0.ɵɵelement(1, "mj-loading", 127);
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵelement(1, "mj-loading", 130);
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_44_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 118);
-    i0.ɵɵelement(1, "i", 128);
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 120);
+    i0.ɵɵelement(1, "i", 131);
     i0.ɵɵtext(2, " Most deps");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 137);
-    i0.ɵɵelement(1, "i", 33);
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵelement(1, "i", 34);
     i0.ɵɵtext(2, " Loading...");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 139);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template_div_click_0_listener($event) { const record_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); ctx_r1.OpenDepRecord(record_r21); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "i", 140);
-    i0.ɵɵelementStart(2, "span", 141);
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template_div_click_0_listener($event) { const record_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); ctx_r1.OpenDepRecord(record_r21); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 143);
+    i0.ɵɵelementStart(2, "span", 144);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -543,10 +554,10 @@ function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Condi
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(record_r21.Name);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136);
-    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 137);
-    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 138, i0.ɵɵrepeaterTrackByIndex);
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 140);
+    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 141, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dep_r19 = i0.ɵɵnextContext().$implicit;
@@ -556,18 +567,18 @@ function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Condi
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.GetDepRecords(0, dep_r19.Entity));
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 131)(1, "div", 132);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.ToggleDepEntityGroup(0, dep_r19.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "span", 133);
-    i0.ɵɵelement(3, "i", 134);
+    i0.ɵɵelementStart(0, "div", 134)(1, "div", 135);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); ctx_r1.ToggleDepEntityGroup(0, dep_r19.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "span", 136);
+    i0.ɵɵelement(3, "i", 137);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 135);
+    i0.ɵɵelementStart(5, "span", 138);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 136);
+    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 139);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dep_r19 = ctx.$implicit;
@@ -581,25 +592,25 @@ function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Condi
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.IsDepEntityGroupExpanded(0, dep_r19.Entity) ? 7 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130);
-    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_For_2_Template, 8, 7, "div", 131, _forTrack5);
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_For_2_Template, 8, 7, "div", 134, _forTrack5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(0));
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 129);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(0)); });
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(0)); });
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "i", 113);
+    i0.ɵɵelement(3, "i", 115);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Conditional_4_Template, 3, 0, "div", 130);
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Conditional_4_Template, 3, 0, "div", 133);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
@@ -609,24 +620,24 @@ function DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Templ
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.IsDepsExpanded(0) ? 4 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 118);
-    i0.ɵɵelement(1, "i", 128);
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 120);
+    i0.ɵɵelement(1, "i", 131);
     i0.ɵɵtext(2, " Most deps");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 137);
-    i0.ɵɵelement(1, "i", 33);
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 140);
+    i0.ɵɵelement(1, "i", 34);
     i0.ɵɵtext(2, " Loading...");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 139);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template_div_click_0_listener($event) { const record_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); ctx_r1.OpenDepRecord(record_r28); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelement(1, "i", 140);
-    i0.ɵɵelementStart(2, "span", 141);
+    i0.ɵɵelementStart(0, "div", 142);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template_div_click_0_listener($event) { const record_r28 = i0.ɵɵrestoreView(_r27).$implicit; const ctx_r1 = i0.ɵɵnextContext(7); ctx_r1.OpenDepRecord(record_r28); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 143);
+    i0.ɵɵelementStart(2, "span", 144);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -634,341 +645,369 @@ function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_2
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(record_r28.Name);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 136);
-    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 137);
-    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 138, i0.ɵɵrepeaterTrackByIndex);
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 139);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Conditional_1_Template, 3, 0, "div", 140);
+    i0.ɵɵrepeaterCreate(2, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_For_3_Template, 4, 1, "div", 141, i0.ɵɵrepeaterTrackByIndex);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dep_r26 = i0.ɵɵnextContext().$implicit;
-    const ɵ$index_556_r23 = i0.ɵɵnextContext(3).$index;
+    const ɵ$index_567_r23 = i0.ɵɵnextContext(3).$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsDepRecordsLoading(ɵ$index_556_r23 + 1, dep_r26.Entity) ? 1 : -1);
+    i0.ɵɵconditional(ctx_r1.IsDepRecordsLoading(ɵ$index_567_r23 + 1, dep_r26.Entity) ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.GetDepRecords(ɵ$index_556_r23 + 1, dep_r26.Entity));
+    i0.ɵɵrepeater(ctx_r1.GetDepRecords(ɵ$index_567_r23 + 1, dep_r26.Entity));
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 131)(1, "div", 132);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ɵ$index_556_r23 = i0.ɵɵnextContext(3).$index; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ToggleDepEntityGroup(ɵ$index_556_r23 + 1, dep_r26.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "span", 133);
-    i0.ɵɵelement(3, "i", 134);
+    i0.ɵɵelementStart(0, "div", 134)(1, "div", 135);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Template_div_click_1_listener($event) { const dep_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ɵ$index_567_r23 = i0.ɵɵnextContext(3).$index; const ctx_r1 = i0.ɵɵnextContext(2); ctx_r1.ToggleDepEntityGroup(ɵ$index_567_r23 + 1, dep_r26.Entity); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "span", 136);
+    i0.ɵɵelement(3, "i", 137);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 135);
+    i0.ɵɵelementStart(5, "span", 138);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 136);
+    i0.ɵɵconditionalCreate(7, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Conditional_7_Template, 4, 1, "div", 139);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const dep_r26 = ctx.$implicit;
-    const ɵ$index_556_r23 = i0.ɵɵnextContext(3).$index;
+    const ɵ$index_567_r23 = i0.ɵɵnextContext(3).$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
-    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.IsDepEntityGroupExpanded(ɵ$index_556_r23 + 1, dep_r26.Entity))("fa-chevron-down", ctx_r1.IsDepEntityGroupExpanded(ɵ$index_556_r23 + 1, dep_r26.Entity));
+    i0.ɵɵclassProp("fa-chevron-right", !ctx_r1.IsDepEntityGroupExpanded(ɵ$index_567_r23 + 1, dep_r26.Entity))("fa-chevron-down", ctx_r1.IsDepEntityGroupExpanded(ɵ$index_567_r23 + 1, dep_r26.Entity));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", dep_r26.Entity, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(dep_r26.Count);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsDepEntityGroupExpanded(ɵ$index_556_r23 + 1, dep_r26.Entity) ? 7 : -1);
+    i0.ɵɵconditional(ctx_r1.IsDepEntityGroupExpanded(ɵ$index_567_r23 + 1, dep_r26.Entity) ? 7 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 130);
-    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_For_2_Template, 8, 7, "div", 131, _forTrack5);
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 133);
+    i0.ɵɵrepeaterCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_For_2_Template, 8, 7, "div", 134, _forTrack5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_556_r23 = i0.ɵɵnextContext(2).$index;
+    const ɵ$index_567_r23 = i0.ɵɵnextContext(2).$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(ɵ$index_556_r23 + 1));
+    i0.ɵɵrepeater(ctx_r1.GetGroupedDeps(ɵ$index_567_r23 + 1));
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 129);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_556_r23 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(ɵ$index_556_r23 + 1)); });
+    i0.ɵɵelementStart(0, "div", 132);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r24); const ɵ$index_567_r23 = i0.ɵɵnextContext().$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ToggleDepsExpanded(ɵ$index_567_r23 + 1)); });
     i0.ɵɵelementStart(1, "span");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(3, "i", 113);
+    i0.ɵɵelement(3, "i", 115);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Conditional_4_Template, 3, 0, "div", 130);
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Conditional_4_Template, 3, 0, "div", 133);
 } if (rf & 2) {
-    const ɵ$index_556_r23 = i0.ɵɵnextContext().$index;
+    const ɵ$index_567_r23 = i0.ɵɵnextContext().$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1) ? "Hide details" : "Show details");
+    i0.ɵɵtextInterpolate(ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1) ? "Hide details" : "Show details");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1))("fa-chevron-up", ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1));
+    i0.ɵɵclassProp("fa-chevron-down", !ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1))("fa-chevron-up", ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsDepsExpanded(ɵ$index_556_r23 + 1) ? 4 : -1);
+    i0.ɵɵconditional(ctx_r1.IsDepsExpanded(ɵ$index_567_r23 + 1) ? 4 : -1);
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r29 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 150);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_24_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r29); const match_r30 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.RejectIndividualMatch(match_r30)); });
+    i0.ɵɵelement(1, "i", 67);
+    i0.ɵɵtext(2, " Skip ");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r31 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 153);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r31); const match_r30 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.UndoRejectIndividualMatch(match_r30)); });
+    i0.ɵɵelement(1, "i", 154);
+    i0.ɵɵtext(2, " Undo ");
+    i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 146);
-    i0.ɵɵelement(1, "i", 113);
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 151);
+    i0.ɵɵelement(1, "i", 115);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Conditional_3_Template, 3, 0, "button", 152);
 } if (rf & 2) {
-    const match_r29 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵclassProp("status-approved", match_r29.Match.ApprovalStatus === "Approved")("status-rejected", match_r29.Match.ApprovalStatus === "Rejected");
+    const match_r30 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("status-approved", match_r30.Match.ApprovalStatus === "Approved")("status-rejected", match_r30.Match.ApprovalStatus === "Rejected");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-check", match_r29.Match.ApprovalStatus === "Approved")("fa-times", match_r29.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵclassProp("fa-check", match_r30.Match.ApprovalStatus === "Approved")("fa-times", match_r30.Match.ApprovalStatus === "Rejected");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", match_r29.Match.ApprovalStatus, " ");
+    i0.ɵɵtextInterpolate1(" ", match_r30.Match.ApprovalStatus === "Rejected" ? "Skipped" : match_r30.Match.ApprovalStatus, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(match_r30.Match.ApprovalStatus === "Rejected" ? 3 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_47_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_For_47_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 142)(1, "div", 143)(2, "span", 108);
+    i0.ɵɵelementStart(0, "div", 145)(1, "div", 146)(2, "span", 110);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 73);
+    i0.ɵɵelementStart(4, "span", 75);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "span", 144);
+    i0.ɵɵelementStart(6, "span", 147);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 109)(9, "input", 110);
-    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Template_input_change_9_listener() { const ɵ$index_556_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSurvivor(ɵ$index_556_r23 + 1)); });
+    i0.ɵɵelementStart(8, "div", 111)(9, "input", 112);
+    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Template_input_change_9_listener() { const ɵ$index_567_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SetSurvivor(ɵ$index_567_r23 + 1)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 111);
+    i0.ɵɵelementStart(10, "span", 113);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "button", 112);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_47_Template_button_click_12_listener() { const ɵ$index_556_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(ɵ$index_556_r23 + 1)); });
-    i0.ɵɵelement(13, "i", 113);
+    i0.ɵɵelementStart(12, "button", 114);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_47_Template_button_click_12_listener() { const ɵ$index_567_r23 = i0.ɵɵrestoreView(_r22).$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(ɵ$index_567_r23 + 1)); });
+    i0.ɵɵelement(13, "i", 115);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 114)(16, "div", 115);
-    i0.ɵɵelement(17, "i", 116);
-    i0.ɵɵelementStart(18, "span", 117);
+    i0.ɵɵelementStart(15, "div", 116)(16, "div", 117);
+    i0.ɵɵelement(17, "i", 118);
+    i0.ɵɵelementStart(18, "span", 119);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(20);
-    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_21_Template, 3, 0, "span", 118);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_22_Template, 5, 6);
+    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_21_Template, 3, 0, "span", 120);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(23, DuplicateDetectionResourceComponent_Conditional_66_For_47_Conditional_23_Template, 3, 9, "span", 145);
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_22_Template, 5, 6);
     i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "div", 148);
+    i0.ɵɵconditionalCreate(24, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_24_Template, 3, 0, "button", 149)(25, DuplicateDetectionResourceComponent_Conditional_68_For_47_Conditional_25_Template, 4, 10);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const match_r29 = ctx.$implicit;
-    const ɵ$index_556_r23 = ctx.$index;
+    const match_r30 = ctx.$implicit;
+    const ɵ$index_567_r23 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("match-approved", match_r29.Match.ApprovalStatus === "Approved")("match-rejected", match_r29.Match.ApprovalStatus === "Rejected");
+    i0.ɵɵclassProp("match-approved", match_r30.Match.ApprovalStatus === "Approved")("match-rejected", match_r30.Match.ApprovalStatus === "Rejected");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(match_r29.Name);
+    i0.ɵɵtextInterpolate(match_r30.Name);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.GetScoreClass(match_r29.Score));
+    i0.ɵɵclassMap(ctx_r1.GetScoreClass(match_r30.Score));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", (match_r29.Score * 100).toFixed(0), "% ");
+    i0.ɵɵtextInterpolate1(" ", (match_r30.Score * 100).toFixed(0), "% ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", match_r29.DiffCount, " difference", match_r29.DiffCount !== 1 ? "s" : "");
+    i0.ɵɵtextInterpolate2("", match_r30.DiffCount, " difference", match_r30.DiffCount !== 1 ? "s" : "");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("checked", ctx_r1.SurvivorColumnIndex === ɵ$index_556_r23 + 1);
+    i0.ɵɵproperty("checked", ctx_r1.SurvivorColumnIndex === ɵ$index_567_r23 + 1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("is-survivor", ctx_r1.SurvivorColumnIndex === ɵ$index_556_r23 + 1);
+    i0.ɵɵclassProp("is-survivor", ctx_r1.SurvivorColumnIndex === ɵ$index_567_r23 + 1);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.SurvivorColumnIndex === ɵ$index_556_r23 + 1 ? "Surviving Record" : "Set as survivor", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.SurvivorColumnIndex === ɵ$index_567_r23 + 1 ? "Surviving Record" : "Set as survivor", " ");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("all-selected", ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1));
+    i0.ɵɵclassProp("all-selected", ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1));
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("fa-check-double", ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1))("fa-clone", !ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1));
+    i0.ɵɵclassProp("fa-check-double", ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1))("fa-clone", !ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.AllFieldsSelectedFrom(ɵ$index_556_r23 + 1) ? "Using all fields" : "Use all fields", " ");
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.AllFieldsSelectedFrom(ɵ$index_567_r23 + 1) ? "Using all fields" : "Use all fields", " ");
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(ctx_r1.GetTotalDeps(ɵ$index_556_r23 + 1));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetTotalDeps(ɵ$index_556_r23 + 1) === 1 ? "dependency" : "dependencies", " ");
+    i0.ɵɵtextInterpolate(ctx_r1.GetTotalDeps(ɵ$index_567_r23 + 1));
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.GetMaxDepsColumnIndex() === ɵ$index_556_r23 + 1 && ctx_r1.GetTotalDeps(ɵ$index_556_r23 + 1) > 0 ? 21 : -1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetTotalDeps(ɵ$index_567_r23 + 1) === 1 ? "dependency" : "dependencies", " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.GetGroupedDeps(ɵ$index_556_r23 + 1).length > 0 ? 22 : -1);
+    i0.ɵɵconditional(ctx_r1.GetMaxDepsColumnIndex() === ɵ$index_567_r23 + 1 && ctx_r1.GetTotalDeps(ɵ$index_567_r23 + 1) > 0 ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(match_r29.Match.ApprovalStatus !== "Pending" ? 23 : -1);
+    i0.ɵɵconditional(ctx_r1.GetGroupedDeps(ɵ$index_567_r23 + 1).length > 0 ? 22 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(match_r30.Match.ApprovalStatus === "Pending" ? 24 : 25);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const field_r31 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" ", field_r31.SourceValue, " ");
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", field_r33.SourceValue, " ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 149);
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 157);
     i0.ɵɵtext(1, "(not available)");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 152);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r32); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r32); const field_r31 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r31, 0)); });
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r34 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 160);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r34); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r34); const field_r33 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r33, 0)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const field_r31 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("name", "field-" + field_r31.FieldName)("checked", field_r31.SelectedColumnIndex === 0);
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("name", "field-" + field_r33.FieldName)("checked", field_r33.SelectedColumnIndex === 0);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r37 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "input", 152);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r37); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r37); const ɵ$index_660_r36 = i0.ɵɵnextContext(2).$index; const field_r31 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r31, ɵ$index_660_r36 + 1)); });
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r39 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 160);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template_input_click_0_listener($event) { i0.ɵɵrestoreView(_r39); return i0.ɵɵresetView($event.stopPropagation()); })("change", function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template_input_change_0_listener() { i0.ɵɵrestoreView(_r39); const ɵ$index_685_r38 = i0.ɵɵnextContext(2).$index; const field_r33 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r33, ɵ$index_685_r38 + 1)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ɵ$index_660_r36 = i0.ɵɵnextContext(2).$index;
-    const field_r31 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("name", "field-" + field_r31.FieldName)("checked", field_r31.SelectedColumnIndex === ɵ$index_660_r36 + 1);
+    const ɵ$index_685_r38 = i0.ɵɵnextContext(2).$index;
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("name", "field-" + field_r33.FieldName)("checked", field_r33.SelectedColumnIndex === ɵ$index_685_r38 + 1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
-    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Conditional_1_Template, 1, 2, "input", 150);
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Conditional_1_Template, 1, 2, "input", 158);
 } if (rf & 2) {
-    const ctx_r37 = i0.ɵɵnextContext();
-    const matchVal_r35 = ctx_r37.$implicit;
-    const ɵ$index_660_r36 = ctx_r37.$index;
-    const field_r31 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate1(" ", matchVal_r35, " ");
+    const ctx_r39 = i0.ɵɵnextContext();
+    const matchVal_r37 = ctx_r39.$implicit;
+    const ɵ$index_685_r38 = ctx_r39.$index;
+    const field_r33 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", matchVal_r37, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r31.HasDifference || field_r31.SelectedColumnIndex === ɵ$index_660_r36 + 1 ? 1 : -1);
+    i0.ɵɵconditional(field_r33.HasDifference || field_r33.SelectedColumnIndex === ɵ$index_685_r38 + 1 ? 1 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 149);
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 157);
     i0.ɵɵtext(1, "(not available)");
     i0.ɵɵelementEnd();
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Template(rf, ctx) { if (rf & 1) {
-    const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 153);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Template_div_click_0_listener() { const ctx_r33 = i0.ɵɵrestoreView(_r33); const matchVal_r35 = ctx_r33.$implicit; const ɵ$index_660_r36 = ctx_r33.$index; const field_r31 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(matchVal_r35 != null ? ctx_r1.SelectFieldValue(field_r31, ɵ$index_660_r36 + 1) : null); });
-    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_1_Template, 2, 2)(2, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Conditional_2_Template, 2, 0, "span", 149);
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r35 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 161);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Template_div_click_0_listener() { const ctx_r35 = i0.ɵɵrestoreView(_r35); const matchVal_r37 = ctx_r35.$implicit; const ɵ$index_685_r38 = ctx_r35.$index; const field_r33 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(matchVal_r37 != null ? ctx_r1.SelectFieldValue(field_r33, ɵ$index_685_r38 + 1) : null); });
+    i0.ɵɵconditionalCreate(1, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_1_Template, 2, 2)(2, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Conditional_2_Template, 2, 0, "span", 157);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const matchVal_r35 = ctx.$implicit;
-    const ɵ$index_660_r36 = ctx.$index;
-    const ctx_r38 = i0.ɵɵnextContext();
-    const field_r31 = ctx_r38.$implicit;
-    const ɵ$index_645_r40 = ctx_r38.$index;
+    const matchVal_r37 = ctx.$implicit;
+    const ɵ$index_685_r38 = ctx.$index;
+    const ctx_r40 = i0.ɵɵnextContext();
+    const field_r33 = ctx_r40.$implicit;
+    const ɵ$index_670_r42 = ctx_r40.$index;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("grid-row-odd", ɵ$index_645_r40 % 2 !== 0)("value-same", ctx_r1.AreValuesEqual(field_r31.SourceValue, matchVal_r35))("value-different", matchVal_r35 != null && field_r31.SourceValue != null && !ctx_r1.AreValuesEqual(field_r31.SourceValue, matchVal_r35))("field-selected", field_r31.SelectedColumnIndex === ɵ$index_660_r36 + 1);
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_670_r42 % 2 !== 0)("value-same", ctx_r1.AreValuesEqual(field_r33.SourceValue, matchVal_r37))("value-different", matchVal_r37 != null && field_r33.SourceValue != null && !ctx_r1.AreValuesEqual(field_r33.SourceValue, matchVal_r37))("field-selected", field_r33.SelectedColumnIndex === ɵ$index_685_r38 + 1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(matchVal_r35 != null ? 1 : 2);
+    i0.ɵɵconditional(matchVal_r37 != null ? 1 : 2);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_For_49_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 147);
+function DuplicateDetectionResourceComponent_Conditional_68_For_49_Template(rf, ctx) { if (rf & 1) {
+    const _r32 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 155);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 148);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_For_49_Template_div_click_2_listener() { const field_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r31, 0)); });
-    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_3_Template, 1, 1)(4, DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_4_Template, 2, 0, "span", 149);
-    i0.ɵɵconditionalCreate(5, DuplicateDetectionResourceComponent_Conditional_66_For_49_Conditional_5_Template, 1, 2, "input", 150);
+    i0.ɵɵelementStart(2, "div", 156);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_For_49_Template_div_click_2_listener() { const field_r33 = i0.ɵɵrestoreView(_r32).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.SelectFieldValue(field_r33, 0)); });
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_3_Template, 1, 1)(4, DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_4_Template, 2, 0, "span", 157);
+    i0.ɵɵconditionalCreate(5, DuplicateDetectionResourceComponent_Conditional_68_For_49_Conditional_5_Template, 1, 2, "input", 158);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(6, DuplicateDetectionResourceComponent_Conditional_66_For_49_For_7_Template, 3, 9, "div", 151, i0.ɵɵrepeaterTrackByIndex);
+    i0.ɵɵrepeaterCreate(6, DuplicateDetectionResourceComponent_Conditional_68_For_49_For_7_Template, 3, 9, "div", 159, i0.ɵɵrepeaterTrackByIndex);
 } if (rf & 2) {
-    const field_r31 = ctx.$implicit;
-    const ɵ$index_645_r40 = ctx.$index;
-    i0.ɵɵclassProp("grid-row-odd", ɵ$index_645_r40 % 2 !== 0);
+    const field_r33 = ctx.$implicit;
+    const ɵ$index_670_r42 = ctx.$index;
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_670_r42 % 2 !== 0);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", field_r31.DisplayName, " ");
+    i0.ɵɵtextInterpolate1(" ", field_r33.DisplayName, " ");
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("grid-row-odd", ɵ$index_645_r40 % 2 !== 0)("has-diff-in-row", field_r31.HasDifference)("field-selected", field_r31.SelectedColumnIndex === 0);
+    i0.ɵɵclassProp("grid-row-odd", ɵ$index_670_r42 % 2 !== 0)("has-diff-in-row", field_r33.HasDifference)("field-selected", field_r33.SelectedColumnIndex === 0);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r31.SourceValue != null ? 3 : 4);
+    i0.ɵɵconditional(field_r33.SourceValue != null ? 3 : 4);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(field_r31.HasDifference || field_r31.SelectedColumnIndex === 0 ? 5 : -1);
+    i0.ɵɵconditional(field_r33.HasDifference || field_r33.SelectedColumnIndex === 0 ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(field_r31.MatchValues);
+    i0.ɵɵrepeater(field_r33.MatchValues);
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Conditional_59_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_59_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵtextInterpolate2(" \u00B7 ", ctx_r1.CherryPickedCount(), " field", ctx_r1.CherryPickedCount() !== 1 ? "s" : "", " cherry-picked ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_68_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 129);
+    i0.ɵɵelement(1, "i", 162);
+    i0.ɵɵtext(2, " Merging disabled for this entity");
+    i0.ɵɵelementEnd();
+} }
+function DuplicateDetectionResourceComponent_Conditional_68_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 90);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelementStart(0, "div", 92);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(1, "div", 91);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 92)(3, "div", 93)(4, "div", 94);
+    i0.ɵɵelementStart(1, "div", 93);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r16); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 94)(3, "div", 95)(4, "div", 96);
     i0.ɵɵelement(5, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div")(7, "div", 95);
+    i0.ɵɵelementStart(6, "div")(7, "div", 97);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 96);
+    i0.ɵɵelementStart(9, "span", 98);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 97);
+    i0.ɵɵelementStart(11, "span", 99);
     i0.ɵɵtext(12);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 98)(14, "div", 99)(15, "button", 100);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ComparisonShowAllFields = true); });
+    i0.ɵɵelementStart(13, "div", 100)(14, "div", 101)(15, "button", 102);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ComparisonShowAllFields = true); });
     i0.ɵɵtext(16, "All Fields");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 100);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ComparisonShowAllFields = false); });
+    i0.ɵɵelementStart(17, "button", 102);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ComparisonShowAllFields = false); });
     i0.ɵɵtext(18, "Differences Only");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "button", 101);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
-    i0.ɵɵelement(20, "i", 49);
+    i0.ɵɵelementStart(19, "button", 103);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_19_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelement(20, "i", 50);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_66_Conditional_21_Template, 2, 0, "div", 102);
-    i0.ɵɵelementStart(22, "div", 103)(23, "div", 104)(24, "div", 105);
+    i0.ɵɵconditionalCreate(21, DuplicateDetectionResourceComponent_Conditional_68_Conditional_21_Template, 2, 0, "div", 104);
+    i0.ɵɵelementStart(22, "div", 105)(23, "div", 106)(24, "div", 107);
     i0.ɵɵtext(25, "Field");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 106)(27, "span", 107);
+    i0.ɵɵelementStart(26, "div", 108)(27, "span", 109);
     i0.ɵɵtext(28, "Source");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(29, "span", 108);
+    i0.ɵɵelementStart(29, "span", 110);
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 109)(32, "input", 110);
-    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_66_Template_input_change_32_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetSurvivor(0)); });
+    i0.ɵɵelementStart(31, "div", 111)(32, "input", 112);
+    i0.ɵɵlistener("change", function DuplicateDetectionResourceComponent_Conditional_68_Template_input_change_32_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetSurvivor(0)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "span", 111);
+    i0.ɵɵelementStart(33, "span", 113);
     i0.ɵɵtext(34);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(35, "button", 112);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(0)); });
-    i0.ɵɵelement(36, "i", 113);
+    i0.ɵɵelementStart(35, "button", 114);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_35_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.UseAllFieldsFrom(0)); });
+    i0.ɵɵelement(36, "i", 115);
     i0.ɵɵtext(37);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "div", 114)(39, "div", 115);
-    i0.ɵɵelement(40, "i", 116);
-    i0.ɵɵelementStart(41, "span", 117);
+    i0.ɵɵelementStart(38, "div", 116)(39, "div", 117);
+    i0.ɵɵelement(40, "i", 118);
+    i0.ɵɵelementStart(41, "span", 119);
     i0.ɵɵtext(42);
     i0.ɵɵelementEnd();
     i0.ɵɵtext(43);
-    i0.ɵɵconditionalCreate(44, DuplicateDetectionResourceComponent_Conditional_66_Conditional_44_Template, 3, 0, "span", 118);
+    i0.ɵɵconditionalCreate(44, DuplicateDetectionResourceComponent_Conditional_68_Conditional_44_Template, 3, 0, "span", 120);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(45, DuplicateDetectionResourceComponent_Conditional_66_Conditional_45_Template, 5, 6);
+    i0.ɵɵconditionalCreate(45, DuplicateDetectionResourceComponent_Conditional_68_Conditional_45_Template, 5, 6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵrepeaterCreate(46, DuplicateDetectionResourceComponent_Conditional_66_For_47_Template, 24, 26, "div", 119, _forTrack3);
-    i0.ɵɵrepeaterCreate(48, DuplicateDetectionResourceComponent_Conditional_66_For_49_Template, 8, 11, null, null, _forTrack4);
+    i0.ɵɵrepeaterCreate(46, DuplicateDetectionResourceComponent_Conditional_68_For_47_Template, 26, 26, "div", 121, _forTrack3);
+    i0.ɵɵrepeaterCreate(48, DuplicateDetectionResourceComponent_Conditional_68_For_49_Template, 8, 11, null, null, _forTrack4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(50, "div", 120)(51, "div", 121)(52, "span", 122);
+    i0.ɵɵelementStart(50, "div", 122)(51, "div", 123)(52, "span", 124);
     i0.ɵɵtext(53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "span", 123);
-    i0.ɵɵelement(55, "i", 124);
+    i0.ɵɵelementStart(54, "span", 125);
+    i0.ɵɵelement(55, "i", 126);
     i0.ɵɵtext(56, " Surviving: ");
     i0.ɵɵelementStart(57, "strong");
     i0.ɵɵtext(58);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(59, DuplicateDetectionResourceComponent_Conditional_66_Conditional_59_Template, 1, 2);
+    i0.ɵɵconditionalCreate(59, DuplicateDetectionResourceComponent_Conditional_68_Conditional_59_Template, 1, 2);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(60, "div", 125)(61, "button", 83);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_61_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.RejectMatch(ctx_r1.ComparisonGroup); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
-    i0.ɵɵelement(62, "i", 49);
+    i0.ɵɵelementStart(60, "div", 127)(61, "button", 85);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_61_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); ctx_r1.RejectMatch(ctx_r1.ComparisonGroup); return i0.ɵɵresetView(ctx_r1.CloseComparison()); });
+    i0.ɵɵelement(62, "i", 50);
     i0.ɵɵtext(63, " Reject All ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(64, "button", 126);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_66_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenMergeConfirm()); });
-    i0.ɵɵelement(65, "i", 124);
+    i0.ɵɵelementStart(64, "button", 128);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_68_Template_button_click_64_listener() { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenMergeConfirm()); });
+    i0.ɵɵelement(65, "i", 126);
     i0.ɵɵtext(66, " Merge Records ");
-    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(67, DuplicateDetectionResourceComponent_Conditional_68_Conditional_67_Template, 3, 0, "span", 129);
+    i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassProp("comparison-closing", ctx_r1.ComparisonClosing);
@@ -1027,32 +1066,34 @@ function DuplicateDetectionResourceComponent_Conditional_66_Template(rf, ctx) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("disabled", ctx_r1.IsSaving);
+    i0.ɵɵproperty("disabled", ctx_r1.IsSaving || !ctx_r1.HasMergeableMatches || !ctx_r1.MergeEnabled)("title", !ctx_r1.MergeEnabled ? "Merging is not enabled for this entity" : ctx_r1.HasMergeableMatches ? "Merge non-skipped records" : "All matches have been skipped");
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(!ctx_r1.MergeEnabled ? 67 : -1);
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_For_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 178)(1, "span", 179);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 187)(1, "span", 188);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 180);
+    i0.ɵɵelementStart(3, "span", 189);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 181);
+    i0.ɵɵelementStart(5, "span", 190);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const field_r42 = ctx.$implicit;
+    const field_r44 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(field_r42.DisplayName);
+    i0.ɵɵtextInterpolate(field_r44.DisplayName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("\"", field_r42.Value, "\"");
+    i0.ɵɵtextInterpolate1("\"", field_r44.Value, "\"");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("from ", field_r42.SourceName);
+    i0.ɵɵtextInterpolate1("from ", field_r44.SourceName);
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div")(1, "div", 177);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div")(1, "div", 186);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(3, DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_For_4_Template, 7, 3, "div", 178, _forTrack4);
+    i0.ɵɵrepeaterCreate(3, DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_For_4_Template, 7, 3, "div", 187, _forTrack4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -1061,7 +1102,7 @@ function DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_Templ
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.GetCherryPickedFields());
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1071,18 +1112,18 @@ function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5
     i0.ɵɵelementEnd();
     i0.ɵɵtext(5);
 } if (rf & 2) {
-    const col_r43 = i0.ɵɵnextContext().$implicit;
+    const col_r45 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(col_r43.DepCount);
+    i0.ɵɵtextInterpolate(col_r45.DepCount);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", col_r43.DepCount === 1 ? "dependency" : "dependencies", " from ");
+    i0.ɵɵtextInterpolate1(" ", col_r45.DepCount === 1 ? "dependency" : "dependencies", " from ");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(col_r43.Name);
+    i0.ɵɵtextInterpolate(col_r45.Name);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" \u2192 ", ctx_r1.SurvivorName(), " ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong");
     i0.ɵɵtext(1, "0");
     i0.ɵɵelementEnd();
@@ -1091,113 +1132,113 @@ function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const col_r43 = i0.ɵɵnextContext().$implicit;
+    const col_r45 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(col_r43.Name);
+    i0.ɵɵtextInterpolate(col_r45.Name);
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 184);
-    i0.ɵɵelement(1, "i", 185);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 193);
+    i0.ɵɵelement(1, "i", 194);
     i0.ɵɵelementStart(2, "span");
-    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_3_Template, 6, 4)(4, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Conditional_4_Template, 5, 1);
+    i0.ɵɵconditionalCreate(3, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Conditional_3_Template, 6, 4)(4, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Conditional_4_Template, 5, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const col_r43 = ctx.$implicit;
+    const col_r45 = ctx.$implicit;
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(col_r43.DepCount > 0 ? 3 : 4);
+    i0.ɵɵconditional(col_r45.DepCount > 0 ? 3 : 4);
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 168)(1, "div", 182);
-    i0.ɵɵelement(2, "i", 183);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 177)(1, "div", 191);
+    i0.ɵɵelement(2, "i", 192);
     i0.ɵɵtext(3, " Dependencies to Transfer");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(4, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_For_5_Template, 5, 1, "div", 184, _forTrack6);
+    i0.ɵɵrepeaterCreate(4, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_For_5_Template, 5, 1, "div", 193, _forTrack6);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r1.GetNonSurvivorColumns());
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0);
 } if (rf & 2) {
-    const col_r44 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵtextInterpolate2(" ", col_r44.DepCount, " dep", col_r44.DepCount !== 1 ? "s" : "", " transferring ");
+    const col_r46 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate2(" ", col_r46.DepCount, " dep", col_r46.DepCount !== 1 ? "s" : "", " transferring ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(0, " no deps ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_For_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 172)(1, "span", 186);
+function DuplicateDetectionResourceComponent_Conditional_69_For_29_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 181)(1, "span", 195);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 187);
-    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_4_Template, 1, 2)(5, DuplicateDetectionResourceComponent_Conditional_67_For_29_Conditional_5_Template, 1, 0);
+    i0.ɵɵelementStart(3, "span", 196);
+    i0.ɵɵconditionalCreate(4, DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_4_Template, 1, 2)(5, DuplicateDetectionResourceComponent_Conditional_69_For_29_Conditional_5_Template, 1, 0);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const col_r44 = ctx.$implicit;
+    const col_r46 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(col_r44.Name);
+    i0.ɵɵtextInterpolate(col_r46.Name);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(col_r44.DepCount > 0 ? 4 : 5);
+    i0.ɵɵconditional(col_r46.DepCount > 0 ? 4 : 5);
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_35_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 33);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_35_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 34);
     i0.ɵɵtext(1, " Merging... ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Conditional_36_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 124);
+function DuplicateDetectionResourceComponent_Conditional_69_Conditional_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 126);
     i0.ɵɵtext(1);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" Confirm Merge (", ctx_r1.GetNonSurvivorColumns().length + 1, " records \u2192 1) ");
 } }
-function DuplicateDetectionResourceComponent_Conditional_67_Template(rf, ctx) { if (rf & 1) {
-    const _r41 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 154);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r41); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
-    i0.ɵɵelementStart(1, "div", 155);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r41); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(2, "div", 156)(3, "div", 157);
-    i0.ɵɵelement(4, "i", 124);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div")(6, "div", 158);
+function DuplicateDetectionResourceComponent_Conditional_69_Template(rf, ctx) { if (rf & 1) {
+    const _r43 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 163);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
+    i0.ɵɵelementStart(1, "div", 164);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_div_click_1_listener($event) { i0.ɵɵrestoreView(_r43); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(2, "div", 165)(3, "div", 166);
+    i0.ɵɵelement(4, "i", 126);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div")(6, "div", 167);
     i0.ɵɵtext(7, "Confirm Record Merge");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 159);
+    i0.ɵɵelementStart(8, "div", 168);
     i0.ɵɵtext(9, "This action cannot be undone. Please review carefully.");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "div", 160)(11, "div", 161)(12, "div", 162);
-    i0.ɵɵelement(13, "i", 163);
+    i0.ɵɵelementStart(10, "div", 169)(11, "div", 170)(12, "div", 171);
+    i0.ɵɵelement(13, "i", 172);
     i0.ɵɵtext(14, " Surviving Record");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 164);
+    i0.ɵɵelementStart(15, "div", 173);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "div", 165);
-    i0.ɵɵelement(18, "i", 166);
+    i0.ɵɵelementStart(17, "div", 174);
+    i0.ɵɵelement(18, "i", 175);
     i0.ɵɵtext(19);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 167);
+    i0.ɵɵelementStart(20, "div", 176);
     i0.ɵɵtext(21, "This record's ID will be retained. All dependencies from merged records will be transferred here.");
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_67_Conditional_22_Template, 5, 2, "div");
-    i0.ɵɵconditionalCreate(23, DuplicateDetectionResourceComponent_Conditional_67_Conditional_23_Template, 6, 0, "div", 168);
-    i0.ɵɵelementStart(24, "div", 169)(25, "div", 170);
-    i0.ɵɵelement(26, "i", 171);
+    i0.ɵɵconditionalCreate(22, DuplicateDetectionResourceComponent_Conditional_69_Conditional_22_Template, 5, 2, "div");
+    i0.ɵɵconditionalCreate(23, DuplicateDetectionResourceComponent_Conditional_69_Conditional_23_Template, 6, 0, "div", 177);
+    i0.ɵɵelementStart(24, "div", 178)(25, "div", 179);
+    i0.ɵɵelement(26, "i", 180);
     i0.ɵɵtext(27, " Records to Delete After Merge");
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(28, DuplicateDetectionResourceComponent_Conditional_67_For_29_Template, 6, 2, "div", 172, _forTrack6);
+    i0.ɵɵrepeaterCreate(28, DuplicateDetectionResourceComponent_Conditional_69_For_29_Template, 6, 2, "div", 181, _forTrack6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(30, "div", 173)(31, "button", 174);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r41); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
-    i0.ɵɵelement(32, "i", 175);
+    i0.ɵɵelementStart(30, "div", 182)(31, "button", 183);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CloseMergeConfirm()); });
+    i0.ɵɵelement(32, "i", 184);
     i0.ɵɵtext(33, " Back ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(34, "button", 176);
-    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_67_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r41); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMerge()); });
-    i0.ɵɵconditionalCreate(35, DuplicateDetectionResourceComponent_Conditional_67_Conditional_35_Template, 2, 0)(36, DuplicateDetectionResourceComponent_Conditional_67_Conditional_36_Template, 2, 1);
+    i0.ɵɵelementStart(34, "button", 185);
+    i0.ɵɵlistener("click", function DuplicateDetectionResourceComponent_Conditional_69_Template_button_click_34_listener() { i0.ɵɵrestoreView(_r43); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ExecuteMerge()); });
+    i0.ɵɵconditionalCreate(35, DuplicateDetectionResourceComponent_Conditional_69_Conditional_35_Template, 2, 0)(36, DuplicateDetectionResourceComponent_Conditional_69_Conditional_36_Template, 2, 1);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -1219,12 +1260,20 @@ function DuplicateDetectionResourceComponent_Conditional_67_Template(rf, ctx) {
     i0.ɵɵconditional(ctx_r1.IsMerging ? 35 : 36);
 } }
 let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceComponent extends BaseResourceComponent {
+    /** Close comparison panel on Escape key */
+    OnEscapeKey() {
+        if (this.ComparisonGroup) {
+            this.CloseComparison();
+        }
+    }
     cdr = inject(ChangeDetectorRef);
     navigationService = inject(NavigationService);
     destroy$ = new Subject();
     filterSubject = new Subject();
     // Loading state
     IsLoading = false;
+    /** Whether the results area (runs/details/matches) is still loading */
+    IsLoadingResults = false;
     IsSaving = false;
     // ── Comparison Panel State ──
     /** The group being compared (null = panel closed) */
@@ -1255,6 +1304,10 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     ShowMergeConfirm = false;
     /** Whether the merge is currently executing */
     IsMerging = false;
+    /** Whether the current entity allows record merging (controls merge button availability) */
+    MergeEnabled = true;
+    /** Whether merge-not-available inline banner should be shown in the results area */
+    ShowMergeWarningBanner = false;
     // Raw data
     Runs = [];
     Details = [];
@@ -1278,6 +1331,8 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     IsDetecting = false;
     DetectionProgress = 0;
     DetectionStage = '';
+    /** Raw stage key from the last progress event — used to detect phase transitions */
+    detectionRawStage = '';
     /** Runtime threshold overrides — initialized from entity doc, adjustable via sliders */
     RunPotentialThreshold = 0.70;
     RunAbsoluteThreshold = 0.95;
@@ -1385,6 +1440,13 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     async ngAfterViewInit() {
         this.setupFilterDebounce();
         await this.LoadData();
+        this.navigationService.SetAgentContext(this, {
+            DetectionStatus: this.IsDetecting ? 'running' : 'idle',
+            PendingCount: this.PendingGroups.length,
+            ApprovedCount: this.ApprovedGroups.length,
+            RejectedCount: this.RejectedGroups.length,
+            SelectedEntityDoc: this.SelectedEntityDocumentID || null,
+        });
         this.NotifyLoadComplete();
     }
     ngOnDestroy() {
@@ -1399,58 +1461,94 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
     }
     /**
      * Loads all duplicate run data and builds the Kanban groups.
+     * Split into two phases so that controls become interactive immediately:
+     *   Phase 1 - entity docs from KH engine cache (instant)
+     *   Phase 2 - runs/details/matches via RunViews (heavy)
      */
     async LoadData() {
         this.IsLoading = true;
         this.cdr.detectChanges();
         try {
-            // Use KnowledgeHubMetadataEngine for cached entity document data
-            const engine = KnowledgeHubMetadataEngine.Instance;
-            await engine.Config(false);
-            const rv = new RunView();
-            const [runsResult, detailsResult, matchesResult] = await rv.RunViews([
-                {
-                    EntityName: 'MJ: Duplicate Runs',
-                    ExtraFilter: "ProcessingStatus IN ('Complete', 'Failed', 'In Progress')",
-                    OrderBy: 'StartedAt DESC',
-                    ResultType: 'entity_object'
-                },
-                {
-                    EntityName: 'MJ: Duplicate Run Details',
-                    ExtraFilter: "MatchStatus = 'Complete'",
-                    OrderBy: '__mj_CreatedAt DESC',
-                    ResultType: 'entity_object'
-                },
-                {
-                    EntityName: 'MJ: Duplicate Run Detail Matches',
-                    OrderBy: 'MatchProbability DESC',
-                    ResultType: 'entity_object'
-                }
-            ]);
-            if (runsResult.Success) {
-                this.Runs = runsResult.Results;
-            }
-            if (detailsResult.Success) {
-                this.Details = detailsResult.Results;
-            }
-            if (matchesResult.Success) {
-                this.Matches = matchesResult.Results;
-            }
-            // Build entity document options from cached active documents
-            this.buildEntityDocumentOptionsFromEngine(engine.GetActiveEntityDocuments());
-            this.buildGroups();
-            this.extractEntityNames();
-            this.computeDataRanges();
-            this.applyFilters();
+            // Phase 1: Populate entity document picker from cache (instant)
+            await this.loadEntityDocuments();
+            // Controls are now interactive - only the results area is loading
+            this.IsLoading = false;
+            this.IsLoadingResults = true;
+            this.cdr.detectChanges();
+            // Phase 2: Load heavy run/detail/match data
+            await this.loadRunData();
         }
         catch (error) {
             console.error('Error loading duplicate detection data:', error);
         }
         finally {
             this.IsLoading = false;
+            this.IsLoadingResults = false;
             this.cdr.detectChanges();
         }
     }
+    /** Phase 1: Load entity documents from KH engine cache (instant). */
+    async loadEntityDocuments() {
+        const engine = KnowledgeHubMetadataEngine.Instance;
+        await engine.Config(false);
+        this.buildEntityDocumentOptionsFromEngine(engine.GetActiveEntityDocuments());
+    }
+    /** Phase 2: Load runs, details, and matches via RunViews batch. */
+    async loadRunData() {
+        const rv = new RunView();
+        const [runsResult, detailsResult, matchesResult] = await rv.RunViews([
+            {
+                EntityName: 'MJ: Duplicate Runs',
+                ExtraFilter: "ProcessingStatus IN ('Complete', 'Failed', 'In Progress')",
+                OrderBy: 'StartedAt DESC',
+                ResultType: 'entity_object'
+            },
+            {
+                EntityName: 'MJ: Duplicate Run Details',
+                ExtraFilter: "MatchStatus = 'Complete'",
+                OrderBy: '__mj_CreatedAt DESC',
+                ResultType: 'entity_object'
+            },
+            {
+                EntityName: 'MJ: Duplicate Run Detail Matches',
+                OrderBy: 'MatchProbability DESC',
+                ResultType: 'entity_object'
+            }
+        ]);
+        if (runsResult.Success) {
+            this.Runs = runsResult.Results;
+        }
+        if (detailsResult.Success) {
+            this.Details = detailsResult.Results;
+        }
+        if (matchesResult.Success) {
+            this.Matches = matchesResult.Results;
+        }
+        this.buildGroups();
+        this.extractEntityNames();
+        this.computeDataRanges();
+        this.applyFilters();
+        // Reconnect to any in-progress detection run
+        this.reconnectToActiveRun();
+    }
+    /**
+     * Check if there's an in-progress detection run and reconnect to its
+     * progress subscription. This handles the case where the user navigated
+     * away and came back while a run was active.
+     */
+    reconnectToActiveRun() {
+        if (this.IsDetecting)
+            return; // Already tracking a run
+        const activeRun = this.Runs.find(r => r.ProcessingStatus === 'In Progress');
+        if (!activeRun)
+            return;
+        LogStatus(`[DuplicateDetection] Reconnecting to in-progress run ${activeRun.ID}`);
+        this.IsDetecting = true;
+        this.DetectionProgress = 0;
+        this.DetectionStage = 'Reconnecting...';
+        this.cdr.detectChanges();
+        this.subscribeToPipelineProgress(activeRun.ID);
+    }
     /**
      * Trigger a new duplicate detection run by creating a DuplicateRun entity.
      * The server hook auto-triggers detection when a run is saved with EndedAt === null.
@@ -1472,9 +1570,17 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             dupeRun.NewRecord();
             // Look up the EntityID from the entity document's entity name
             const entityInfo = md.Entities.find(e => e.Name === selectedDoc.EntityName);
-            if (entityInfo) {
-                dupeRun.EntityID = entityInfo.ID;
+            if (!entityInfo) {
+                MJNotificationService.Instance.CreateSimpleNotification(`Entity "${selectedDoc.EntityName}" not found in metadata`, 'error', 5000);
+                this.IsDetecting = false;
+                this.DetectionStage = '';
+                this.cdr.detectChanges();
+                return;
             }
+            // DD-1: Track whether merging is available for the selected entity
+            this.MergeEnabled = entityInfo.AllowRecordMerge;
+            this.ShowMergeWarningBanner = !entityInfo.AllowRecordMerge;
+            dupeRun.EntityID = entityInfo.ID;
             dupeRun.StartedByUserID = new Metadata().CurrentUser.ID;
             dupeRun.StartedAt = new Date();
             dupeRun.ProcessingStatus = 'In Progress';
@@ -1649,6 +1755,39 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         return 'Low';
     }
     /** Format a date for display */
+    /**
+     * Format a composite key string (e.g., "ID|5A07433E-F36B-1410-8AA5-00F1597429B5")
+     * into a readable format. For single-key entities, shows just the value truncated.
+     * For composite keys, shows key: value pairs.
+     */
+    /** Whether there are any non-skipped matches available for merging */
+    get HasMergeableMatches() {
+        return this.ComparisonMatches.some(m => m.Match.ApprovalStatus !== 'Rejected');
+    }
+    FormatRecordID(recordID) {
+        if (!recordID)
+            return '';
+        const pairs = recordID.split('||');
+        if (pairs.length === 1) {
+            // Single key — extract just the value
+            const parts = pairs[0].split('|');
+            if (parts.length === 2) {
+                const val = parts[1];
+                // Truncate long UUIDs
+                return val.length > 12 ? val.substring(0, 8) + '...' : val;
+            }
+            return recordID.length > 12 ? recordID.substring(0, 8) + '...' : recordID;
+        }
+        // Composite key — show key: truncated value pairs
+        return pairs.map(p => {
+            const parts = p.split('|');
+            if (parts.length === 2) {
+                const val = parts[1].length > 8 ? parts[1].substring(0, 8) + '...' : parts[1];
+                return `${parts[0]}: ${val}`;
+            }
+            return p;
+        }).join(', ');
+    }
     FormatDate(date) {
         if (!date)
             return '';
@@ -1744,6 +1883,8 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             }, 60000); // 60s timeout for duplicate detection (can be very long)
         };
         resetIdleTimer();
+        // Reset phase tracking for this new subscription
+        this.detectionRawStage = '';
         const sub = provider.subscribe(subscriptionQuery, { pipelineRunID });
         const rxSub = sub.pipe(takeUntil(this.destroy$)).subscribe({
             next: (data) => {
@@ -1751,10 +1892,22 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
                 if (!progress)
                     return;
                 const stage = progress['Stage'];
-                const pct = progress['PercentComplete'];
+                const pct = Math.max(0, Math.min(100, progress['PercentComplete']));
                 const currentItem = progress['CurrentItem'];
-                this.DetectionProgress = pct;
-                this.DetectionStage = this.formatDetectionStage(stage);
+                // Detect phase transitions vs. within-phase updates
+                const isNewPhase = stage !== this.detectionRawStage;
+                if (isNewPhase) {
+                    // New phase: reset progress and update display
+                    this.detectionRawStage = stage;
+                    this.DetectionProgress = pct;
+                    this.DetectionStage = this.formatDetectionStage(stage);
+                }
+                else {
+                    // Same phase: only move forward (never backward)
+                    if (pct >= this.DetectionProgress) {
+                        this.DetectionProgress = pct;
+                    }
+                }
                 this.DetectionCurrentItem = currentItem ?? '';
                 this.cdr.detectChanges();
                 if (stage === 'complete') {
@@ -1839,7 +1992,7 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             const metadata = this.parseRecordMetadata(detail.RecordMetadata);
             const entityName = metadata.Entity || run?.Entity || 'Unknown';
             const entityIcon = metadata.EntityIcon || 'fa-solid fa-database';
-            const recordName = metadata.Name || detail.RecordID;
+            const recordName = this.resolveRecordName(metadata, entityName, detail.RecordID);
             // Build top match summaries from match metadata
             const topMatchSummaries = this.buildTopMatchSummaries(detailMatches, 3);
             this.AllGroups.push({
@@ -2141,6 +2294,7 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         return match?.Name ?? 'Unknown';
     }
     // ════════════════════════════════════════════
+    // ════════════════════════════════════════════
     // Merge Confirmation
     // ════════════════════════════════════════════
     /** Open the merge confirmation panel */
@@ -2170,12 +2324,19 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         });
     }
     /** Get non-surviving columns with their dependency counts */
+    /** Get non-surviving columns excluding skipped (Rejected) matches for merge confirmation display */
     GetNonSurvivorColumns() {
         const result = [];
         const totalColumns = 1 + this.ComparisonMatches.length;
         for (let i = 0; i < totalColumns; i++) {
             if (i === this.SurvivorColumnIndex)
                 continue;
+            // Skip records marked as Rejected/Skipped
+            if (i > 0) {
+                const matchInfo = this.ComparisonMatches[i - 1];
+                if (matchInfo?.Match?.ApprovalStatus === 'Rejected')
+                    continue;
+            }
             result.push({
                 ColumnIndex: i,
                 Name: this.GetColumnName(i),
@@ -2244,6 +2405,12 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         for (let i = 0; i < totalColumns; i++) {
             if (i === this.SurvivorColumnIndex)
                 continue;
+            // Skip records that the user has marked as "Skipped" (Rejected)
+            if (i > 0) {
+                const matchInfo = this.ComparisonMatches[i - 1];
+                if (matchInfo?.Match?.ApprovalStatus === 'Rejected')
+                    continue;
+            }
             const keyStr = this.getCompositeKeyStringForColumn(i);
             if (keyStr) {
                 const ck = new CompositeKey();
@@ -2261,7 +2428,7 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         this.IsSaving = false;
         this.cdr.detectChanges();
     }
-    /** Reject an individual match */
+    /** Reject an individual match (skip it from merge) */
     async RejectIndividualMatch(matchInfo) {
         this.IsSaving = true;
         matchInfo.Match.ApprovalStatus = 'Rejected';
@@ -2269,6 +2436,14 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         this.IsSaving = false;
         this.cdr.detectChanges();
     }
+    /** Undo a rejected individual match (restore to Pending) */
+    async UndoRejectIndividualMatch(matchInfo) {
+        this.IsSaving = true;
+        matchInfo.Match.ApprovalStatus = 'Pending';
+        await matchInfo.Match.Save();
+        this.IsSaving = false;
+        this.cdr.detectChanges();
+    }
     /**
      * Load the actual entity records for the source + all matches in one RunView call.
      * Record IDs are stored as composite key strings (e.g., "ID|uuid") — we parse each
@@ -2377,11 +2552,12 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             .sort((a, b) => b.MatchProbability - a.MatchProbability)
             .map(m => {
             const meta = this.parseRecordMetadata(m.RecordMetadata);
-            // Try to get name from loaded entity record, fall back to vector metadata
-            const nameFromRecord = this.getRecordFieldValue(m.MatchRecordID, 'Name');
+            // Resolve display name using IsNameField fields from entity metadata
+            const entityName = this.ComparisonGroup.EntityName;
+            const resolvedName = this.resolveMatchName(entityName, m.MatchRecordID, meta);
             return {
                 Match: m,
-                Name: nameFromRecord || meta.Name || m.MatchRecordID?.substring(0, 16) + '...',
+                Name: resolvedName,
                 Score: m.MatchProbability,
                 Metadata: meta,
                 DiffCount: 0,
@@ -2398,7 +2574,15 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         const matchRecordIds = this.ComparisonGroup.Matches
             .sort((a, b) => b.MatchProbability - a.MatchProbability)
             .map(m => m.MatchRecordID);
-        for (const field of entityFields.sort((a, b) => a.Sequence - b.Sequence)) {
+        // Sort fields: IsNameField first, then DefaultInView, then by Sequence
+        const sortedFields = [...entityFields].sort((a, b) => {
+            if (a.IsNameField !== b.IsNameField)
+                return a.IsNameField ? -1 : 1;
+            if (a.DefaultInView !== b.DefaultInView)
+                return a.DefaultInView ? -1 : 1;
+            return (a.Sequence ?? 9999) - (b.Sequence ?? 9999);
+        });
+        for (const field of sortedFields) {
             if (skip.has(field.Name) || field.IsPrimaryKey)
                 continue;
             const sourceVal = this.getRecordFieldValue(sourceId, field.Name);
@@ -2441,11 +2625,86 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             .map(m => {
             const meta = this.parseRecordMetadata(m.RecordMetadata);
             return {
-                Name: meta.Name || m.MatchRecordID?.substring(0, 12) + '...',
+                Name: this.resolveRecordName(meta, this.SelectedEntityFilter || 'Unknown', m.MatchRecordID ?? ''),
                 Score: m.MatchProbability,
             };
         });
     }
+    /**
+     * Resolve match record name from loaded entity records using IsNameField fields.
+     * Falls back to metadata, then truncated record ID.
+     */
+    resolveMatchName(entityName, matchRecordID, meta) {
+        try {
+            const md = new Metadata();
+            const entityInfo = md.Entities.find(e => e.Name === entityName);
+            if (entityInfo) {
+                const nameFields = entityInfo.Fields
+                    .filter(f => f.IsNameField)
+                    .sort((a, b) => (a.Sequence ?? 9999) - (b.Sequence ?? 9999));
+                if (nameFields.length > 0) {
+                    // Try loaded entity record data first
+                    const parts = nameFields
+                        .map(f => this.getRecordFieldValue(matchRecordID, f.Name))
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (parts.length > 0)
+                        return parts.join(' ');
+                    // Fall back to vector metadata
+                    const metaParts = nameFields
+                        .map(f => meta[f.Name])
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (metaParts.length > 0)
+                        return metaParts.join(' ');
+                }
+            }
+        }
+        catch { /* fall through */ }
+        return meta.Name || this.FormatRecordID(matchRecordID ?? '');
+    }
+    /**
+     * Resolve record display name from metadata using entity IsNameField fields.
+     * Combines multiple name fields (e.g., FirstName + LastName → "Sarah Chen").
+     * Falls back to metadata.Name, then recordID.
+     */
+    resolveRecordName(metadata, entityName, recordID) {
+        try {
+            const md = new Metadata();
+            const entityInfo = md.Entities.find(e => e.Name === entityName);
+            if (entityInfo) {
+                const nameFields = entityInfo.Fields
+                    .filter(f => f.IsNameField)
+                    .sort((a, b) => (a.Sequence ?? 9999) - (b.Sequence ?? 9999));
+                if (nameFields.length > 0) {
+                    // 1. Try individual name fields from metadata (new rich metadata)
+                    const metaParts = nameFields
+                        .map(f => metadata[f.Name])
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (metaParts.length > 0)
+                        return metaParts.join(' ');
+                    // 2. Try loaded entity records (available in comparison panel)
+                    const recordParts = nameFields
+                        .map(f => this.getRecordFieldValue(recordID, f.Name))
+                        .filter(v => v != null && String(v).trim() !== '')
+                        .map(v => String(v));
+                    if (recordParts.length > 0)
+                        return recordParts.join(' ');
+                }
+                // 3. Single NameField fallback
+                if (entityInfo.NameField && metadata[entityInfo.NameField.Name]) {
+                    return String(metadata[entityInfo.NameField.Name]);
+                }
+            }
+        }
+        catch { /* fall through */ }
+        // 4. Heuristic — skip single-char or initial-only names from old sparse metadata
+        const metaName = metadata.Name;
+        if (metaName && metaName.length > 2)
+            return metaName;
+        return metadata.Title || this.FormatRecordID(recordID);
+    }
     /**
      * Determine the dominant approval status for a group of matches.
      * If any match is Pending, the group is Pending.
@@ -2530,7 +2789,9 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
         }
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵDuplicateDetectionResourceComponent_BaseFactory; return function DuplicateDetectionResourceComponent_Factory(__ngFactoryType__) { return (ɵDuplicateDetectionResourceComponent_BaseFactory || (ɵDuplicateDetectionResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DuplicateDetectionResourceComponent)))(__ngFactoryType__ || DuplicateDetectionResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateDetectionResourceComponent, selectors: [["app-duplicate-detection-resource"]], inputs: { EmbeddedMode: "EmbeddedMode" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 68, vars: 28, consts: [[1, "duplicate-detection-container"], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "fa-solid", "fa-clone"], [1, "header-actions"], [1, "run-detection-controls"], [1, "entity-doc-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", ""], [3, "value"], [1, "run-detection-btn", 3, "click", "disabled"], [1, "detection-progress-section"], [1, "threshold-controls"], [1, "kpi-strip"], [1, "kpi-card"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-card", "kpi-pending"], [1, "kpi-card", "kpi-approved"], [1, "kpi-card", "kpi-rejected"], [1, "filter-bar"], [1, "filter-group"], [1, "filter-select", 3, "ngModelChange", "ngModel", "disabled"], [1, "filter-range"], [1, "filter-label"], ["type", "number", "min", "0", "max", "1", "step", "0.05", 1, "filter-input", "filter-input-score", 3, "ngModelChange", "placeholder", "ngModel"], ["type", "date", 1, "filter-input", "filter-input-date", 3, "ngModelChange", "min", "max", "ngModel"], [1, "clear-filters-btn"], [1, "loading-container"], [1, "empty-state"], [1, "kanban-board"], [1, "saving-overlay"], [1, "merge-confirm-backdrop"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-magnifying-glass"], [1, "progress-header"], [1, "progress-stage"], [1, "progress-percent"], [1, "progress-bar-track"], [1, "progress-bar-fill"], [1, "progress-current-item"], [1, "threshold-slider-group"], [1, "threshold-label"], [1, "fa-solid", "fa-adjust"], [1, "threshold-value"], ["type", "range", 1, "threshold-slider", 3, "input", "min", "max", "step", "value", "disabled"], [1, "threshold-hint"], [1, "fa-solid", "fa-bullseye"], [1, "clear-filters-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["text", "Loading duplicate detection results..."], [1, "fa-solid", "fa-clone", "empty-icon"], [1, "empty-text"], [1, "empty-subtext"], [1, "kanban-column"], [1, "column-header", "column-header-pending"], [1, "fa-solid", "fa-clock"], [1, "column-title"], [1, "column-count"], [1, "column-body", 3, "dragover", "dragleave", "drop"], ["draggable", "true", 1, "kanban-card"], [1, "column-empty"], [1, "column-header", "column-header-approved"], [1, "fa-solid", "fa-check-circle"], [1, "column-header", "column-header-rejected"], [1, "fa-solid", "fa-ban"], ["draggable", "true", 1, "kanban-card", 3, "dragstart", "dragend", "click"], [1, "card-header"], [1, "card-header-left"], [1, "card-icon"], [1, "card-title-block"], [1, "card-record-name", 3, "title"], [1, "entity-badge"], [1, "score-indicator"], [1, "card-body"], [1, "match-summaries"], [1, "card-meta-row"], [1, "card-meta-item"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-calendar"], [1, "card-actions"], [1, "action-btn", "approve-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], [1, "action-btn", "reject-btn", 3, "click", "disabled"], [1, "match-summary-row"], [1, "match-summary-more"], [1, "match-score"], [1, "match-name"], [1, "fa-solid", "fa-inbox"], ["text", "Saving...", "size", "small"], [1, "slide-backdrop", 3, "click"], [1, "comparison-panel", 3, "click"], [1, "comparison-header"], [1, "comparison-header-left"], [1, "comparison-entity-icon"], [1, "comparison-title"], [1, "comparison-entity-badge"], [1, "comparison-match-count"], [1, "comparison-header-right"], [1, "comparison-toggle"], [1, "toggle-btn", 3, "click"], ["title", "Close (Esc)", 1, "comparison-close-btn", 3, "click"], [1, "comparison-loading"], [1, "comparison-grid-wrapper", 3, "hidden"], [1, "comparison-grid"], [1, "grid-corner-cell"], [1, "grid-col-header", "grid-col-source"], [1, "col-header-label"], [1, "col-header-name"], [1, "surviving-selector"], ["type", "radio", "name", "survivor", 1, "surviving-radio", 3, "change", "checked"], [1, "surviving-label"], [1, "use-all-btn", 3, "click"], [1, "fa-solid"], [1, "deps-summary"], [1, "deps-total"], [1, "fa-solid", "fa-link"], [1, "deps-total-number"], [1, "deps-total-recommended"], [1, "grid-col-header", 3, "match-approved", "match-rejected"], [1, "comparison-footer"], [1, "comparison-footer-left"], [1, "comparison-summary"], [1, "merge-summary"], [1, "fa-solid", "fa-code-merge"], [1, "comparison-footer-right"], [1, "action-btn", "merge-btn", 3, "click", "disabled"], ["text", "Loading records for comparison...", "size", "medium"], [1, "fa-solid", "fa-star"], [1, "deps-header", 3, "click"], [1, "deps-detail-list"], [1, "deps-detail-group"], [1, "deps-detail-row", 3, "click"], [1, "deps-detail-entity"], [1, "fa-solid", "deps-expand-icon"], [1, "deps-detail-count"], [1, "deps-records-list"], [1, "deps-record-loading"], [1, "deps-record-row"], [1, "deps-record-row", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square", "deps-record-icon"], [1, "deps-record-name"], [1, "grid-col-header"], [1, "col-header-top"], [1, "col-header-diff-count"], [1, "match-status-badge", 3, "status-approved", "status-rejected"], [1, "match-status-badge"], [1, "grid-label-cell"], [1, "grid-value-cell", "grid-source-cell", 3, "click"], [1, "field-not-available"], ["type", "radio", 1, "field-select-radio", 3, "name", "checked"], [1, "grid-value-cell", 3, "grid-row-odd", "value-same", "value-different", "field-selected"], ["type", "radio", 1, "field-select-radio", 3, "click", "change", "name", "checked"], [1, "grid-value-cell", 3, "click"], [1, "merge-confirm-backdrop", 3, "click"], [1, "merge-confirm-panel", 3, "click"], [1, "merge-confirm-header"], [1, "merge-confirm-icon"], [1, "merge-confirm-title"], [1, "merge-confirm-subtitle"], [1, "merge-confirm-body"], [1, "merge-survivor-card"], [1, "merge-survivor-label"], [1, "fa-solid", "fa-shield-halved"], [1, "merge-survivor-name"], [1, "merge-survivor-pk"], [1, "fa-solid", "fa-key"], [1, "merge-survivor-detail"], [1, "merge-deps-transfer"], [1, "merge-delete-card"], [1, "merge-delete-label"], [1, "fa-solid", "fa-trash"], [1, "merge-delete-item"], [1, "merge-confirm-footer"], [1, "action-btn", "cancel-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-left"], [1, "action-btn", "confirm-merge-btn", 3, "click", "disabled"], [1, "merge-section-label"], [1, "merge-field-override"], [1, "merge-field-name"], [1, "merge-field-value"], [1, "merge-field-source"], [1, "merge-deps-transfer-label"], [1, "fa-solid", "fa-arrow-right-arrow-left"], [1, "merge-deps-transfer-row"], [1, "fa-solid", "fa-arrow-right"], [1, "merge-delete-name"], [1, "merge-delete-deps"]], template: function DuplicateDetectionResourceComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DuplicateDetectionResourceComponent, selectors: [["app-duplicate-detection-resource"]], hostBindings: function DuplicateDetectionResourceComponent_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown.escape", function DuplicateDetectionResourceComponent_keydown_escape_HostBindingHandler() { return ctx.OnEscapeKey(); }, i0.ɵɵresolveDocument);
+        } }, inputs: { EmbeddedMode: "EmbeddedMode" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 70, vars: 29, consts: [[1, "duplicate-detection-container"], [1, "page-header"], [1, "header-left"], [1, "page-title"], [1, "fa-solid", "fa-clone"], [1, "header-actions"], [1, "run-detection-controls"], [1, "entity-doc-select", 3, "ngModelChange", "ngModel", "disabled"], ["value", ""], [3, "value"], [1, "run-detection-btn", 3, "click", "disabled"], [1, "detection-progress-section"], [1, "threshold-controls"], [1, "kpi-strip"], [1, "kpi-card"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-card", "kpi-pending"], [1, "kpi-card", "kpi-approved"], [1, "kpi-card", "kpi-rejected"], [1, "filter-bar"], [1, "filter-group"], [1, "filter-select", 3, "ngModelChange", "ngModel", "disabled"], [1, "filter-range"], [1, "filter-label"], ["type", "number", "min", "0", "max", "1", "step", "0.05", 1, "filter-input", "filter-input-score", 3, "ngModelChange", "placeholder", "ngModel"], ["type", "date", 1, "filter-input", "filter-input-date", 3, "ngModelChange", "min", "max", "ngModel"], [1, "clear-filters-btn"], [1, "merge-warning-banner"], [1, "loading-container"], [1, "empty-state"], [1, "kanban-board"], [1, "saving-overlay"], [1, "merge-confirm-backdrop"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-magnifying-glass"], [1, "progress-header"], [1, "progress-stage"], [1, "progress-percent"], [1, "progress-bar-track"], [1, "progress-bar-fill"], [1, "progress-current-item"], [1, "threshold-slider-group"], [1, "threshold-label"], [1, "fa-solid", "fa-adjust"], [1, "threshold-value"], ["type", "range", 1, "threshold-slider", 3, "input", "min", "max", "step", "value", "disabled"], [1, "threshold-hint"], [1, "fa-solid", "fa-bullseye"], [1, "clear-filters-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-triangle-exclamation"], ["text", "Loading duplicate detection results..."], [1, "fa-solid", "fa-clone", "empty-icon"], [1, "empty-text"], [1, "empty-subtext"], [1, "kanban-column"], [1, "column-header", "column-header-pending"], [1, "fa-solid", "fa-clock"], [1, "column-title"], [1, "column-count"], [1, "column-body", 3, "dragover", "dragleave", "drop"], ["draggable", "true", 1, "kanban-card"], [1, "column-empty"], [1, "column-header", "column-header-approved"], [1, "fa-solid", "fa-check-circle"], [1, "column-header", "column-header-rejected"], [1, "fa-solid", "fa-ban"], ["draggable", "true", 1, "kanban-card", 3, "dragstart", "dragend", "click"], [1, "card-header"], [1, "card-header-left"], [1, "card-icon"], [1, "card-title-block"], [1, "card-record-name", 3, "title"], [1, "entity-badge"], [1, "score-indicator"], [1, "card-body"], [1, "match-summaries"], [1, "card-meta-row"], [1, "card-meta-item"], [1, "fa-solid", "fa-layer-group"], [1, "fa-solid", "fa-calendar"], [1, "card-actions"], [1, "action-btn", "approve-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-check"], [1, "action-btn", "reject-btn", 3, "click", "disabled"], [1, "match-summary-row"], [1, "match-summary-more"], [1, "match-score"], [1, "match-name"], [1, "fa-solid", "fa-inbox"], ["text", "Saving...", "size", "small"], [1, "slide-backdrop", 3, "click"], [1, "comparison-panel", 3, "click"], [1, "comparison-header"], [1, "comparison-header-left"], [1, "comparison-entity-icon"], [1, "comparison-title"], [1, "comparison-entity-badge"], [1, "comparison-match-count"], [1, "comparison-header-right"], [1, "comparison-toggle"], [1, "toggle-btn", 3, "click"], ["title", "Close (Esc)", 1, "comparison-close-btn", 3, "click"], [1, "comparison-loading"], [1, "comparison-grid-wrapper", 3, "hidden"], [1, "comparison-grid"], [1, "grid-corner-cell"], [1, "grid-col-header", "grid-col-source"], [1, "col-header-label"], [1, "col-header-name"], [1, "surviving-selector"], ["type", "radio", "name", "survivor", 1, "surviving-radio", 3, "change", "checked"], [1, "surviving-label"], [1, "use-all-btn", 3, "click"], [1, "fa-solid"], [1, "deps-summary"], [1, "deps-total"], [1, "fa-solid", "fa-link"], [1, "deps-total-number"], [1, "deps-total-recommended"], [1, "grid-col-header", 3, "match-approved", "match-rejected"], [1, "comparison-footer"], [1, "comparison-footer-left"], [1, "comparison-summary"], [1, "merge-summary"], [1, "fa-solid", "fa-code-merge"], [1, "comparison-footer-right"], [1, "action-btn", "merge-btn", 3, "click", "disabled", "title"], [1, "merge-disabled-hint"], ["text", "Loading records for comparison...", "size", "medium"], [1, "fa-solid", "fa-star"], [1, "deps-header", 3, "click"], [1, "deps-detail-list"], [1, "deps-detail-group"], [1, "deps-detail-row", 3, "click"], [1, "deps-detail-entity"], [1, "fa-solid", "deps-expand-icon"], [1, "deps-detail-count"], [1, "deps-records-list"], [1, "deps-record-loading"], [1, "deps-record-row"], [1, "deps-record-row", 3, "click"], [1, "fa-solid", "fa-arrow-up-right-from-square", "deps-record-icon"], [1, "deps-record-name"], [1, "grid-col-header"], [1, "col-header-top"], [1, "col-header-diff-count"], [1, "match-approval-actions"], ["title", "Skip this match (exclude from merge)", 1, "match-action-btn", "match-skip-btn"], ["title", "Skip this match (exclude from merge)", 1, "match-action-btn", "match-skip-btn", 3, "click"], [1, "match-status-badge"], ["title", "Undo skip", 1, "match-action-btn", "match-undo-btn"], ["title", "Undo skip", 1, "match-action-btn", "match-undo-btn", 3, "click"], [1, "fa-solid", "fa-undo"], [1, "grid-label-cell"], [1, "grid-value-cell", "grid-source-cell", 3, "click"], [1, "field-not-available"], ["type", "radio", 1, "field-select-radio", 3, "name", "checked"], [1, "grid-value-cell", 3, "grid-row-odd", "value-same", "value-different", "field-selected"], ["type", "radio", 1, "field-select-radio", 3, "click", "change", "name", "checked"], [1, "grid-value-cell", 3, "click"], [1, "fa-solid", "fa-info-circle"], [1, "merge-confirm-backdrop", 3, "click"], [1, "merge-confirm-panel", 3, "click"], [1, "merge-confirm-header"], [1, "merge-confirm-icon"], [1, "merge-confirm-title"], [1, "merge-confirm-subtitle"], [1, "merge-confirm-body"], [1, "merge-survivor-card"], [1, "merge-survivor-label"], [1, "fa-solid", "fa-shield-halved"], [1, "merge-survivor-name"], [1, "merge-survivor-pk"], [1, "fa-solid", "fa-key"], [1, "merge-survivor-detail"], [1, "merge-deps-transfer"], [1, "merge-delete-card"], [1, "merge-delete-label"], [1, "fa-solid", "fa-trash"], [1, "merge-delete-item"], [1, "merge-confirm-footer"], [1, "action-btn", "cancel-btn", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-left"], [1, "action-btn", "confirm-merge-btn", 3, "click", "disabled"], [1, "merge-section-label"], [1, "merge-field-override"], [1, "merge-field-name"], [1, "merge-field-value"], [1, "merge-field-source"], [1, "merge-deps-transfer-label"], [1, "fa-solid", "fa-arrow-right-arrow-left"], [1, "merge-deps-transfer-row"], [1, "fa-solid", "fa-arrow-right"], [1, "merge-delete-name"], [1, "merge-delete-deps"]], template: function DuplicateDetectionResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2", 3);
             i0.ɵɵelement(4, "i", 4);
             i0.ɵɵtext(5, " Duplicate Detection ");
@@ -2608,10 +2869,11 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             i0.ɵɵelementEnd()()();
             i0.ɵɵconditionalCreate(61, DuplicateDetectionResourceComponent_Conditional_61_Template, 3, 0, "button", 27);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(62, DuplicateDetectionResourceComponent_Conditional_62_Template, 2, 0, "div", 28)(63, DuplicateDetectionResourceComponent_Conditional_63_Template, 6, 0, "div", 29)(64, DuplicateDetectionResourceComponent_Conditional_64_Template, 34, 12, "div", 30);
-            i0.ɵɵconditionalCreate(65, DuplicateDetectionResourceComponent_Conditional_65_Template, 2, 0, "div", 31);
-            i0.ɵɵconditionalCreate(66, DuplicateDetectionResourceComponent_Conditional_66_Template, 67, 40);
-            i0.ɵɵconditionalCreate(67, DuplicateDetectionResourceComponent_Conditional_67_Template, 37, 7, "div", 32);
+            i0.ɵɵconditionalCreate(62, DuplicateDetectionResourceComponent_Conditional_62_Template, 3, 0, "div", 28);
+            i0.ɵɵconditionalCreate(63, DuplicateDetectionResourceComponent_Conditional_63_Template, 2, 0, "div", 29)(64, DuplicateDetectionResourceComponent_Conditional_64_Template, 2, 0, "div", 29)(65, DuplicateDetectionResourceComponent_Conditional_65_Template, 6, 0, "div", 30)(66, DuplicateDetectionResourceComponent_Conditional_66_Template, 34, 12, "div", 31);
+            i0.ɵɵconditionalCreate(67, DuplicateDetectionResourceComponent_Conditional_67_Template, 2, 0, "div", 32);
+            i0.ɵɵconditionalCreate(68, DuplicateDetectionResourceComponent_Conditional_68_Template, 68, 42);
+            i0.ɵɵconditionalCreate(69, DuplicateDetectionResourceComponent_Conditional_69_Template, 37, 7, "div", 33);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(8);
@@ -2657,14 +2919,16 @@ let DuplicateDetectionResourceComponent = class DuplicateDetectionResourceCompon
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.HasActiveFilters ? 61 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.IsLoading ? 62 : ctx.TotalGroupCount === 0 ? 63 : 64);
-            i0.ɵɵadvance(3);
-            i0.ɵɵconditional(ctx.IsSaving ? 65 : -1);
+            i0.ɵɵconditional(ctx.ShowMergeWarningBanner ? 62 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 63 : ctx.IsLoadingResults ? 64 : ctx.TotalGroupCount === 0 ? 65 : 66);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.IsSaving ? 67 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ComparisonGroup ? 66 : -1);
+            i0.ɵɵconditional(ctx.ComparisonGroup ? 68 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowMergeConfirm && ctx.ComparisonGroup ? 67 : -1);
-        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent], styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\n   ============================================================ */\n\napp-duplicate-detection-resource {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.duplicate-detection-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 16px 20px;\n    background: var(--mj-bg-page);\n    position: relative;\n    overflow: hidden;\n}\n\n/* ---- Page Header ---- */\n\n.page-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.page-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.page-title i {\n    color: var(--mj-brand-primary);\n}\n\n/* ---- Header Actions ---- */\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.run-detection-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.entity-doc-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    min-width: 200px;\n}\n\n.entity-doc-select:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.run-detection-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 600;\n    transition: background 0.15s;\n    white-space: nowrap;\n}\n\n.run-detection-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.run-detection-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Detection Progress ---- */\n\n.detection-progress-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.progress-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.progress-stage {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.progress-percent {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.progress-bar-track {\n    height: 6px;\n    border-radius: 3px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    background: var(--mj-brand-primary);\n    transition: width 0.3s ease;\n}\n\n.progress-current-item {\n    display: block;\n    margin-top: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* ---- Threshold Controls ---- */\n\n.threshold-controls {\n    display: flex;\n    gap: 24px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-subtle);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-slider-group {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.threshold-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.threshold-value {\n    margin-left: auto;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.threshold-slider {\n    width: 100%;\n    height: 4px;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n\n.threshold-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.threshold-hint {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* ---- Threshold Info (legacy) ---- */\n\n.threshold-info {\n    display: flex;\n    gap: 16px;\n    padding: 8px 14px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-info) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-info-border);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-status-info-text);\n    font-weight: 500;\n}\n\n.threshold-item i {\n    font-size: 11px;\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n}\n\n.kpi-pending .kpi-value {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved .kpi-value {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected .kpi-value {\n    color: var(--mj-status-error);\n}\n\n/* ---- Filter Bar ---- */\n\n.filter-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.filter-group {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select {\n    height: 34px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    min-width: 160px;\n}\n\n.filter-select:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-range {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label {\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.filter-input {\n    height: 34px;\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    width: 100px;\n}\n\n.filter-input-score {\n    width: 80px;\n}\n\n.filter-input-date {\n    width: 140px;\n}\n\n.filter-input:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.clear-filters-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 34px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.clear-filters-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Empty States ---- */\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n    gap: 8px;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n/* ---- Kanban Board ---- */\n\n.kanban-board {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column {\n    flex: 1;\n    min-width: 280px;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.column-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n\n.column-header-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending i {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved i {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected i {\n    color: var(--mj-status-error);\n}\n\n.column-title {\n    flex: 1;\n}\n\n.column-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.column-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.column-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.column-empty i {\n    font-size: 24px;\n}\n\n/* ---- Kanban Cards ---- */\n\n.kanban-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: box-shadow 0.15s ease, border-color 0.15s ease;\n    flex-shrink: 0; /* Prevent cards from shrinking \u2014 column scrolls instead */\n}\n\n.kanban-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n/* Drag and Drop */\n.kanban-card[draggable=\"true\"] {\n    cursor: grab;\n}\n\n.kanban-card[draggable=\"true\"]:active {\n    cursor: grabbing;\n}\n\n.drop-target-active {\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface-card)) !important;\n}\n\n.drop-target-active .column-body {\n    min-height: 100px;\n}\n\n.card-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    gap: 8px;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    flex: 1;\n}\n\n.card-icon {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n}\n\n.card-title-block {\n    min-width: 0;\n    flex: 1;\n}\n\n.card-record-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-bottom: 2px;\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.2px;\n}\n\n/* Score indicator colors */\n\n.score-indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.score-high {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.score-medium {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.score-low {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.card-body {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.match-summaries {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.match-summary-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.match-score {\n    flex-shrink: 0;\n    font-weight: 600;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    min-width: 30px;\n}\n\n.match-name {\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.match-summary-more {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    padding-left: 38px;\n}\n\n.card-meta-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    border-top: 1px solid var(--mj-border-subtle);\n    padding-top: 6px;\n}\n\n.card-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.card-meta-item i {\n    font-size: 10px;\n}\n    font-size: 12px;\n    max-width: 180px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Comparison Slide-In Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.slide-backdrop {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 9999;\n    animation: fadeIn 0.2s ease;\n}\n\n.slide-backdrop.comparison-closing {\n    animation: fadeOut 0.25s ease forwards;\n}\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }\n\n.comparison-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 82vw;\n    max-width: 1300px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0,0,0,0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.comparison-panel.comparison-closing {\n    animation: slideOut 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\n@keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\n\n/* Header */\n.comparison-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    gap: 12px;\n}\n\n.comparison-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.comparison-entity-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.comparison-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.comparison-entity-badge {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    margin-right: 6px;\n}\n\n.comparison-match-count {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.comparison-header-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n}\n\n/* Toggle */\n.comparison-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 5px 12px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.toggle-btn:first-child {\n    border-right: 1px solid var(--mj-border-default);\n}\n\n.toggle-btn.toggle-active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.comparison-close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.comparison-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Loading state */\n.comparison-loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Grid wrapper */\n.comparison-grid-wrapper {\n    flex: 1;\n    overflow: auto;\n    min-height: 0;\n}\n\n/* Grid */\n.comparison-grid {\n    display: grid;\n    min-width: 100%;\n}\n\n.comparison-grid > div {\n    padding: 8px 12px;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    border-right: 1px solid var(--mj-border-subtle);\n}\n\n/* Corner cell */\n.grid-corner-cell {\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 4;\n    background: var(--mj-bg-surface-elevated);\n    font-size: 0.65rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 6px;\n}\n\n/* Column headers */\n.grid-col-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: var(--mj-bg-surface-elevated);\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.grid-col-source {\n    border-left: 3px solid var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface-elevated));\n}\n\n.col-header-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n}\n\n.col-header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.col-header-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.col-header-diff-count {\n    font-size: 0.65rem;\n    color: var(--mj-status-warning-text);\n}\n\n/* Surviving record selector */\n.surviving-selector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.surviving-radio {\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.surviving-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2px var(--mj-bg-surface-elevated);\n}\n\n.surviving-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.surviving-label.is-survivor {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Use all fields button */\n.use-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.62rem;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-top: 2px;\n}\n\n.use-all-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.use-all-btn.all-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* Per-match actions */\n.comparison-match-actions {\n    display: flex;\n    gap: 4px;\n    margin-top: 3px;\n}\n\n.action-btn-sm {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 0.65rem;\n    transition: all 0.15s ease;\n}\n\n.approve-btn-sm {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n.approve-btn-sm:hover { background: rgba(34,197,94,0.25); }\n\n.reject-btn-sm {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n.reject-btn-sm:hover { background: rgba(239,68,68,0.25); }\n\n.match-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.68rem;\n    font-weight: 500;\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-approved {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.status-rejected {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.match-approved {\n    border-top: 3px solid var(--mj-status-success);\n}\n\n.match-rejected {\n    border-top: 3px solid var(--mj-status-error);\n    opacity: 0.6;\n}\n\n/* Label cells */\n.grid-label-cell {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n}\n\n.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n.grid-label-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n/* Value cells */\n.grid-value-cell {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n    word-break: break-word;\n    position: relative;\n    cursor: pointer;\n}\n\n.grid-source-cell {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n    border-left: 3px solid transparent;\n}\n\n.grid-source-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface)));\n}\n\n.grid-source-cell.has-diff-in-row {\n    font-weight: 600;\n}\n\n/* Diff highlighting */\n.value-same {\n    color: var(--mj-text-muted);\n}\n\n.value-different {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, transparent) !important;\n    border-left: 3px solid var(--mj-status-warning);\n    color: var(--mj-text-primary);\n}\n\n.field-not-available {\n    font-style: italic;\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n/* Field selection radio */\n.field-select-radio {\n    position: absolute;\n    top: 50%;\n    right: 8px;\n    transform: translateY(-50%);\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    opacity: 0.4;\n}\n\n.field-select-radio:hover {\n    opacity: 0.8;\n}\n\n.field-select-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2.5px var(--mj-bg-surface);\n    opacity: 1;\n}\n\n.grid-value-cell.field-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.grid-value-cell.field-selected .field-select-radio {\n    opacity: 1;\n}\n\n/* Footer */\n.comparison-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 20px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.comparison-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.comparison-summary {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.merge-summary {\n    font-size: 0.72rem;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.merge-summary i {\n    font-size: 0.65rem;\n}\n\n.comparison-footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.comparison-footer-right .action-btn {\n    flex: none;\n    padding: 7px 14px;\n}\n\n.merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.merge-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.card-actions {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n\n.approve-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n\n.reject-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 768px) {\n    .kanban-board {\n        flex-direction: column;\n    }\n\n    .kanban-column {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        flex-direction: column;\n    }\n\n    .filter-bar {\n        flex-wrap: wrap;\n    }\n\n    .filter-group {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input {\n        width: 100%;\n    }\n\n    .card-actions {\n        flex-direction: column;\n    }\n\n    .action-btn {\n        width: 100%;\n    }\n}\n\n/* ---- Saving Overlay ---- */\n\n.saving-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay);\n    z-index: 10;\n    border-radius: 8px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Dependencies Summary (in column headers)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.deps-summary {\n    margin-top: 6px;\n    padding: 6px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.68rem;\n}\n\n.deps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.deps-header i {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-header:hover {\n    color: var(--mj-text-primary);\n}\n\n.deps-total {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin-bottom: 2px;\n}\n\n.deps-total i {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-total-number {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    padding: 0 6px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n}\n\n.deps-total-recommended {\n    font-size: 0.58rem;\n    color: var(--mj-status-success-text);\n    font-weight: 600;\n    margin-left: 4px;\n}\n\n.deps-total-recommended i {\n    color: var(--mj-status-success-text);\n}\n\n.deps-detail-list {\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.deps-detail-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 3px 0;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: background 0.1s ease;\n}\n\n.deps-detail-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.deps-detail-entity {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.deps-expand-icon {\n    font-size: 0.5rem;\n    width: 10px;\n    text-align: center;\n    color: var(--mj-text-muted);\n}\n\n/* Individual dependency records list */\n.deps-records-list {\n    padding-left: 14px;\n    margin-bottom: 2px;\n}\n\n.deps-record-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: color 0.1s ease, background 0.1s ease;\n}\n\n.deps-record-row:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.deps-record-icon {\n    font-size: 0.5rem;\n    flex-shrink: 0;\n}\n\n.deps-record-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 0.6rem;\n}\n\n.deps-record-loading {\n    padding: 3px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-record-loading i {\n    margin-right: 4px;\n}\n\n.deps-detail-count {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Merge Confirmation Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-confirm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 20000;\n    animation: fadeIn 0.2s ease;\n}\n\n.merge-confirm-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 20001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.merge-confirm-header {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.merge-confirm-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.merge-confirm-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.merge-confirm-subtitle {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.merge-confirm-body {\n    padding: 20px 24px;\n    overflow-y: auto;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* Surviving record card */\n\n.merge-survivor-card {\n    padding: 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n}\n\n.merge-survivor-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 4px;\n}\n\n.merge-survivor-label i {\n    margin-right: 4px;\n}\n\n.merge-survivor-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.merge-survivor-pk {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-radius: 4px;\n    font-size: 0.68rem;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.merge-survivor-pk i {\n    font-size: 0.6rem;\n    color: var(--mj-brand-primary);\n}\n\n.merge-survivor-detail {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* Cherry-picked fields section */\n\n.merge-section-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 6px;\n}\n\n.merge-field-override {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.merge-field-name {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    min-width: 110px;\n    flex-shrink: 0;\n}\n\n.merge-field-value {\n    color: var(--mj-text-primary);\n}\n\n.merge-field-source {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* Dependency transfer summary */\n\n.merge-deps-transfer {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.merge-deps-transfer-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-brand-primary);\n    margin-bottom: 6px;\n}\n\n.merge-deps-transfer-label i {\n    margin-right: 4px;\n}\n\n.merge-deps-transfer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 3px 0;\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.merge-deps-transfer-row i {\n    color: var(--mj-brand-primary);\n    font-size: 0.65rem;\n    width: 14px;\n    text-align: center;\n}\n\n/* Records to delete */\n\n.merge-delete-card {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n}\n\n.merge-delete-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-status-error-text);\n    margin-bottom: 6px;\n}\n\n.merge-delete-label i {\n    margin-right: 4px;\n}\n\n.merge-delete-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.merge-delete-item:last-child {\n    border-bottom: none;\n}\n\n.merge-delete-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.merge-delete-deps {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Confirm footer */\n\n.merge-confirm-footer {\n    padding: 14px 24px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n}\n\n.cancel-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.cancel-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.confirm-merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.confirm-merge-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.confirm-merge-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Responsive: Merge Confirm ---- */\n\n@media (max-width: 600px) {\n    .merge-confirm-panel {\n        width: 100%;\n    }\n}\n"], encapsulation: 2 });
+            i0.ɵɵconditional(ctx.ShowMergeConfirm && ctx.ComparisonGroup ? 69 : -1);
+        } }, dependencies: [i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, i2.LoadingComponent], styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\n   ============================================================ */\n\napp-duplicate-detection-resource {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.duplicate-detection-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 16px 20px;\n    background: var(--mj-bg-page);\n    position: relative;\n    overflow: hidden;\n}\n\n/* ---- Page Header ---- */\n\n.page-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.page-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.page-title i {\n    color: var(--mj-brand-primary);\n}\n\n/* ---- Header Actions ---- */\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.run-detection-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.entity-doc-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    min-width: 200px;\n}\n\n.entity-doc-select:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.run-detection-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 600;\n    transition: background 0.15s;\n    white-space: nowrap;\n}\n\n.run-detection-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.run-detection-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Detection Progress ---- */\n\n.detection-progress-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.progress-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.progress-stage {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.progress-percent {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.progress-bar-track {\n    height: 6px;\n    border-radius: 3px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    background: var(--mj-brand-primary);\n    transition: width 0.3s ease;\n}\n\n.progress-current-item {\n    display: block;\n    margin-top: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* ---- Threshold Controls ---- */\n\n.threshold-controls {\n    display: flex;\n    gap: 24px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-subtle);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-slider-group {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.threshold-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.threshold-value {\n    margin-left: auto;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.threshold-slider {\n    width: 100%;\n    height: 4px;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n\n.threshold-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.threshold-hint {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* ---- Threshold Info (legacy) ---- */\n\n.threshold-info {\n    display: flex;\n    gap: 16px;\n    padding: 8px 14px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-info) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-info-border);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-status-info-text);\n    font-weight: 500;\n}\n\n.threshold-item i {\n    font-size: 11px;\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n}\n\n.kpi-pending .kpi-value {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved .kpi-value {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected .kpi-value {\n    color: var(--mj-status-error);\n}\n\n/* ---- Filter Bar ---- */\n\n.filter-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.filter-group {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select {\n    height: 34px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    min-width: 160px;\n}\n\n.filter-select:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-range {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label {\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.filter-input {\n    height: 34px;\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    width: 100px;\n}\n\n.filter-input-score {\n    width: 80px;\n}\n\n.filter-input-date {\n    width: 140px;\n}\n\n.filter-input:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.clear-filters-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 34px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.clear-filters-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Empty States ---- */\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n    gap: 8px;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n/* ---- Kanban Board ---- */\n\n.kanban-board {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column {\n    flex: 1;\n    min-width: 280px;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.column-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n\n.column-header-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending i {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved i {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected i {\n    color: var(--mj-status-error);\n}\n\n.column-title {\n    flex: 1;\n}\n\n.column-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.column-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.column-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.column-empty i {\n    font-size: 24px;\n}\n\n/* ---- Kanban Cards ---- */\n\n.kanban-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: box-shadow 0.15s ease, border-color 0.15s ease;\n    flex-shrink: 0; /* Prevent cards from shrinking \u2014 column scrolls instead */\n}\n\n.kanban-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n/* Drag and Drop */\n.kanban-card[draggable=\"true\"] {\n    cursor: grab;\n}\n\n.kanban-card[draggable=\"true\"]:active {\n    cursor: grabbing;\n}\n\n.drop-target-active {\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface-card)) !important;\n}\n\n.drop-target-active .column-body {\n    min-height: 100px;\n}\n\n.card-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    gap: 8px;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    flex: 1;\n}\n\n.card-icon {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n}\n\n.card-title-block {\n    min-width: 0;\n    flex: 1;\n}\n\n.card-record-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-bottom: 2px;\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.2px;\n}\n\n/* Score indicator colors */\n\n.score-indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.score-high {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.score-medium {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.score-low {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.card-body {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.match-summaries {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.match-summary-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.match-score {\n    flex-shrink: 0;\n    font-weight: 600;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    min-width: 30px;\n}\n\n.match-name {\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.match-summary-more {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    padding-left: 38px;\n}\n\n.card-meta-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    border-top: 1px solid var(--mj-border-subtle);\n    padding-top: 6px;\n}\n\n.card-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.card-meta-item i {\n    font-size: 10px;\n}\n    font-size: 12px;\n    max-width: 180px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Comparison Slide-In Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.slide-backdrop {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 9999;\n    animation: fadeIn 0.2s ease;\n}\n\n.slide-backdrop.comparison-closing {\n    animation: fadeOut 0.25s ease forwards;\n}\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }\n\n.comparison-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 82vw;\n    max-width: 1300px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0,0,0,0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.comparison-panel.comparison-closing {\n    animation: slideOut 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\n@keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\n\n/* Header */\n.comparison-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    gap: 12px;\n}\n\n.comparison-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.comparison-entity-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.comparison-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.comparison-entity-badge {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    margin-right: 6px;\n}\n\n.comparison-match-count {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.comparison-header-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n}\n\n/* Toggle */\n.comparison-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 5px 12px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.toggle-btn:first-child {\n    border-right: 1px solid var(--mj-border-default);\n}\n\n.toggle-btn.toggle-active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.comparison-close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.comparison-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Loading state */\n.comparison-loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Grid wrapper */\n.comparison-grid-wrapper {\n    flex: 1;\n    overflow: auto;\n    min-height: 0;\n}\n\n/* Grid */\n.comparison-grid {\n    display: grid;\n    min-width: 100%;\n}\n\n.comparison-grid > div {\n    padding: 8px 12px;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    border-right: 1px solid var(--mj-border-subtle);\n}\n\n/* Corner cell */\n.grid-corner-cell {\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 4;\n    background: var(--mj-bg-surface-elevated);\n    font-size: 0.65rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 6px;\n}\n\n/* Column headers */\n.grid-col-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: var(--mj-bg-surface-elevated);\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.grid-col-source {\n    border-left: 3px solid var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface-elevated));\n}\n\n.col-header-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n}\n\n.col-header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.col-header-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.col-header-diff-count {\n    font-size: 0.65rem;\n    color: var(--mj-status-warning-text);\n}\n\n/* Surviving record selector */\n.surviving-selector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.surviving-radio {\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.surviving-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2px var(--mj-bg-surface-elevated);\n}\n\n.surviving-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.surviving-label.is-survivor {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Use all fields button */\n.use-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.62rem;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-top: 2px;\n}\n\n.use-all-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.use-all-btn.all-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* Per-match actions */\n.comparison-match-actions {\n    display: flex;\n    gap: 4px;\n    margin-top: 3px;\n}\n\n.action-btn-sm {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 0.65rem;\n    transition: all 0.15s ease;\n}\n\n.approve-btn-sm {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n.approve-btn-sm:hover { background: rgba(34,197,94,0.25); }\n\n.reject-btn-sm {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n.reject-btn-sm:hover { background: rgba(239,68,68,0.25); }\n\n.match-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.68rem;\n    font-weight: 500;\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-approved {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.status-rejected {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.match-approval-actions {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.match-action-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 6px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.match-skip-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n.match-skip-btn:hover {\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error);\n}\n\n.match-undo-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.match-undo-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n}\n\n.match-approved {\n    border-top: 3px solid var(--mj-status-success);\n}\n\n.match-rejected {\n    border-top: 3px solid var(--mj-status-error);\n    opacity: 0.6;\n}\n\n/* Label cells */\n.grid-label-cell {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n}\n\n.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n.grid-label-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n/* Value cells */\n.grid-value-cell {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n    word-break: break-word;\n    position: relative;\n    cursor: pointer;\n}\n\n.grid-source-cell {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n    border-left: 3px solid transparent;\n}\n\n.grid-source-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface)));\n}\n\n.grid-source-cell.has-diff-in-row {\n    font-weight: 600;\n}\n\n/* Diff highlighting */\n.value-same {\n    color: var(--mj-text-muted);\n}\n\n.value-different {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, transparent) !important;\n    border-left: 3px solid var(--mj-status-warning);\n    color: var(--mj-text-primary);\n}\n\n.field-not-available {\n    font-style: italic;\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n/* Field selection radio */\n.field-select-radio {\n    position: absolute;\n    top: 50%;\n    right: 8px;\n    transform: translateY(-50%);\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    opacity: 0.4;\n}\n\n.field-select-radio:hover {\n    opacity: 0.8;\n}\n\n.field-select-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2.5px var(--mj-bg-surface);\n    opacity: 1;\n}\n\n.grid-value-cell.field-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.grid-value-cell.field-selected .field-select-radio {\n    opacity: 1;\n}\n\n/* Footer */\n.comparison-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 20px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.comparison-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.comparison-summary {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.merge-summary {\n    font-size: 0.72rem;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.merge-summary i {\n    font-size: 0.65rem;\n}\n\n.comparison-footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.comparison-footer-right .action-btn {\n    flex: none;\n    padding: 7px 14px;\n}\n\n.merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.merge-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.card-actions {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n\n.approve-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n\n.reject-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 768px) {\n    .kanban-board {\n        flex-direction: column;\n    }\n\n    .kanban-column {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        flex-direction: column;\n    }\n\n    .filter-bar {\n        flex-wrap: wrap;\n    }\n\n    .filter-group {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input {\n        width: 100%;\n    }\n\n    .card-actions {\n        flex-direction: column;\n    }\n\n    .action-btn {\n        width: 100%;\n    }\n}\n\n/* ---- Saving Overlay ---- */\n\n.saving-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay);\n    z-index: 10;\n    border-radius: 8px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Dependencies Summary (in column headers)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.deps-summary {\n    margin-top: 6px;\n    padding: 6px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.68rem;\n}\n\n.deps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.deps-header i {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-header:hover {\n    color: var(--mj-text-primary);\n}\n\n.deps-total {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin-bottom: 2px;\n}\n\n.deps-total i {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-total-number {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    padding: 0 6px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n}\n\n.deps-total-recommended {\n    font-size: 0.58rem;\n    color: var(--mj-status-success-text);\n    font-weight: 600;\n    margin-left: 4px;\n}\n\n.deps-total-recommended i {\n    color: var(--mj-status-success-text);\n}\n\n.deps-detail-list {\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.deps-detail-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 3px 0;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: background 0.1s ease;\n}\n\n.deps-detail-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.deps-detail-entity {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.deps-expand-icon {\n    font-size: 0.5rem;\n    width: 10px;\n    text-align: center;\n    color: var(--mj-text-muted);\n}\n\n/* Individual dependency records list */\n.deps-records-list {\n    padding-left: 14px;\n    margin-bottom: 2px;\n}\n\n.deps-record-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: color 0.1s ease, background 0.1s ease;\n}\n\n.deps-record-row:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.deps-record-icon {\n    font-size: 0.5rem;\n    flex-shrink: 0;\n}\n\n.deps-record-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 0.6rem;\n}\n\n.deps-record-loading {\n    padding: 3px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-record-loading i {\n    margin-right: 4px;\n}\n\n.deps-detail-count {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Merge Confirmation Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-confirm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 20000;\n    animation: fadeIn 0.2s ease;\n}\n\n.merge-confirm-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 20001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.merge-confirm-header {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.merge-confirm-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.merge-confirm-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.merge-confirm-subtitle {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.merge-confirm-body {\n    padding: 20px 24px;\n    overflow-y: auto;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* Surviving record card */\n\n.merge-survivor-card {\n    padding: 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n}\n\n.merge-survivor-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 4px;\n}\n\n.merge-survivor-label i {\n    margin-right: 4px;\n}\n\n.merge-survivor-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.merge-survivor-pk {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-radius: 4px;\n    font-size: 0.68rem;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.merge-survivor-pk i {\n    font-size: 0.6rem;\n    color: var(--mj-brand-primary);\n}\n\n.merge-survivor-detail {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* Cherry-picked fields section */\n\n.merge-section-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 6px;\n}\n\n.merge-field-override {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.merge-field-name {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    min-width: 110px;\n    flex-shrink: 0;\n}\n\n.merge-field-value {\n    color: var(--mj-text-primary);\n}\n\n.merge-field-source {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* Dependency transfer summary */\n\n.merge-deps-transfer {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.merge-deps-transfer-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-brand-primary);\n    margin-bottom: 6px;\n}\n\n.merge-deps-transfer-label i {\n    margin-right: 4px;\n}\n\n.merge-deps-transfer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 3px 0;\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.merge-deps-transfer-row i {\n    color: var(--mj-brand-primary);\n    font-size: 0.65rem;\n    width: 14px;\n    text-align: center;\n}\n\n/* Records to delete */\n\n.merge-delete-card {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n}\n\n.merge-delete-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-status-error-text);\n    margin-bottom: 6px;\n}\n\n.merge-delete-label i {\n    margin-right: 4px;\n}\n\n.merge-delete-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.merge-delete-item:last-child {\n    border-bottom: none;\n}\n\n.merge-delete-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.merge-delete-deps {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Confirm footer */\n\n.merge-confirm-footer {\n    padding: 14px 24px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n}\n\n.cancel-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.cancel-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.confirm-merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.confirm-merge-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.confirm-merge-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Responsive: Merge Confirm ---- */\n\n@media (max-width: 600px) {\n    .merge-confirm-panel {\n        width: 100%;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Disabled Hint \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-disabled-hint {\n    font-size: 11.5px;\n    color: var(--mj-status-warning-text, #e65100);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: 4px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Warning Banner (inline, non-blocking) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-warning-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    margin-bottom: 12px;\n    border-radius: 6px;\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n    font-size: 13px;\n    font-weight: 500;\n    flex-shrink: 0;\n}\n\n.merge-warning-banner i {\n    font-size: 14px;\n    flex-shrink: 0;\n}\n"], encapsulation: 2 });
 };
 DuplicateDetectionResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'DuplicateDetectionResource')
@@ -2672,8 +2936,11 @@ DuplicateDetectionResourceComponent = __decorate([
 export { DuplicateDetectionResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DuplicateDetectionResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-duplicate-detection-resource', encapsulation: ViewEncapsulation.None, template: "<div class=\"duplicate-detection-container\">\n    <!-- Header -->\n    <div class=\"page-header\">\n        <div class=\"header-left\">\n            <h2 class=\"page-title\">\n                <i class=\"fa-solid fa-clone\"></i> Duplicate Detection\n            </h2>\n        </div>\n        <div class=\"header-actions\">\n            <div class=\"run-detection-controls\">\n                <select class=\"entity-doc-select\"\n                        [(ngModel)]=\"SelectedEntityDocumentID\"\n                        [disabled]=\"IsDetecting\">\n                    <option value=\"\">Select entity document...</option>\n                    @for (doc of EntityDocuments; track doc.ID) {\n                        <option [value]=\"doc.ID\">{{ doc.Name }} ({{ doc.EntityName }})</option>\n                    }\n                </select>\n                <button class=\"run-detection-btn\"\n                        (click)=\"RunDetection()\"\n                        [disabled]=\"IsDetecting || !SelectedEntityDocumentID\">\n                    @if (IsDetecting) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Detecting...\n                    } @else {\n                        <i class=\"fa-solid fa-magnifying-glass\"></i> Run Detection\n                    }\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <!-- Detection Progress (visible during run) -->\n    @if (IsDetecting) {\n        <div class=\"detection-progress-section\">\n            <div class=\"progress-header\">\n                <span class=\"progress-stage\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    {{ DetectionStage }}\n                </span>\n                <span class=\"progress-percent\">{{ DetectionProgress }}%</span>\n            </div>\n            <div class=\"progress-bar-track\">\n                <div class=\"progress-bar-fill\" [style.width.%]=\"DetectionProgress\"></div>\n            </div>\n            @if (DetectionCurrentItem) {\n                <span class=\"progress-current-item\">{{ DetectionCurrentItem }}</span>\n            }\n        </div>\n    }\n\n    <!-- Threshold Controls (when entity doc selected) -->\n    @if (SelectedDocumentThresholds) {\n        <div class=\"threshold-controls\">\n            <div class=\"threshold-slider-group\">\n                <label class=\"threshold-label\">\n                    <i class=\"fa-solid fa-adjust\"></i>\n                    Potential Match\n                    <span class=\"threshold-value\">{{ (RunPotentialThreshold * 100).toFixed(0) }}%</span>\n                </label>\n                <input type=\"range\" class=\"threshold-slider\"\n                    [min]=\"30\" [max]=\"99\" [step]=\"1\"\n                    [value]=\"RunPotentialThreshold * 100\"\n                    (input)=\"OnPotentialThresholdChanged($any($event.target).value / 100)\"\n                    [disabled]=\"IsDetecting\" />\n                <span class=\"threshold-hint\">Score above which duplicates are flagged for review</span>\n            </div>\n            <div class=\"threshold-slider-group\">\n                <label class=\"threshold-label\">\n                    <i class=\"fa-solid fa-bullseye\"></i>\n                    Absolute Match\n                    <span class=\"threshold-value\">{{ (RunAbsoluteThreshold * 100).toFixed(0) }}%</span>\n                </label>\n                <input type=\"range\" class=\"threshold-slider\"\n                    [min]=\"50\" [max]=\"100\" [step]=\"1\"\n                    [value]=\"RunAbsoluteThreshold * 100\"\n                    (input)=\"OnAbsoluteThresholdChanged($any($event.target).value / 100)\"\n                    [disabled]=\"IsDetecting\" />\n                <span class=\"threshold-hint\">Score above which duplicates are auto-confirmed</span>\n            </div>\n        </div>\n    }\n\n    <!-- KPI Strip -->\n    <div class=\"kpi-strip\">\n        <div class=\"kpi-card\">\n            <div class=\"kpi-value\">{{ TotalGroupCount }}</div>\n            <div class=\"kpi-label\">Total Groups</div>\n        </div>\n        <div class=\"kpi-card kpi-pending\">\n            <div class=\"kpi-value\">{{ PendingCount }}</div>\n            <div class=\"kpi-label\">Pending</div>\n        </div>\n        <div class=\"kpi-card kpi-approved\">\n            <div class=\"kpi-value\">{{ ApprovedCount }}</div>\n            <div class=\"kpi-label\">Approved</div>\n        </div>\n        <div class=\"kpi-card kpi-rejected\">\n            <div class=\"kpi-value\">{{ RejectedCount }}</div>\n            <div class=\"kpi-label\">Rejected</div>\n        </div>\n    </div>\n\n    <!-- Filter Bar -->\n    <div class=\"filter-bar\">\n        <div class=\"filter-group\">\n            <select class=\"filter-select\"\n                    [(ngModel)]=\"Filters.EntityName\"\n                    (ngModelChange)=\"OnFilterChange()\"\n                    [disabled]=\"EntityNames.length <= 1\">\n                @if (EntityNames.length > 1) {\n                    <option value=\"\">All Entities</option>\n                }\n                @for (name of EntityNames; track name) {\n                    <option [value]=\"name\">{{ name }}</option>\n                }\n            </select>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">Min Score</label>\n                <input type=\"number\"\n                       class=\"filter-input filter-input-score\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\n                       [placeholder]=\"DataMinScore\"\n                       [(ngModel)]=\"Filters.MinScore\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">Max Score</label>\n                <input type=\"number\"\n                       class=\"filter-input filter-input-score\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\n                       [placeholder]=\"DataMaxScore\"\n                       [(ngModel)]=\"Filters.MaxScore\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">From</label>\n                <input type=\"date\"\n                       class=\"filter-input filter-input-date\"\n                       [min]=\"DataMinDate\" [max]=\"DataMaxDate\"\n                       [(ngModel)]=\"Filters.DateFrom\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">To</label>\n                <input type=\"date\"\n                       class=\"filter-input filter-input-date\"\n                       [min]=\"DataMinDate\" [max]=\"DataMaxDate\"\n                       [(ngModel)]=\"Filters.DateTo\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n        </div>\n\n        @if (HasActiveFilters) {\n            <button class=\"clear-filters-btn\" (click)=\"ClearFilters()\">\n                <i class=\"fa-solid fa-times\"></i> Clear Filters\n            </button>\n        }\n    </div>\n\n    <!-- Content -->\n    @if (IsLoading) {\n        <div class=\"loading-container\">\n            <mj-loading text=\"Loading duplicate detection results...\"></mj-loading>\n        </div>\n    } @else if (TotalGroupCount === 0) {\n        <div class=\"empty-state\">\n            <i class=\"fa-solid fa-clone empty-icon\"></i>\n            <p class=\"empty-text\">No duplicate detection results found.</p>\n            <p class=\"empty-subtext\">Select an entity document and click \"Run Detection\" to start.</p>\n        </div>\n    } @else {\n        <!-- Kanban Board -->\n        <div class=\"kanban-board\">\n            <!-- Pending Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Pending' && DraggedGroup?.ApprovalStatus !== 'Pending'\">\n                <div class=\"column-header column-header-pending\">\n                    <i class=\"fa-solid fa-clock\"></i>\n                    <span class=\"column-title\">Pending Review</span>\n                    <span class=\"column-count\">{{ PendingCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Pending')\"\n                     (dragleave)=\"OnDragLeave($event, 'Pending')\"\n                     (drop)=\"OnDrop($event, 'Pending')\">\n                    @for (group of PendingGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                            <div class=\"card-actions\">\n                                <button class=\"action-btn approve-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"ApproveMatch(group); $event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-check\"></i> Approve\n                                </button>\n                                <button class=\"action-btn reject-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"RejectMatch(group); $event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-times\"></i> Reject\n                                </button>\n                            </div>\n                        </div>\n                    }\n                    @if (PendingGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-check-circle\"></i>\n                            <span>No pending items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Approved Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Approved' && DraggedGroup?.ApprovalStatus !== 'Approved'\">\n                <div class=\"column-header column-header-approved\">\n                    <i class=\"fa-solid fa-check-circle\"></i>\n                    <span class=\"column-title\">Approved</span>\n                    <span class=\"column-count\">{{ ApprovedCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Approved')\"\n                     (dragleave)=\"OnDragLeave($event, 'Approved')\"\n                     (drop)=\"OnDrop($event, 'Approved')\">\n                    @for (group of ApprovedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    @if (ApprovedGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <span>No approved items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Rejected Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Rejected' && DraggedGroup?.ApprovalStatus !== 'Rejected'\">\n                <div class=\"column-header column-header-rejected\">\n                    <i class=\"fa-solid fa-ban\"></i>\n                    <span class=\"column-title\">Rejected</span>\n                    <span class=\"column-count\">{{ RejectedCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Rejected')\"\n                     (dragleave)=\"OnDragLeave($event, 'Rejected')\"\n                     (drop)=\"OnDrop($event, 'Rejected')\">\n                    @for (group of RejectedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    @if (RejectedGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <span>No rejected items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- Saving overlay -->\n    @if (IsSaving) {\n        <div class=\"saving-overlay\">\n            <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550 Comparison Slide-In Panel \u2550\u2550\u2550 -->\n    @if (ComparisonGroup) {\n        <div class=\"slide-backdrop\" [class.comparison-closing]=\"ComparisonClosing\" (click)=\"CloseComparison()\"></div>\n        <div class=\"comparison-panel\" [class.comparison-closing]=\"ComparisonClosing\" (click)=\"$event.stopPropagation()\">\n            <!-- Header -->\n            <div class=\"comparison-header\">\n                <div class=\"comparison-header-left\">\n                    <div class=\"comparison-entity-icon\">\n                        <i [class]=\"ComparisonGroup.EntityIcon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"comparison-title\">{{ ComparisonGroup.RecordName }}</div>\n                        <span class=\"comparison-entity-badge\">{{ ComparisonGroup.EntityName }}</span>\n                        <span class=\"comparison-match-count\">\n                            {{ ComparisonGroup.MatchCount }} potential duplicate{{ ComparisonGroup.MatchCount !== 1 ? 's' : '' }}\n                        </span>\n                    </div>\n                </div>\n                <div class=\"comparison-header-right\">\n                    <div class=\"comparison-toggle\">\n                        <button class=\"toggle-btn\" [class.toggle-active]=\"ComparisonShowAllFields\"\n                                (click)=\"ComparisonShowAllFields = true\">All Fields</button>\n                        <button class=\"toggle-btn\" [class.toggle-active]=\"!ComparisonShowAllFields\"\n                                (click)=\"ComparisonShowAllFields = false\">Differences Only</button>\n                    </div>\n                    <button class=\"comparison-close-btn\" (click)=\"CloseComparison()\" title=\"Close (Esc)\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n            </div>\n\n            <!-- Grid -->\n            @if (ComparisonLoading) {\n                <div class=\"comparison-loading\">\n                    <mj-loading text=\"Loading records for comparison...\" size=\"medium\"></mj-loading>\n                </div>\n            }\n            <div class=\"comparison-grid-wrapper\" [hidden]=\"ComparisonLoading\">\n                <div class=\"comparison-grid\"\n                     [style.grid-template-columns]=\"'160px repeat(' + (1 + ComparisonMatches.length) + ', minmax(180px, 1fr))'\">\n\n                    <!-- Corner cell -->\n                    <div class=\"grid-corner-cell\">Field</div>\n\n                    <!-- Source column header -->\n                    <div class=\"grid-col-header grid-col-source\">\n                        <span class=\"col-header-label\">Source</span>\n                        <span class=\"col-header-name\">{{ ComparisonGroup.RecordName }}</span>\n                        <div class=\"surviving-selector\">\n                            <input type=\"radio\" name=\"survivor\" class=\"surviving-radio\"\n                                   [checked]=\"SurvivorColumnIndex === 0\"\n                                   (change)=\"SetSurvivor(0)\">\n                            <span class=\"surviving-label\" [class.is-survivor]=\"SurvivorColumnIndex === 0\">\n                                {{ SurvivorColumnIndex === 0 ? 'Surviving Record' : 'Set as survivor' }}\n                            </span>\n                        </div>\n                        <button class=\"use-all-btn\" [class.all-selected]=\"AllFieldsSelectedFrom(0)\"\n                                (click)=\"UseAllFieldsFrom(0)\">\n                            <i class=\"fa-solid\" [class.fa-check-double]=\"AllFieldsSelectedFrom(0)\" [class.fa-clone]=\"!AllFieldsSelectedFrom(0)\"></i>\n                            {{ AllFieldsSelectedFrom(0) ? 'Using all fields' : 'Use all fields' }}\n                        </button>\n                        <!-- Dependencies Summary -->\n                        <div class=\"deps-summary\">\n                            <div class=\"deps-total\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                <span class=\"deps-total-number\">{{ GetTotalDeps(0) }}</span>\n                                {{ GetTotalDeps(0) === 1 ? 'dependency' : 'dependencies' }}\n                                @if (GetMaxDepsColumnIndex() === 0 && GetTotalDeps(0) > 0) {\n                                    <span class=\"deps-total-recommended\"><i class=\"fa-solid fa-star\"></i> Most deps</span>\n                                }\n                            </div>\n                            @if (GetGroupedDeps(0).length > 0) {\n                                <div class=\"deps-header\" (click)=\"ToggleDepsExpanded(0)\">\n                                    <span>{{ IsDepsExpanded(0) ? 'Hide details' : 'Show details' }}</span>\n                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsDepsExpanded(0)\" [class.fa-chevron-up]=\"IsDepsExpanded(0)\"></i>\n                                </div>\n                                @if (IsDepsExpanded(0)) {\n                                    <div class=\"deps-detail-list\">\n                                        @for (dep of GetGroupedDeps(0); track dep.Entity) {\n                                            <div class=\"deps-detail-group\">\n                                                <div class=\"deps-detail-row\" (click)=\"ToggleDepEntityGroup(0, dep.Entity); $event.stopPropagation()\">\n                                                    <span class=\"deps-detail-entity\">\n                                                        <i class=\"fa-solid deps-expand-icon\"\n                                                           [class.fa-chevron-right]=\"!IsDepEntityGroupExpanded(0, dep.Entity)\"\n                                                           [class.fa-chevron-down]=\"IsDepEntityGroupExpanded(0, dep.Entity)\"></i>\n                                                        {{ dep.Entity }}\n                                                    </span>\n                                                    <span class=\"deps-detail-count\">{{ dep.Count }}</span>\n                                                </div>\n                                                @if (IsDepEntityGroupExpanded(0, dep.Entity)) {\n                                                    <div class=\"deps-records-list\">\n                                                        @if (IsDepRecordsLoading(0, dep.Entity)) {\n                                                            <div class=\"deps-record-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                                                        }\n                                                        @for (record of GetDepRecords(0, dep.Entity); track $index) {\n                                                            <div class=\"deps-record-row\" (click)=\"OpenDepRecord(record); $event.stopPropagation()\">\n                                                                <i class=\"fa-solid fa-arrow-up-right-from-square deps-record-icon\"></i>\n                                                                <span class=\"deps-record-name\">{{ record.Name }}</span>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n\n                    <!-- Match column headers -->\n                    @for (match of ComparisonMatches; track match.Match.ID; let mi = $index) {\n                        <div class=\"grid-col-header\"\n                             [class.match-approved]=\"match.Match.ApprovalStatus === 'Approved'\"\n                             [class.match-rejected]=\"match.Match.ApprovalStatus === 'Rejected'\">\n                            <div class=\"col-header-top\">\n                                <span class=\"col-header-name\">{{ match.Name }}</span>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(match.Score)\">\n                                    {{ (match.Score * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <span class=\"col-header-diff-count\">{{ match.DiffCount }} difference{{ match.DiffCount !== 1 ? 's' : '' }}</span>\n                            <div class=\"surviving-selector\">\n                                <input type=\"radio\" name=\"survivor\" class=\"surviving-radio\"\n                                       [checked]=\"SurvivorColumnIndex === mi + 1\"\n                                       (change)=\"SetSurvivor(mi + 1)\">\n                                <span class=\"surviving-label\" [class.is-survivor]=\"SurvivorColumnIndex === mi + 1\">\n                                    {{ SurvivorColumnIndex === mi + 1 ? 'Surviving Record' : 'Set as survivor' }}\n                                </span>\n                            </div>\n                            <button class=\"use-all-btn\" [class.all-selected]=\"AllFieldsSelectedFrom(mi + 1)\"\n                                    (click)=\"UseAllFieldsFrom(mi + 1)\">\n                                <i class=\"fa-solid\" [class.fa-check-double]=\"AllFieldsSelectedFrom(mi + 1)\" [class.fa-clone]=\"!AllFieldsSelectedFrom(mi + 1)\"></i>\n                                {{ AllFieldsSelectedFrom(mi + 1) ? 'Using all fields' : 'Use all fields' }}\n                            </button>\n                            <!-- Dependencies Summary -->\n                            <div class=\"deps-summary\">\n                                <div class=\"deps-total\">\n                                    <i class=\"fa-solid fa-link\"></i>\n                                    <span class=\"deps-total-number\">{{ GetTotalDeps(mi + 1) }}</span>\n                                    {{ GetTotalDeps(mi + 1) === 1 ? 'dependency' : 'dependencies' }}\n                                    @if (GetMaxDepsColumnIndex() === mi + 1 && GetTotalDeps(mi + 1) > 0) {\n                                        <span class=\"deps-total-recommended\"><i class=\"fa-solid fa-star\"></i> Most deps</span>\n                                    }\n                                </div>\n                                @if (GetGroupedDeps(mi + 1).length > 0) {\n                                    <div class=\"deps-header\" (click)=\"ToggleDepsExpanded(mi + 1)\">\n                                        <span>{{ IsDepsExpanded(mi + 1) ? 'Hide details' : 'Show details' }}</span>\n                                        <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsDepsExpanded(mi + 1)\" [class.fa-chevron-up]=\"IsDepsExpanded(mi + 1)\"></i>\n                                    </div>\n                                    @if (IsDepsExpanded(mi + 1)) {\n                                        <div class=\"deps-detail-list\">\n                                            @for (dep of GetGroupedDeps(mi + 1); track dep.Entity) {\n                                                <div class=\"deps-detail-group\">\n                                                    <div class=\"deps-detail-row\" (click)=\"ToggleDepEntityGroup(mi + 1, dep.Entity); $event.stopPropagation()\">\n                                                        <span class=\"deps-detail-entity\">\n                                                            <i class=\"fa-solid deps-expand-icon\"\n                                                               [class.fa-chevron-right]=\"!IsDepEntityGroupExpanded(mi + 1, dep.Entity)\"\n                                                               [class.fa-chevron-down]=\"IsDepEntityGroupExpanded(mi + 1, dep.Entity)\"></i>\n                                                            {{ dep.Entity }}\n                                                        </span>\n                                                        <span class=\"deps-detail-count\">{{ dep.Count }}</span>\n                                                    </div>\n                                                    @if (IsDepEntityGroupExpanded(mi + 1, dep.Entity)) {\n                                                        <div class=\"deps-records-list\">\n                                                            @if (IsDepRecordsLoading(mi + 1, dep.Entity)) {\n                                                                <div class=\"deps-record-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                                                            }\n                                                            @for (record of GetDepRecords(mi + 1, dep.Entity); track $index) {\n                                                                <div class=\"deps-record-row\" (click)=\"OpenDepRecord(record); $event.stopPropagation()\">\n                                                                    <i class=\"fa-solid fa-arrow-up-right-from-square deps-record-icon\"></i>\n                                                                    <span class=\"deps-record-name\">{{ record.Name }}</span>\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                }\n                            </div>\n                            @if (match.Match.ApprovalStatus !== 'Pending') {\n                                <span class=\"match-status-badge\"\n                                      [class.status-approved]=\"match.Match.ApprovalStatus === 'Approved'\"\n                                      [class.status-rejected]=\"match.Match.ApprovalStatus === 'Rejected'\">\n                                    <i class=\"fa-solid\" [class.fa-check]=\"match.Match.ApprovalStatus === 'Approved'\"\n                                       [class.fa-times]=\"match.Match.ApprovalStatus === 'Rejected'\"></i>\n                                    {{ match.Match.ApprovalStatus }}\n                                </span>\n                            }\n                        </div>\n                    }\n\n                    <!-- Field rows -->\n                    @for (field of GetVisibleFields(); track field.FieldName; let odd = $odd) {\n                        <!-- Label cell -->\n                        <div class=\"grid-label-cell\" [class.grid-row-odd]=\"odd\">\n                            {{ field.DisplayName }}\n                        </div>\n                        <!-- Source value cell -->\n                        <div class=\"grid-value-cell grid-source-cell\"\n                             [class.grid-row-odd]=\"odd\"\n                             [class.has-diff-in-row]=\"field.HasDifference\"\n                             [class.field-selected]=\"field.SelectedColumnIndex === 0\"\n                             (click)=\"SelectFieldValue(field, 0)\">\n                            @if (field.SourceValue != null) {\n                                {{ field.SourceValue }}\n                            } @else {\n                                <span class=\"field-not-available\">(not available)</span>\n                            }\n                            @if (field.HasDifference || field.SelectedColumnIndex === 0) {\n                                <input type=\"radio\" [name]=\"'field-' + field.FieldName\" class=\"field-select-radio\"\n                                       [checked]=\"field.SelectedColumnIndex === 0\"\n                                       (click)=\"$event.stopPropagation()\"\n                                       (change)=\"SelectFieldValue(field, 0)\">\n                            }\n                        </div>\n                        <!-- Match value cells -->\n                        @for (matchVal of field.MatchValues; track $index; let mi = $index) {\n                            <div class=\"grid-value-cell\"\n                                 [class.grid-row-odd]=\"odd\"\n                                 [class.value-same]=\"AreValuesEqual(field.SourceValue, matchVal)\"\n                                 [class.value-different]=\"matchVal != null && field.SourceValue != null && !AreValuesEqual(field.SourceValue, matchVal)\"\n                                 [class.field-selected]=\"field.SelectedColumnIndex === mi + 1\"\n                                 (click)=\"matchVal != null ? SelectFieldValue(field, mi + 1) : null\">\n                                @if (matchVal != null) {\n                                    {{ matchVal }}\n                                    @if (field.HasDifference || field.SelectedColumnIndex === mi + 1) {\n                                        <input type=\"radio\" [name]=\"'field-' + field.FieldName\" class=\"field-select-radio\"\n                                               [checked]=\"field.SelectedColumnIndex === mi + 1\"\n                                               (click)=\"$event.stopPropagation()\"\n                                               (change)=\"SelectFieldValue(field, mi + 1)\">\n                                    }\n                                } @else {\n                                    <span class=\"field-not-available\">(not available)</span>\n                                }\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- Footer -->\n            <div class=\"comparison-footer\">\n                <div class=\"comparison-footer-left\">\n                    <span class=\"comparison-summary\">\n                        Showing {{ GetVisibleFields().length }} of {{ ComparisonFields.length }} fields\n                    </span>\n                    <span class=\"merge-summary\">\n                        <i class=\"fa-solid fa-code-merge\"></i>\n                        Surviving: <strong>{{ SurvivorName() }}</strong>\n                        @if (CherryPickedCount() > 0) {\n                            &middot; {{ CherryPickedCount() }} field{{ CherryPickedCount() !== 1 ? 's' : '' }} cherry-picked\n                        }\n                    </span>\n                </div>\n                <div class=\"comparison-footer-right\">\n                    <button class=\"action-btn reject-btn\" [disabled]=\"IsSaving\"\n                            (click)=\"RejectMatch(ComparisonGroup!); CloseComparison()\">\n                        <i class=\"fa-solid fa-times\"></i> Reject All\n                    </button>\n                    <button class=\"action-btn merge-btn\" [disabled]=\"IsSaving\"\n                            (click)=\"OpenMergeConfirm()\">\n                        <i class=\"fa-solid fa-code-merge\"></i> Merge Records\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550 Merge Confirmation Panel \u2550\u2550\u2550 -->\n    @if (ShowMergeConfirm && ComparisonGroup) {\n        <div class=\"merge-confirm-backdrop\" (click)=\"CloseMergeConfirm()\">\n            <div class=\"merge-confirm-panel\" (click)=\"$event.stopPropagation()\">\n                <div class=\"merge-confirm-header\">\n                    <div class=\"merge-confirm-icon\"><i class=\"fa-solid fa-code-merge\"></i></div>\n                    <div>\n                        <div class=\"merge-confirm-title\">Confirm Record Merge</div>\n                        <div class=\"merge-confirm-subtitle\">This action cannot be undone. Please review carefully.</div>\n                    </div>\n                </div>\n\n                <div class=\"merge-confirm-body\">\n                    <!-- Surviving Record -->\n                    <div class=\"merge-survivor-card\">\n                        <div class=\"merge-survivor-label\"><i class=\"fa-solid fa-shield-halved\"></i> Surviving Record</div>\n                        <div class=\"merge-survivor-name\">{{ SurvivorName() }}</div>\n                        <div class=\"merge-survivor-pk\">\n                            <i class=\"fa-solid fa-key\"></i>\n                            {{ SurvivorKeyDisplay() }}\n                        </div>\n                        <div class=\"merge-survivor-detail\">This record's ID will be retained. All dependencies from merged records will be transferred here.</div>\n                    </div>\n\n                    <!-- Cherry-picked field overrides -->\n                    @if (GetCherryPickedFields().length > 0) {\n                        <div>\n                            <div class=\"merge-section-label\">Field Value Overrides ({{ GetCherryPickedFields().length }} field{{ GetCherryPickedFields().length !== 1 ? 's' : '' }})</div>\n                            @for (field of GetCherryPickedFields(); track field.FieldName) {\n                                <div class=\"merge-field-override\">\n                                    <span class=\"merge-field-name\">{{ field.DisplayName }}</span>\n                                    <span class=\"merge-field-value\">\"{{ field.Value }}\"</span>\n                                    <span class=\"merge-field-source\">from {{ field.SourceName }}</span>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Dependency transfer -->\n                    @if (GetNonSurvivorColumns().length > 0) {\n                        <div class=\"merge-deps-transfer\">\n                            <div class=\"merge-deps-transfer-label\"><i class=\"fa-solid fa-arrow-right-arrow-left\"></i> Dependencies to Transfer</div>\n                            @for (col of GetNonSurvivorColumns(); track col.ColumnIndex) {\n                                <div class=\"merge-deps-transfer-row\">\n                                    <i class=\"fa-solid fa-arrow-right\"></i>\n                                    <span>\n                                        @if (col.DepCount > 0) {\n                                            <strong>{{ col.DepCount }}</strong> {{ col.DepCount === 1 ? 'dependency' : 'dependencies' }} from <strong>{{ col.Name }}</strong> &rarr; {{ SurvivorName() }}\n                                        } @else {\n                                            <strong>0</strong> dependencies from <strong>{{ col.Name }}</strong>\n                                        }\n                                    </span>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Records to be deleted -->\n                    <div class=\"merge-delete-card\">\n                        <div class=\"merge-delete-label\"><i class=\"fa-solid fa-trash\"></i> Records to Delete After Merge</div>\n                        @for (col of GetNonSurvivorColumns(); track col.ColumnIndex) {\n                            <div class=\"merge-delete-item\">\n                                <span class=\"merge-delete-name\">{{ col.Name }}</span>\n                                <span class=\"merge-delete-deps\">\n                                    @if (col.DepCount > 0) {\n                                        {{ col.DepCount }} dep{{ col.DepCount !== 1 ? 's' : '' }} transferring\n                                    } @else {\n                                        no deps\n                                    }\n                                </span>\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <div class=\"merge-confirm-footer\">\n                    <button class=\"action-btn cancel-btn\" (click)=\"CloseMergeConfirm()\" [disabled]=\"IsMerging\">\n                        <i class=\"fa-solid fa-arrow-left\"></i> Back\n                    </button>\n                    <button class=\"action-btn confirm-merge-btn\" (click)=\"ExecuteMerge()\" [disabled]=\"IsMerging\">\n                        @if (IsMerging) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging...\n                        } @else {\n                            <i class=\"fa-solid fa-code-merge\"></i> Confirm Merge ({{ GetNonSurvivorColumns().length + 1 }} records &rarr; 1)\n                        }\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n</div>\n", styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\n   ============================================================ */\n\napp-duplicate-detection-resource {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.duplicate-detection-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 16px 20px;\n    background: var(--mj-bg-page);\n    position: relative;\n    overflow: hidden;\n}\n\n/* ---- Page Header ---- */\n\n.page-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.page-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.page-title i {\n    color: var(--mj-brand-primary);\n}\n\n/* ---- Header Actions ---- */\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.run-detection-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.entity-doc-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    min-width: 200px;\n}\n\n.entity-doc-select:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.run-detection-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 600;\n    transition: background 0.15s;\n    white-space: nowrap;\n}\n\n.run-detection-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.run-detection-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Detection Progress ---- */\n\n.detection-progress-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.progress-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.progress-stage {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.progress-percent {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.progress-bar-track {\n    height: 6px;\n    border-radius: 3px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    background: var(--mj-brand-primary);\n    transition: width 0.3s ease;\n}\n\n.progress-current-item {\n    display: block;\n    margin-top: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* ---- Threshold Controls ---- */\n\n.threshold-controls {\n    display: flex;\n    gap: 24px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-subtle);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-slider-group {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.threshold-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.threshold-value {\n    margin-left: auto;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.threshold-slider {\n    width: 100%;\n    height: 4px;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n\n.threshold-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.threshold-hint {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* ---- Threshold Info (legacy) ---- */\n\n.threshold-info {\n    display: flex;\n    gap: 16px;\n    padding: 8px 14px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-info) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-info-border);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-status-info-text);\n    font-weight: 500;\n}\n\n.threshold-item i {\n    font-size: 11px;\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n}\n\n.kpi-pending .kpi-value {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved .kpi-value {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected .kpi-value {\n    color: var(--mj-status-error);\n}\n\n/* ---- Filter Bar ---- */\n\n.filter-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.filter-group {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select {\n    height: 34px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    min-width: 160px;\n}\n\n.filter-select:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-range {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label {\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.filter-input {\n    height: 34px;\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    width: 100px;\n}\n\n.filter-input-score {\n    width: 80px;\n}\n\n.filter-input-date {\n    width: 140px;\n}\n\n.filter-input:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.clear-filters-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 34px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.clear-filters-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Empty States ---- */\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n    gap: 8px;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n/* ---- Kanban Board ---- */\n\n.kanban-board {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column {\n    flex: 1;\n    min-width: 280px;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.column-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n\n.column-header-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending i {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved i {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected i {\n    color: var(--mj-status-error);\n}\n\n.column-title {\n    flex: 1;\n}\n\n.column-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.column-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.column-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.column-empty i {\n    font-size: 24px;\n}\n\n/* ---- Kanban Cards ---- */\n\n.kanban-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: box-shadow 0.15s ease, border-color 0.15s ease;\n    flex-shrink: 0; /* Prevent cards from shrinking \u2014 column scrolls instead */\n}\n\n.kanban-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n/* Drag and Drop */\n.kanban-card[draggable=\"true\"] {\n    cursor: grab;\n}\n\n.kanban-card[draggable=\"true\"]:active {\n    cursor: grabbing;\n}\n\n.drop-target-active {\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface-card)) !important;\n}\n\n.drop-target-active .column-body {\n    min-height: 100px;\n}\n\n.card-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    gap: 8px;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    flex: 1;\n}\n\n.card-icon {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n}\n\n.card-title-block {\n    min-width: 0;\n    flex: 1;\n}\n\n.card-record-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-bottom: 2px;\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.2px;\n}\n\n/* Score indicator colors */\n\n.score-indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.score-high {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.score-medium {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.score-low {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.card-body {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.match-summaries {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.match-summary-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.match-score {\n    flex-shrink: 0;\n    font-weight: 600;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    min-width: 30px;\n}\n\n.match-name {\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.match-summary-more {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    padding-left: 38px;\n}\n\n.card-meta-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    border-top: 1px solid var(--mj-border-subtle);\n    padding-top: 6px;\n}\n\n.card-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.card-meta-item i {\n    font-size: 10px;\n}\n    font-size: 12px;\n    max-width: 180px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Comparison Slide-In Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.slide-backdrop {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 9999;\n    animation: fadeIn 0.2s ease;\n}\n\n.slide-backdrop.comparison-closing {\n    animation: fadeOut 0.25s ease forwards;\n}\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }\n\n.comparison-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 82vw;\n    max-width: 1300px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0,0,0,0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.comparison-panel.comparison-closing {\n    animation: slideOut 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\n@keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\n\n/* Header */\n.comparison-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    gap: 12px;\n}\n\n.comparison-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.comparison-entity-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.comparison-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.comparison-entity-badge {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    margin-right: 6px;\n}\n\n.comparison-match-count {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.comparison-header-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n}\n\n/* Toggle */\n.comparison-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 5px 12px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.toggle-btn:first-child {\n    border-right: 1px solid var(--mj-border-default);\n}\n\n.toggle-btn.toggle-active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.comparison-close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.comparison-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Loading state */\n.comparison-loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Grid wrapper */\n.comparison-grid-wrapper {\n    flex: 1;\n    overflow: auto;\n    min-height: 0;\n}\n\n/* Grid */\n.comparison-grid {\n    display: grid;\n    min-width: 100%;\n}\n\n.comparison-grid > div {\n    padding: 8px 12px;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    border-right: 1px solid var(--mj-border-subtle);\n}\n\n/* Corner cell */\n.grid-corner-cell {\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 4;\n    background: var(--mj-bg-surface-elevated);\n    font-size: 0.65rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 6px;\n}\n\n/* Column headers */\n.grid-col-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: var(--mj-bg-surface-elevated);\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.grid-col-source {\n    border-left: 3px solid var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface-elevated));\n}\n\n.col-header-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n}\n\n.col-header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.col-header-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.col-header-diff-count {\n    font-size: 0.65rem;\n    color: var(--mj-status-warning-text);\n}\n\n/* Surviving record selector */\n.surviving-selector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.surviving-radio {\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.surviving-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2px var(--mj-bg-surface-elevated);\n}\n\n.surviving-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.surviving-label.is-survivor {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Use all fields button */\n.use-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.62rem;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-top: 2px;\n}\n\n.use-all-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.use-all-btn.all-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* Per-match actions */\n.comparison-match-actions {\n    display: flex;\n    gap: 4px;\n    margin-top: 3px;\n}\n\n.action-btn-sm {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 0.65rem;\n    transition: all 0.15s ease;\n}\n\n.approve-btn-sm {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n.approve-btn-sm:hover { background: rgba(34,197,94,0.25); }\n\n.reject-btn-sm {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n.reject-btn-sm:hover { background: rgba(239,68,68,0.25); }\n\n.match-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.68rem;\n    font-weight: 500;\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-approved {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.status-rejected {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.match-approved {\n    border-top: 3px solid var(--mj-status-success);\n}\n\n.match-rejected {\n    border-top: 3px solid var(--mj-status-error);\n    opacity: 0.6;\n}\n\n/* Label cells */\n.grid-label-cell {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n}\n\n.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n.grid-label-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n/* Value cells */\n.grid-value-cell {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n    word-break: break-word;\n    position: relative;\n    cursor: pointer;\n}\n\n.grid-source-cell {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n    border-left: 3px solid transparent;\n}\n\n.grid-source-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface)));\n}\n\n.grid-source-cell.has-diff-in-row {\n    font-weight: 600;\n}\n\n/* Diff highlighting */\n.value-same {\n    color: var(--mj-text-muted);\n}\n\n.value-different {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, transparent) !important;\n    border-left: 3px solid var(--mj-status-warning);\n    color: var(--mj-text-primary);\n}\n\n.field-not-available {\n    font-style: italic;\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n/* Field selection radio */\n.field-select-radio {\n    position: absolute;\n    top: 50%;\n    right: 8px;\n    transform: translateY(-50%);\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    opacity: 0.4;\n}\n\n.field-select-radio:hover {\n    opacity: 0.8;\n}\n\n.field-select-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2.5px var(--mj-bg-surface);\n    opacity: 1;\n}\n\n.grid-value-cell.field-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.grid-value-cell.field-selected .field-select-radio {\n    opacity: 1;\n}\n\n/* Footer */\n.comparison-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 20px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.comparison-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.comparison-summary {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.merge-summary {\n    font-size: 0.72rem;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.merge-summary i {\n    font-size: 0.65rem;\n}\n\n.comparison-footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.comparison-footer-right .action-btn {\n    flex: none;\n    padding: 7px 14px;\n}\n\n.merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.merge-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.card-actions {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n\n.approve-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n\n.reject-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 768px) {\n    .kanban-board {\n        flex-direction: column;\n    }\n\n    .kanban-column {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        flex-direction: column;\n    }\n\n    .filter-bar {\n        flex-wrap: wrap;\n    }\n\n    .filter-group {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input {\n        width: 100%;\n    }\n\n    .card-actions {\n        flex-direction: column;\n    }\n\n    .action-btn {\n        width: 100%;\n    }\n}\n\n/* ---- Saving Overlay ---- */\n\n.saving-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay);\n    z-index: 10;\n    border-radius: 8px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Dependencies Summary (in column headers)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.deps-summary {\n    margin-top: 6px;\n    padding: 6px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.68rem;\n}\n\n.deps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.deps-header i {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-header:hover {\n    color: var(--mj-text-primary);\n}\n\n.deps-total {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin-bottom: 2px;\n}\n\n.deps-total i {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-total-number {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    padding: 0 6px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n}\n\n.deps-total-recommended {\n    font-size: 0.58rem;\n    color: var(--mj-status-success-text);\n    font-weight: 600;\n    margin-left: 4px;\n}\n\n.deps-total-recommended i {\n    color: var(--mj-status-success-text);\n}\n\n.deps-detail-list {\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.deps-detail-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 3px 0;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: background 0.1s ease;\n}\n\n.deps-detail-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.deps-detail-entity {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.deps-expand-icon {\n    font-size: 0.5rem;\n    width: 10px;\n    text-align: center;\n    color: var(--mj-text-muted);\n}\n\n/* Individual dependency records list */\n.deps-records-list {\n    padding-left: 14px;\n    margin-bottom: 2px;\n}\n\n.deps-record-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: color 0.1s ease, background 0.1s ease;\n}\n\n.deps-record-row:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.deps-record-icon {\n    font-size: 0.5rem;\n    flex-shrink: 0;\n}\n\n.deps-record-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 0.6rem;\n}\n\n.deps-record-loading {\n    padding: 3px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-record-loading i {\n    margin-right: 4px;\n}\n\n.deps-detail-count {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Merge Confirmation Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-confirm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 20000;\n    animation: fadeIn 0.2s ease;\n}\n\n.merge-confirm-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 20001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.merge-confirm-header {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.merge-confirm-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.merge-confirm-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.merge-confirm-subtitle {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.merge-confirm-body {\n    padding: 20px 24px;\n    overflow-y: auto;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* Surviving record card */\n\n.merge-survivor-card {\n    padding: 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n}\n\n.merge-survivor-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 4px;\n}\n\n.merge-survivor-label i {\n    margin-right: 4px;\n}\n\n.merge-survivor-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.merge-survivor-pk {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-radius: 4px;\n    font-size: 0.68rem;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.merge-survivor-pk i {\n    font-size: 0.6rem;\n    color: var(--mj-brand-primary);\n}\n\n.merge-survivor-detail {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* Cherry-picked fields section */\n\n.merge-section-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 6px;\n}\n\n.merge-field-override {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.merge-field-name {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    min-width: 110px;\n    flex-shrink: 0;\n}\n\n.merge-field-value {\n    color: var(--mj-text-primary);\n}\n\n.merge-field-source {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* Dependency transfer summary */\n\n.merge-deps-transfer {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.merge-deps-transfer-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-brand-primary);\n    margin-bottom: 6px;\n}\n\n.merge-deps-transfer-label i {\n    margin-right: 4px;\n}\n\n.merge-deps-transfer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 3px 0;\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.merge-deps-transfer-row i {\n    color: var(--mj-brand-primary);\n    font-size: 0.65rem;\n    width: 14px;\n    text-align: center;\n}\n\n/* Records to delete */\n\n.merge-delete-card {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n}\n\n.merge-delete-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-status-error-text);\n    margin-bottom: 6px;\n}\n\n.merge-delete-label i {\n    margin-right: 4px;\n}\n\n.merge-delete-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.merge-delete-item:last-child {\n    border-bottom: none;\n}\n\n.merge-delete-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.merge-delete-deps {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Confirm footer */\n\n.merge-confirm-footer {\n    padding: 14px 24px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n}\n\n.cancel-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.cancel-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.confirm-merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.confirm-merge-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.confirm-merge-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Responsive: Merge Confirm ---- */\n\n@media (max-width: 600px) {\n    .merge-confirm-panel {\n        width: 100%;\n    }\n}\n"] }]
-    }], null, { EmbeddedMode: [{
+        args: [{ standalone: false, selector: 'app-duplicate-detection-resource', encapsulation: ViewEncapsulation.None, template: "<div class=\"duplicate-detection-container\">\n    <!-- Header -->\n    <div class=\"page-header\">\n        <div class=\"header-left\">\n            <h2 class=\"page-title\">\n                <i class=\"fa-solid fa-clone\"></i> Duplicate Detection\n            </h2>\n        </div>\n        <div class=\"header-actions\">\n            <div class=\"run-detection-controls\">\n                <select class=\"entity-doc-select\"\n                        [(ngModel)]=\"SelectedEntityDocumentID\"\n                        [disabled]=\"IsDetecting\">\n                    <option value=\"\">Select entity document...</option>\n                    @for (doc of EntityDocuments; track doc.ID) {\n                        <option [value]=\"doc.ID\">{{ doc.Name }} ({{ doc.EntityName }})</option>\n                    }\n                </select>\n                <button class=\"run-detection-btn\"\n                        (click)=\"RunDetection()\"\n                        [disabled]=\"IsDetecting || !SelectedEntityDocumentID\">\n                    @if (IsDetecting) {\n                        <i class=\"fa-solid fa-spinner fa-spin\"></i> Detecting...\n                    } @else {\n                        <i class=\"fa-solid fa-magnifying-glass\"></i> Run Detection\n                    }\n                </button>\n            </div>\n        </div>\n    </div>\n\n    <!-- Detection Progress (visible during run) -->\n    @if (IsDetecting) {\n        <div class=\"detection-progress-section\">\n            <div class=\"progress-header\">\n                <span class=\"progress-stage\">\n                    <i class=\"fa-solid fa-spinner fa-spin\"></i>\n                    {{ DetectionStage }}\n                </span>\n                <span class=\"progress-percent\">{{ DetectionProgress }}%</span>\n            </div>\n            <div class=\"progress-bar-track\">\n                <div class=\"progress-bar-fill\" [style.width.%]=\"DetectionProgress\"></div>\n            </div>\n            @if (DetectionCurrentItem) {\n                <span class=\"progress-current-item\">{{ DetectionCurrentItem }}</span>\n            }\n        </div>\n    }\n\n    <!-- Threshold Controls (when entity doc selected) -->\n    @if (SelectedDocumentThresholds) {\n        <div class=\"threshold-controls\">\n            <div class=\"threshold-slider-group\">\n                <label class=\"threshold-label\">\n                    <i class=\"fa-solid fa-adjust\"></i>\n                    Potential Match\n                    <span class=\"threshold-value\">{{ (RunPotentialThreshold * 100).toFixed(0) }}%</span>\n                </label>\n                <input type=\"range\" class=\"threshold-slider\"\n                    [min]=\"30\" [max]=\"99\" [step]=\"1\"\n                    [value]=\"RunPotentialThreshold * 100\"\n                    (input)=\"OnPotentialThresholdChanged($any($event.target).value / 100)\"\n                    [disabled]=\"IsDetecting\" />\n                <span class=\"threshold-hint\">Score above which duplicates are flagged for review</span>\n            </div>\n            <div class=\"threshold-slider-group\">\n                <label class=\"threshold-label\">\n                    <i class=\"fa-solid fa-bullseye\"></i>\n                    Absolute Match\n                    <span class=\"threshold-value\">{{ (RunAbsoluteThreshold * 100).toFixed(0) }}%</span>\n                </label>\n                <input type=\"range\" class=\"threshold-slider\"\n                    [min]=\"50\" [max]=\"100\" [step]=\"1\"\n                    [value]=\"RunAbsoluteThreshold * 100\"\n                    (input)=\"OnAbsoluteThresholdChanged($any($event.target).value / 100)\"\n                    [disabled]=\"IsDetecting\" />\n                <span class=\"threshold-hint\">Score above which duplicates are auto-confirmed</span>\n            </div>\n        </div>\n    }\n\n    <!-- KPI Strip -->\n    <div class=\"kpi-strip\">\n        <div class=\"kpi-card\">\n            <div class=\"kpi-value\">{{ TotalGroupCount }}</div>\n            <div class=\"kpi-label\">Total Groups</div>\n        </div>\n        <div class=\"kpi-card kpi-pending\">\n            <div class=\"kpi-value\">{{ PendingCount }}</div>\n            <div class=\"kpi-label\">Pending</div>\n        </div>\n        <div class=\"kpi-card kpi-approved\">\n            <div class=\"kpi-value\">{{ ApprovedCount }}</div>\n            <div class=\"kpi-label\">Approved</div>\n        </div>\n        <div class=\"kpi-card kpi-rejected\">\n            <div class=\"kpi-value\">{{ RejectedCount }}</div>\n            <div class=\"kpi-label\">Rejected</div>\n        </div>\n    </div>\n\n    <!-- Filter Bar -->\n    <div class=\"filter-bar\">\n        <div class=\"filter-group\">\n            <select class=\"filter-select\"\n                    [(ngModel)]=\"Filters.EntityName\"\n                    (ngModelChange)=\"OnFilterChange()\"\n                    [disabled]=\"EntityNames.length <= 1\">\n                @if (EntityNames.length > 1) {\n                    <option value=\"\">All Entities</option>\n                }\n                @for (name of EntityNames; track name) {\n                    <option [value]=\"name\">{{ name }}</option>\n                }\n            </select>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">Min Score</label>\n                <input type=\"number\"\n                       class=\"filter-input filter-input-score\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\n                       [placeholder]=\"DataMinScore\"\n                       [(ngModel)]=\"Filters.MinScore\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">Max Score</label>\n                <input type=\"number\"\n                       class=\"filter-input filter-input-score\"\n                       min=\"0\" max=\"1\" step=\"0.05\"\n                       [placeholder]=\"DataMaxScore\"\n                       [(ngModel)]=\"Filters.MaxScore\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">From</label>\n                <input type=\"date\"\n                       class=\"filter-input filter-input-date\"\n                       [min]=\"DataMinDate\" [max]=\"DataMaxDate\"\n                       [(ngModel)]=\"Filters.DateFrom\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n\n            <div class=\"filter-range\">\n                <label class=\"filter-label\">To</label>\n                <input type=\"date\"\n                       class=\"filter-input filter-input-date\"\n                       [min]=\"DataMinDate\" [max]=\"DataMaxDate\"\n                       [(ngModel)]=\"Filters.DateTo\"\n                       (ngModelChange)=\"OnFilterChange()\">\n            </div>\n        </div>\n\n        @if (HasActiveFilters) {\n            <button class=\"clear-filters-btn\" (click)=\"ClearFilters()\">\n                <i class=\"fa-solid fa-times\"></i> Clear Filters\n            </button>\n        }\n    </div>\n\n    <!-- Merge Warning Banner (non-blocking, shown when entity lacks AllowRecordMerge) -->\n    @if (ShowMergeWarningBanner) {\n        <div class=\"merge-warning-banner\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n            Merging is not available for this entity. Detection results are read-only.\n        </div>\n    }\n\n    <!-- Content -->\n    @if (IsLoading) {\n        <div class=\"loading-container\">\n            <mj-loading text=\"Loading duplicate detection results...\"></mj-loading>\n        </div>\n    } @else if (IsLoadingResults) {\n        <div class=\"loading-container\">\n            <mj-loading text=\"Loading duplicate detection results...\"></mj-loading>\n        </div>\n    } @else if (TotalGroupCount === 0) {\n        <div class=\"empty-state\">\n            <i class=\"fa-solid fa-clone empty-icon\"></i>\n            <p class=\"empty-text\">No duplicate detection results found.</p>\n            <p class=\"empty-subtext\">Select an entity document and click \"Run Detection\" to start.</p>\n        </div>\n    } @else {\n        <!-- Kanban Board -->\n        <div class=\"kanban-board\">\n            <!-- Pending Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Pending' && DraggedGroup?.ApprovalStatus !== 'Pending'\">\n                <div class=\"column-header column-header-pending\">\n                    <i class=\"fa-solid fa-clock\"></i>\n                    <span class=\"column-title\">Pending Review</span>\n                    <span class=\"column-count\">{{ PendingCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Pending')\"\n                     (dragleave)=\"OnDragLeave($event, 'Pending')\"\n                     (drop)=\"OnDrop($event, 'Pending')\">\n                    @for (group of PendingGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                            <div class=\"card-actions\">\n                                <button class=\"action-btn approve-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"ApproveMatch(group); $event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-check\"></i> Approve\n                                </button>\n                                <button class=\"action-btn reject-btn\"\n                                        [disabled]=\"IsSaving\"\n                                        (click)=\"RejectMatch(group); $event.stopPropagation()\">\n                                    <i class=\"fa-solid fa-times\"></i> Reject\n                                </button>\n                            </div>\n                        </div>\n                    }\n                    @if (PendingGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-check-circle\"></i>\n                            <span>No pending items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Approved Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Approved' && DraggedGroup?.ApprovalStatus !== 'Approved'\">\n                <div class=\"column-header column-header-approved\">\n                    <i class=\"fa-solid fa-check-circle\"></i>\n                    <span class=\"column-title\">Approved</span>\n                    <span class=\"column-count\">{{ ApprovedCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Approved')\"\n                     (dragleave)=\"OnDragLeave($event, 'Approved')\"\n                     (drop)=\"OnDrop($event, 'Approved')\">\n                    @for (group of ApprovedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    @if (ApprovedGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <span>No approved items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n\n            <!-- Rejected Column -->\n            <div class=\"kanban-column\" [class.drop-target-active]=\"DragOverColumn === 'Rejected' && DraggedGroup?.ApprovalStatus !== 'Rejected'\">\n                <div class=\"column-header column-header-rejected\">\n                    <i class=\"fa-solid fa-ban\"></i>\n                    <span class=\"column-title\">Rejected</span>\n                    <span class=\"column-count\">{{ RejectedCount }}</span>\n                </div>\n                <div class=\"column-body\"\n                     (dragover)=\"OnDragOver($event, 'Rejected')\"\n                     (dragleave)=\"OnDragLeave($event, 'Rejected')\"\n                     (drop)=\"OnDrop($event, 'Rejected')\">\n                    @for (group of RejectedGroups; track group.DetailId) {\n                        <div class=\"kanban-card\"\n                             draggable=\"true\"\n                             (dragstart)=\"OnDragStart($event, group)\"\n                             (dragend)=\"OnDragEnd()\"\n                             (click)=\"OpenComparison(group)\">\n                            <div class=\"card-header\">\n                                <div class=\"card-header-left\">\n                                    <div class=\"card-icon\">\n                                        <i [class]=\"group.EntityIcon\"></i>\n                                    </div>\n                                    <div class=\"card-title-block\">\n                                        <div class=\"card-record-name\" [title]=\"group.RecordName\">{{ group.RecordName }}</div>\n                                        <span class=\"entity-badge\">{{ group.EntityName }}</span>\n                                    </div>\n                                </div>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(group.HighestScore)\">\n                                    {{ (group.HighestScore * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <div class=\"card-body\">\n                                @if (group.TopMatchSummaries.length > 0) {\n                                    <div class=\"match-summaries\">\n                                        @for (ms of group.TopMatchSummaries; track ms.Name) {\n                                            <div class=\"match-summary-row\">\n                                                <span class=\"match-score\">{{ (ms.Score * 100).toFixed(0) }}%</span>\n                                                <span class=\"match-name\">{{ ms.Name }}</span>\n                                            </div>\n                                        }\n                                        @if (group.MatchCount > group.TopMatchSummaries.length) {\n                                            <div class=\"match-summary-more\">+{{ group.MatchCount - group.TopMatchSummaries.length }} more</div>\n                                        }\n                                    </div>\n                                }\n                                <div class=\"card-meta-row\">\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-layer-group\"></i>\n                                        {{ group.MatchCount }} match{{ group.MatchCount !== 1 ? 'es' : '' }}\n                                    </span>\n                                    <span class=\"card-meta-item\">\n                                        <i class=\"fa-solid fa-calendar\"></i>\n                                        {{ FormatDate(group.MatchedAt) }}\n                                    </span>\n                                </div>\n                            </div>\n                        </div>\n                    }\n                    @if (RejectedGroups.length === 0) {\n                        <div class=\"column-empty\">\n                            <i class=\"fa-solid fa-inbox\"></i>\n                            <span>No rejected items</span>\n                        </div>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- Saving overlay -->\n    @if (IsSaving) {\n        <div class=\"saving-overlay\">\n            <mj-loading text=\"Saving...\" size=\"small\"></mj-loading>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550 Comparison Slide-In Panel \u2550\u2550\u2550 -->\n    @if (ComparisonGroup) {\n        <div class=\"slide-backdrop\" [class.comparison-closing]=\"ComparisonClosing\" (click)=\"CloseComparison()\"></div>\n        <div class=\"comparison-panel\" [class.comparison-closing]=\"ComparisonClosing\" (click)=\"$event.stopPropagation()\">\n            <!-- Header -->\n            <div class=\"comparison-header\">\n                <div class=\"comparison-header-left\">\n                    <div class=\"comparison-entity-icon\">\n                        <i [class]=\"ComparisonGroup.EntityIcon\"></i>\n                    </div>\n                    <div>\n                        <div class=\"comparison-title\">{{ ComparisonGroup.RecordName }}</div>\n                        <span class=\"comparison-entity-badge\">{{ ComparisonGroup.EntityName }}</span>\n                        <span class=\"comparison-match-count\">\n                            {{ ComparisonGroup.MatchCount }} potential duplicate{{ ComparisonGroup.MatchCount !== 1 ? 's' : '' }}\n                        </span>\n                    </div>\n                </div>\n                <div class=\"comparison-header-right\">\n                    <div class=\"comparison-toggle\">\n                        <button class=\"toggle-btn\" [class.toggle-active]=\"ComparisonShowAllFields\"\n                                (click)=\"ComparisonShowAllFields = true\">All Fields</button>\n                        <button class=\"toggle-btn\" [class.toggle-active]=\"!ComparisonShowAllFields\"\n                                (click)=\"ComparisonShowAllFields = false\">Differences Only</button>\n                    </div>\n                    <button class=\"comparison-close-btn\" (click)=\"CloseComparison()\" title=\"Close (Esc)\">\n                        <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                </div>\n            </div>\n\n            <!-- Grid -->\n            @if (ComparisonLoading) {\n                <div class=\"comparison-loading\">\n                    <mj-loading text=\"Loading records for comparison...\" size=\"medium\"></mj-loading>\n                </div>\n            }\n            <div class=\"comparison-grid-wrapper\" [hidden]=\"ComparisonLoading\">\n                <div class=\"comparison-grid\"\n                     [style.grid-template-columns]=\"'160px repeat(' + (1 + ComparisonMatches.length) + ', minmax(180px, 1fr))'\">\n\n                    <!-- Corner cell -->\n                    <div class=\"grid-corner-cell\">Field</div>\n\n                    <!-- Source column header -->\n                    <div class=\"grid-col-header grid-col-source\">\n                        <span class=\"col-header-label\">Source</span>\n                        <span class=\"col-header-name\">{{ ComparisonGroup.RecordName }}</span>\n                        <div class=\"surviving-selector\">\n                            <input type=\"radio\" name=\"survivor\" class=\"surviving-radio\"\n                                   [checked]=\"SurvivorColumnIndex === 0\"\n                                   (change)=\"SetSurvivor(0)\">\n                            <span class=\"surviving-label\" [class.is-survivor]=\"SurvivorColumnIndex === 0\">\n                                {{ SurvivorColumnIndex === 0 ? 'Surviving Record' : 'Set as survivor' }}\n                            </span>\n                        </div>\n                        <button class=\"use-all-btn\" [class.all-selected]=\"AllFieldsSelectedFrom(0)\"\n                                (click)=\"UseAllFieldsFrom(0)\">\n                            <i class=\"fa-solid\" [class.fa-check-double]=\"AllFieldsSelectedFrom(0)\" [class.fa-clone]=\"!AllFieldsSelectedFrom(0)\"></i>\n                            {{ AllFieldsSelectedFrom(0) ? 'Using all fields' : 'Use all fields' }}\n                        </button>\n                        <!-- Dependencies Summary -->\n                        <div class=\"deps-summary\">\n                            <div class=\"deps-total\">\n                                <i class=\"fa-solid fa-link\"></i>\n                                <span class=\"deps-total-number\">{{ GetTotalDeps(0) }}</span>\n                                {{ GetTotalDeps(0) === 1 ? 'dependency' : 'dependencies' }}\n                                @if (GetMaxDepsColumnIndex() === 0 && GetTotalDeps(0) > 0) {\n                                    <span class=\"deps-total-recommended\"><i class=\"fa-solid fa-star\"></i> Most deps</span>\n                                }\n                            </div>\n                            @if (GetGroupedDeps(0).length > 0) {\n                                <div class=\"deps-header\" (click)=\"ToggleDepsExpanded(0)\">\n                                    <span>{{ IsDepsExpanded(0) ? 'Hide details' : 'Show details' }}</span>\n                                    <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsDepsExpanded(0)\" [class.fa-chevron-up]=\"IsDepsExpanded(0)\"></i>\n                                </div>\n                                @if (IsDepsExpanded(0)) {\n                                    <div class=\"deps-detail-list\">\n                                        @for (dep of GetGroupedDeps(0); track dep.Entity) {\n                                            <div class=\"deps-detail-group\">\n                                                <div class=\"deps-detail-row\" (click)=\"ToggleDepEntityGroup(0, dep.Entity); $event.stopPropagation()\">\n                                                    <span class=\"deps-detail-entity\">\n                                                        <i class=\"fa-solid deps-expand-icon\"\n                                                           [class.fa-chevron-right]=\"!IsDepEntityGroupExpanded(0, dep.Entity)\"\n                                                           [class.fa-chevron-down]=\"IsDepEntityGroupExpanded(0, dep.Entity)\"></i>\n                                                        {{ dep.Entity }}\n                                                    </span>\n                                                    <span class=\"deps-detail-count\">{{ dep.Count }}</span>\n                                                </div>\n                                                @if (IsDepEntityGroupExpanded(0, dep.Entity)) {\n                                                    <div class=\"deps-records-list\">\n                                                        @if (IsDepRecordsLoading(0, dep.Entity)) {\n                                                            <div class=\"deps-record-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                                                        }\n                                                        @for (record of GetDepRecords(0, dep.Entity); track $index) {\n                                                            <div class=\"deps-record-row\" (click)=\"OpenDepRecord(record); $event.stopPropagation()\">\n                                                                <i class=\"fa-solid fa-arrow-up-right-from-square deps-record-icon\"></i>\n                                                                <span class=\"deps-record-name\">{{ record.Name }}</span>\n                                                            </div>\n                                                        }\n                                                    </div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            }\n                        </div>\n                    </div>\n\n                    <!-- Match column headers -->\n                    @for (match of ComparisonMatches; track match.Match.ID; let mi = $index) {\n                        <div class=\"grid-col-header\"\n                             [class.match-approved]=\"match.Match.ApprovalStatus === 'Approved'\"\n                             [class.match-rejected]=\"match.Match.ApprovalStatus === 'Rejected'\">\n                            <div class=\"col-header-top\">\n                                <span class=\"col-header-name\">{{ match.Name }}</span>\n                                <span class=\"score-indicator\" [class]=\"GetScoreClass(match.Score)\">\n                                    {{ (match.Score * 100).toFixed(0) }}%\n                                </span>\n                            </div>\n                            <span class=\"col-header-diff-count\">{{ match.DiffCount }} difference{{ match.DiffCount !== 1 ? 's' : '' }}</span>\n                            <div class=\"surviving-selector\">\n                                <input type=\"radio\" name=\"survivor\" class=\"surviving-radio\"\n                                       [checked]=\"SurvivorColumnIndex === mi + 1\"\n                                       (change)=\"SetSurvivor(mi + 1)\">\n                                <span class=\"surviving-label\" [class.is-survivor]=\"SurvivorColumnIndex === mi + 1\">\n                                    {{ SurvivorColumnIndex === mi + 1 ? 'Surviving Record' : 'Set as survivor' }}\n                                </span>\n                            </div>\n                            <button class=\"use-all-btn\" [class.all-selected]=\"AllFieldsSelectedFrom(mi + 1)\"\n                                    (click)=\"UseAllFieldsFrom(mi + 1)\">\n                                <i class=\"fa-solid\" [class.fa-check-double]=\"AllFieldsSelectedFrom(mi + 1)\" [class.fa-clone]=\"!AllFieldsSelectedFrom(mi + 1)\"></i>\n                                {{ AllFieldsSelectedFrom(mi + 1) ? 'Using all fields' : 'Use all fields' }}\n                            </button>\n                            <!-- Dependencies Summary -->\n                            <div class=\"deps-summary\">\n                                <div class=\"deps-total\">\n                                    <i class=\"fa-solid fa-link\"></i>\n                                    <span class=\"deps-total-number\">{{ GetTotalDeps(mi + 1) }}</span>\n                                    {{ GetTotalDeps(mi + 1) === 1 ? 'dependency' : 'dependencies' }}\n                                    @if (GetMaxDepsColumnIndex() === mi + 1 && GetTotalDeps(mi + 1) > 0) {\n                                        <span class=\"deps-total-recommended\"><i class=\"fa-solid fa-star\"></i> Most deps</span>\n                                    }\n                                </div>\n                                @if (GetGroupedDeps(mi + 1).length > 0) {\n                                    <div class=\"deps-header\" (click)=\"ToggleDepsExpanded(mi + 1)\">\n                                        <span>{{ IsDepsExpanded(mi + 1) ? 'Hide details' : 'Show details' }}</span>\n                                        <i class=\"fa-solid\" [class.fa-chevron-down]=\"!IsDepsExpanded(mi + 1)\" [class.fa-chevron-up]=\"IsDepsExpanded(mi + 1)\"></i>\n                                    </div>\n                                    @if (IsDepsExpanded(mi + 1)) {\n                                        <div class=\"deps-detail-list\">\n                                            @for (dep of GetGroupedDeps(mi + 1); track dep.Entity) {\n                                                <div class=\"deps-detail-group\">\n                                                    <div class=\"deps-detail-row\" (click)=\"ToggleDepEntityGroup(mi + 1, dep.Entity); $event.stopPropagation()\">\n                                                        <span class=\"deps-detail-entity\">\n                                                            <i class=\"fa-solid deps-expand-icon\"\n                                                               [class.fa-chevron-right]=\"!IsDepEntityGroupExpanded(mi + 1, dep.Entity)\"\n                                                               [class.fa-chevron-down]=\"IsDepEntityGroupExpanded(mi + 1, dep.Entity)\"></i>\n                                                            {{ dep.Entity }}\n                                                        </span>\n                                                        <span class=\"deps-detail-count\">{{ dep.Count }}</span>\n                                                    </div>\n                                                    @if (IsDepEntityGroupExpanded(mi + 1, dep.Entity)) {\n                                                        <div class=\"deps-records-list\">\n                                                            @if (IsDepRecordsLoading(mi + 1, dep.Entity)) {\n                                                                <div class=\"deps-record-loading\"><i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...</div>\n                                                            }\n                                                            @for (record of GetDepRecords(mi + 1, dep.Entity); track $index) {\n                                                                <div class=\"deps-record-row\" (click)=\"OpenDepRecord(record); $event.stopPropagation()\">\n                                                                    <i class=\"fa-solid fa-arrow-up-right-from-square deps-record-icon\"></i>\n                                                                    <span class=\"deps-record-name\">{{ record.Name }}</span>\n                                                                </div>\n                                                            }\n                                                        </div>\n                                                    }\n                                                </div>\n                                            }\n                                        </div>\n                                    }\n                                }\n                            </div>\n                            <!-- Per-match approval actions -->\n                            <div class=\"match-approval-actions\">\n                                @if (match.Match.ApprovalStatus === 'Pending') {\n                                    <button class=\"match-action-btn match-skip-btn\"\n                                            title=\"Skip this match (exclude from merge)\"\n                                            (click)=\"RejectIndividualMatch(match)\">\n                                        <i class=\"fa-solid fa-ban\"></i> Skip\n                                    </button>\n                                } @else {\n                                    <span class=\"match-status-badge\"\n                                          [class.status-approved]=\"match.Match.ApprovalStatus === 'Approved'\"\n                                          [class.status-rejected]=\"match.Match.ApprovalStatus === 'Rejected'\">\n                                        <i class=\"fa-solid\" [class.fa-check]=\"match.Match.ApprovalStatus === 'Approved'\"\n                                           [class.fa-times]=\"match.Match.ApprovalStatus === 'Rejected'\"></i>\n                                        {{ match.Match.ApprovalStatus === 'Rejected' ? 'Skipped' : match.Match.ApprovalStatus }}\n                                    </span>\n                                    @if (match.Match.ApprovalStatus === 'Rejected') {\n                                        <button class=\"match-action-btn match-undo-btn\"\n                                                title=\"Undo skip\"\n                                                (click)=\"UndoRejectIndividualMatch(match)\">\n                                            <i class=\"fa-solid fa-undo\"></i> Undo\n                                        </button>\n                                    }\n                                }\n                            </div>\n                        </div>\n                    }\n\n                    <!-- Field rows -->\n                    @for (field of GetVisibleFields(); track field.FieldName; let odd = $odd) {\n                        <!-- Label cell -->\n                        <div class=\"grid-label-cell\" [class.grid-row-odd]=\"odd\">\n                            {{ field.DisplayName }}\n                        </div>\n                        <!-- Source value cell -->\n                        <div class=\"grid-value-cell grid-source-cell\"\n                             [class.grid-row-odd]=\"odd\"\n                             [class.has-diff-in-row]=\"field.HasDifference\"\n                             [class.field-selected]=\"field.SelectedColumnIndex === 0\"\n                             (click)=\"SelectFieldValue(field, 0)\">\n                            @if (field.SourceValue != null) {\n                                {{ field.SourceValue }}\n                            } @else {\n                                <span class=\"field-not-available\">(not available)</span>\n                            }\n                            @if (field.HasDifference || field.SelectedColumnIndex === 0) {\n                                <input type=\"radio\" [name]=\"'field-' + field.FieldName\" class=\"field-select-radio\"\n                                       [checked]=\"field.SelectedColumnIndex === 0\"\n                                       (click)=\"$event.stopPropagation()\"\n                                       (change)=\"SelectFieldValue(field, 0)\">\n                            }\n                        </div>\n                        <!-- Match value cells -->\n                        @for (matchVal of field.MatchValues; track $index; let mi = $index) {\n                            <div class=\"grid-value-cell\"\n                                 [class.grid-row-odd]=\"odd\"\n                                 [class.value-same]=\"AreValuesEqual(field.SourceValue, matchVal)\"\n                                 [class.value-different]=\"matchVal != null && field.SourceValue != null && !AreValuesEqual(field.SourceValue, matchVal)\"\n                                 [class.field-selected]=\"field.SelectedColumnIndex === mi + 1\"\n                                 (click)=\"matchVal != null ? SelectFieldValue(field, mi + 1) : null\">\n                                @if (matchVal != null) {\n                                    {{ matchVal }}\n                                    @if (field.HasDifference || field.SelectedColumnIndex === mi + 1) {\n                                        <input type=\"radio\" [name]=\"'field-' + field.FieldName\" class=\"field-select-radio\"\n                                               [checked]=\"field.SelectedColumnIndex === mi + 1\"\n                                               (click)=\"$event.stopPropagation()\"\n                                               (change)=\"SelectFieldValue(field, mi + 1)\">\n                                    }\n                                } @else {\n                                    <span class=\"field-not-available\">(not available)</span>\n                                }\n                            </div>\n                        }\n                    }\n                </div>\n            </div>\n\n            <!-- Footer -->\n            <div class=\"comparison-footer\">\n                <div class=\"comparison-footer-left\">\n                    <span class=\"comparison-summary\">\n                        Showing {{ GetVisibleFields().length }} of {{ ComparisonFields.length }} fields\n                    </span>\n                    <span class=\"merge-summary\">\n                        <i class=\"fa-solid fa-code-merge\"></i>\n                        Surviving: <strong>{{ SurvivorName() }}</strong>\n                        @if (CherryPickedCount() > 0) {\n                            &middot; {{ CherryPickedCount() }} field{{ CherryPickedCount() !== 1 ? 's' : '' }} cherry-picked\n                        }\n                    </span>\n                </div>\n                <div class=\"comparison-footer-right\">\n                    <button class=\"action-btn reject-btn\" [disabled]=\"IsSaving\"\n                            (click)=\"RejectMatch(ComparisonGroup!); CloseComparison()\">\n                        <i class=\"fa-solid fa-times\"></i> Reject All\n                    </button>\n                    <button class=\"action-btn merge-btn\" [disabled]=\"IsSaving || !HasMergeableMatches || !MergeEnabled\"\n                            (click)=\"OpenMergeConfirm()\"\n                            [title]=\"!MergeEnabled ? 'Merging is not enabled for this entity' : HasMergeableMatches ? 'Merge non-skipped records' : 'All matches have been skipped'\">\n                        <i class=\"fa-solid fa-code-merge\"></i> Merge Records\n                    </button>\n                    @if (!MergeEnabled) {\n                        <span class=\"merge-disabled-hint\"><i class=\"fa-solid fa-info-circle\"></i> Merging disabled for this entity</span>\n                    }\n                </div>\n            </div>\n        </div>\n    }\n\n    <!-- \u2550\u2550\u2550 Merge Confirmation Panel \u2550\u2550\u2550 -->\n    @if (ShowMergeConfirm && ComparisonGroup) {\n        <div class=\"merge-confirm-backdrop\" (click)=\"CloseMergeConfirm()\">\n            <div class=\"merge-confirm-panel\" (click)=\"$event.stopPropagation()\">\n                <div class=\"merge-confirm-header\">\n                    <div class=\"merge-confirm-icon\"><i class=\"fa-solid fa-code-merge\"></i></div>\n                    <div>\n                        <div class=\"merge-confirm-title\">Confirm Record Merge</div>\n                        <div class=\"merge-confirm-subtitle\">This action cannot be undone. Please review carefully.</div>\n                    </div>\n                </div>\n\n                <div class=\"merge-confirm-body\">\n                    <!-- Surviving Record -->\n                    <div class=\"merge-survivor-card\">\n                        <div class=\"merge-survivor-label\"><i class=\"fa-solid fa-shield-halved\"></i> Surviving Record</div>\n                        <div class=\"merge-survivor-name\">{{ SurvivorName() }}</div>\n                        <div class=\"merge-survivor-pk\">\n                            <i class=\"fa-solid fa-key\"></i>\n                            {{ SurvivorKeyDisplay() }}\n                        </div>\n                        <div class=\"merge-survivor-detail\">This record's ID will be retained. All dependencies from merged records will be transferred here.</div>\n                    </div>\n\n                    <!-- Cherry-picked field overrides -->\n                    @if (GetCherryPickedFields().length > 0) {\n                        <div>\n                            <div class=\"merge-section-label\">Field Value Overrides ({{ GetCherryPickedFields().length }} field{{ GetCherryPickedFields().length !== 1 ? 's' : '' }})</div>\n                            @for (field of GetCherryPickedFields(); track field.FieldName) {\n                                <div class=\"merge-field-override\">\n                                    <span class=\"merge-field-name\">{{ field.DisplayName }}</span>\n                                    <span class=\"merge-field-value\">\"{{ field.Value }}\"</span>\n                                    <span class=\"merge-field-source\">from {{ field.SourceName }}</span>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Dependency transfer -->\n                    @if (GetNonSurvivorColumns().length > 0) {\n                        <div class=\"merge-deps-transfer\">\n                            <div class=\"merge-deps-transfer-label\"><i class=\"fa-solid fa-arrow-right-arrow-left\"></i> Dependencies to Transfer</div>\n                            @for (col of GetNonSurvivorColumns(); track col.ColumnIndex) {\n                                <div class=\"merge-deps-transfer-row\">\n                                    <i class=\"fa-solid fa-arrow-right\"></i>\n                                    <span>\n                                        @if (col.DepCount > 0) {\n                                            <strong>{{ col.DepCount }}</strong> {{ col.DepCount === 1 ? 'dependency' : 'dependencies' }} from <strong>{{ col.Name }}</strong> &rarr; {{ SurvivorName() }}\n                                        } @else {\n                                            <strong>0</strong> dependencies from <strong>{{ col.Name }}</strong>\n                                        }\n                                    </span>\n                                </div>\n                            }\n                        </div>\n                    }\n\n                    <!-- Records to be deleted -->\n                    <div class=\"merge-delete-card\">\n                        <div class=\"merge-delete-label\"><i class=\"fa-solid fa-trash\"></i> Records to Delete After Merge</div>\n                        @for (col of GetNonSurvivorColumns(); track col.ColumnIndex) {\n                            <div class=\"merge-delete-item\">\n                                <span class=\"merge-delete-name\">{{ col.Name }}</span>\n                                <span class=\"merge-delete-deps\">\n                                    @if (col.DepCount > 0) {\n                                        {{ col.DepCount }} dep{{ col.DepCount !== 1 ? 's' : '' }} transferring\n                                    } @else {\n                                        no deps\n                                    }\n                                </span>\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <div class=\"merge-confirm-footer\">\n                    <button class=\"action-btn cancel-btn\" (click)=\"CloseMergeConfirm()\" [disabled]=\"IsMerging\">\n                        <i class=\"fa-solid fa-arrow-left\"></i> Back\n                    </button>\n                    <button class=\"action-btn confirm-merge-btn\" (click)=\"ExecuteMerge()\" [disabled]=\"IsMerging\">\n                        @if (IsMerging) {\n                            <i class=\"fa-solid fa-spinner fa-spin\"></i> Merging...\n                        } @else {\n                            <i class=\"fa-solid fa-code-merge\"></i> Confirm Merge ({{ GetNonSurvivorColumns().length + 1 }} records &rarr; 1)\n                        }\n                    </button>\n                </div>\n            </div>\n        </div>\n    }\n\n</div>\n", styles: ["/* ============================================================\n   Duplicate Detection Kanban Board - Resource Component Styles\n   All colors use MJ design tokens (--mj-*) exclusively.\n   ============================================================ */\n\napp-duplicate-detection-resource {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n}\n\n.duplicate-detection-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    padding: 16px 20px;\n    background: var(--mj-bg-page);\n    position: relative;\n    overflow: hidden;\n}\n\n/* ---- Page Header ---- */\n\n.page-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.page-title {\n    margin: 0;\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.page-title i {\n    color: var(--mj-brand-primary);\n}\n\n/* ---- Header Actions ---- */\n\n.header-actions {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.run-detection-controls {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.entity-doc-select {\n    padding: 8px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    min-width: 200px;\n}\n\n.entity-doc-select:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.run-detection-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 16px;\n    border: none;\n    border-radius: 6px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    cursor: pointer;\n    font-size: 13px;\n    font-weight: 600;\n    transition: background 0.15s;\n    white-space: nowrap;\n}\n\n.run-detection-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.run-detection-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Detection Progress ---- */\n\n.detection-progress-section {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n    padding: 14px 18px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.progress-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n}\n\n.progress-stage {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n}\n\n.progress-percent {\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.progress-bar-track {\n    height: 6px;\n    border-radius: 3px;\n    background: var(--mj-bg-surface-sunken);\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    background: var(--mj-brand-primary);\n    transition: width 0.3s ease;\n}\n\n.progress-current-item {\n    display: block;\n    margin-top: 6px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n/* ---- Threshold Controls ---- */\n\n.threshold-controls {\n    display: flex;\n    gap: 24px;\n    padding: 12px 16px;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-status-info) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-subtle);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-slider-group {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.threshold-label {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.threshold-value {\n    margin-left: auto;\n    font-weight: 700;\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n}\n\n.threshold-slider {\n    width: 100%;\n    height: 4px;\n    appearance: none;\n    -webkit-appearance: none;\n    background: var(--mj-border-default);\n    border-radius: 2px;\n    outline: none;\n    cursor: pointer;\n}\n\n.threshold-slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider::-moz-range-thumb {\n    width: 14px;\n    height: 14px;\n    border-radius: 50%;\n    background: var(--mj-brand-primary);\n    border: 2px solid var(--mj-bg-surface);\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n    cursor: pointer;\n}\n\n.threshold-slider:disabled {\n    opacity: 0.4;\n    cursor: not-allowed;\n}\n\n.threshold-hint {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* ---- Threshold Info (legacy) ---- */\n\n.threshold-info {\n    display: flex;\n    gap: 16px;\n    padding: 8px 14px;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-status-info) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-info-border);\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.threshold-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 12px;\n    color: var(--mj-status-info-text);\n    font-weight: 500;\n}\n\n.threshold-item i {\n    font-size: 11px;\n}\n\n/* ---- KPI Strip ---- */\n\n.kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.kpi-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.kpi-value {\n    font-size: 28px;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    line-height: 1.2;\n}\n\n.kpi-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    margin-top: 2px;\n}\n\n.kpi-pending .kpi-value {\n    color: var(--mj-status-warning);\n}\n\n.kpi-approved .kpi-value {\n    color: var(--mj-status-success);\n}\n\n.kpi-rejected .kpi-value {\n    color: var(--mj-status-error);\n}\n\n/* ---- Filter Bar ---- */\n\n.filter-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-shrink: 0;\n}\n\n.filter-group {\n    display: flex;\n    align-items: flex-end;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.filter-select {\n    height: 34px;\n    padding: 4px 10px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    min-width: 160px;\n}\n\n.filter-select:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.filter-range {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.filter-label {\n    font-size: 11px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.filter-input {\n    height: 34px;\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 13px;\n    outline: none;\n    width: 100px;\n}\n\n.filter-input-score {\n    width: 80px;\n}\n\n.filter-input-date {\n    width: 140px;\n}\n\n.filter-input:focus {\n    border-color: var(--mj-border-focus);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.clear-filters-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    height: 34px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 13px;\n    cursor: pointer;\n    white-space: nowrap;\n}\n\n.clear-filters-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* ---- Loading & Empty States ---- */\n\n.loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n}\n\n.empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    min-height: 200px;\n    gap: 8px;\n}\n\n.empty-icon {\n    font-size: 48px;\n    color: var(--mj-text-disabled);\n}\n\n.empty-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    margin: 0;\n}\n\n.empty-subtext {\n    font-size: 13px;\n    color: var(--mj-text-muted);\n    margin: 0;\n}\n\n/* ---- Kanban Board ---- */\n\n.kanban-board {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n    overflow-x: auto;\n}\n\n.kanban-column {\n    flex: 1;\n    min-width: 280px;\n    display: flex;\n    flex-direction: column;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    overflow: hidden;\n}\n\n.column-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    border-bottom: 1px solid var(--mj-border-subtle);\n    flex-shrink: 0;\n}\n\n.column-header-pending {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, var(--mj-bg-surface));\n}\n\n.column-header-pending i {\n    color: var(--mj-status-warning);\n}\n\n.column-header-approved {\n    background: color-mix(in srgb, var(--mj-status-success) 8%, var(--mj-bg-surface));\n}\n\n.column-header-approved i {\n    color: var(--mj-status-success);\n}\n\n.column-header-rejected {\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n.column-header-rejected i {\n    color: var(--mj-status-error);\n}\n\n.column-title {\n    flex: 1;\n}\n\n.column-count {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 24px;\n    height: 24px;\n    padding: 0 6px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 600;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.column-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.column-empty {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n    font-size: 13px;\n}\n\n.column-empty i {\n    font-size: 24px;\n}\n\n/* ---- Kanban Cards ---- */\n\n.kanban-card {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n    overflow: hidden;\n    transition: box-shadow 0.15s ease, border-color 0.15s ease;\n    flex-shrink: 0; /* Prevent cards from shrinking \u2014 column scrolls instead */\n}\n\n.kanban-card:hover {\n    border-color: var(--mj-border-strong);\n    box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-text-primary) 8%, transparent);\n}\n\n/* Drag and Drop */\n.kanban-card[draggable=\"true\"] {\n    cursor: grab;\n}\n\n.kanban-card[draggable=\"true\"]:active {\n    cursor: grabbing;\n}\n\n.drop-target-active {\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface-card)) !important;\n}\n\n.drop-target-active .column-body {\n    min-height: 100px;\n}\n\n.card-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    padding: 10px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    gap: 8px;\n}\n\n.card-header-left {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    min-width: 0;\n    flex: 1;\n}\n\n.card-icon {\n    width: 2rem;\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 6px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.85rem;\n    flex-shrink: 0;\n}\n\n.card-title-block {\n    min-width: 0;\n    flex: 1;\n}\n\n.card-record-name {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    margin-bottom: 2px;\n}\n\n.entity-badge {\n    display: inline-flex;\n    align-items: center;\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 500;\n    color: var(--mj-text-muted);\n    letter-spacing: 0.2px;\n}\n\n/* Score indicator colors */\n\n.score-indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 40px;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 12px;\n    font-weight: 700;\n}\n\n.score-high {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border: 1px solid var(--mj-status-success-border);\n}\n\n.score-medium {\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n}\n\n.score-low {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border: 1px solid var(--mj-status-error-border);\n}\n\n.card-body {\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n}\n\n.match-summaries {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.match-summary-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 12px;\n}\n\n.match-score {\n    flex-shrink: 0;\n    font-weight: 600;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    min-width: 30px;\n}\n\n.match-name {\n    color: var(--mj-text-secondary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.match-summary-more {\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    padding-left: 38px;\n}\n\n.card-meta-row {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    font-size: 11px;\n    color: var(--mj-text-muted);\n    border-top: 1px solid var(--mj-border-subtle);\n    padding-top: 6px;\n}\n\n.card-meta-item {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.card-meta-item i {\n    font-size: 10px;\n}\n    font-size: 12px;\n    max-width: 180px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Comparison Slide-In Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.slide-backdrop {\n    position: fixed;\n    inset: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 9999;\n    animation: fadeIn 0.2s ease;\n}\n\n.slide-backdrop.comparison-closing {\n    animation: fadeOut 0.25s ease forwards;\n}\n\n@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }\n\n.comparison-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 82vw;\n    max-width: 1300px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0,0,0,0.4);\n    z-index: 10000;\n    display: flex;\n    flex-direction: column;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n    overflow: hidden;\n}\n\n.comparison-panel.comparison-closing {\n    animation: slideOut 0.25s cubic-bezier(0.4, 0, 0.2, 1) forwards;\n}\n\n@keyframes slideIn { from { transform: translateX(100%); } to { transform: translateX(0); } }\n@keyframes slideOut { from { transform: translateX(0); } to { transform: translateX(100%); } }\n\n/* Header */\n.comparison-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 14px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n    gap: 12px;\n}\n\n.comparison-header-left {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n}\n\n.comparison-entity-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.comparison-title {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.comparison-entity-badge {\n    display: inline-block;\n    padding: 1px 7px;\n    border-radius: 10px;\n    font-size: 0.65rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    margin-right: 6px;\n}\n\n.comparison-match-count {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.comparison-header-right {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    flex-shrink: 0;\n}\n\n/* Toggle */\n.comparison-toggle {\n    display: flex;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    overflow: hidden;\n}\n\n.toggle-btn {\n    padding: 5px 12px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: none;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.toggle-btn:first-child {\n    border-right: 1px solid var(--mj-border-default);\n}\n\n.toggle-btn.toggle-active {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n}\n\n.comparison-close-btn {\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    font-size: 0.85rem;\n    transition: all 0.15s ease;\n}\n\n.comparison-close-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n/* Loading state */\n.comparison-loading {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Grid wrapper */\n.comparison-grid-wrapper {\n    flex: 1;\n    overflow: auto;\n    min-height: 0;\n}\n\n/* Grid */\n.comparison-grid {\n    display: grid;\n    min-width: 100%;\n}\n\n.comparison-grid > div {\n    padding: 8px 12px;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    border-right: 1px solid var(--mj-border-subtle);\n}\n\n/* Corner cell */\n.grid-corner-cell {\n    position: sticky;\n    top: 0;\n    left: 0;\n    z-index: 4;\n    background: var(--mj-bg-surface-elevated);\n    font-size: 0.65rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    display: flex;\n    align-items: flex-end;\n    padding-bottom: 6px;\n}\n\n/* Column headers */\n.grid-col-header {\n    position: sticky;\n    top: 0;\n    z-index: 3;\n    background: var(--mj-bg-surface-elevated);\n    padding: 10px 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n}\n\n.grid-col-source {\n    border-left: 3px solid var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface-elevated));\n}\n\n.col-header-label {\n    font-size: 0.6rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n}\n\n.col-header-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n}\n\n.col-header-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.col-header-diff-count {\n    font-size: 0.65rem;\n    color: var(--mj-status-warning-text);\n}\n\n/* Surviving record selector */\n.surviving-selector {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.surviving-radio {\n    appearance: none;\n    width: 14px;\n    height: 14px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    flex-shrink: 0;\n}\n\n.surviving-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2px var(--mj-bg-surface-elevated);\n}\n\n.surviving-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.surviving-label.is-survivor {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n/* Use all fields button */\n.use-all-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.62rem;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    margin-top: 2px;\n}\n\n.use-all-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.use-all-btn.all-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n/* Per-match actions */\n.comparison-match-actions {\n    display: flex;\n    gap: 4px;\n    margin-top: 3px;\n}\n\n.action-btn-sm {\n    width: 24px;\n    height: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid;\n    border-radius: 5px;\n    cursor: pointer;\n    font-size: 0.65rem;\n    transition: all 0.15s ease;\n}\n\n.approve-btn-sm {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n.approve-btn-sm:hover { background: rgba(34,197,94,0.25); }\n\n.reject-btn-sm {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n.reject-btn-sm:hover { background: rgba(239,68,68,0.25); }\n\n.match-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.68rem;\n    font-weight: 500;\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.status-approved {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.status-rejected {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.match-approval-actions {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n}\n\n.match-action-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 10px;\n    border-radius: 6px;\n    font-size: 0.7rem;\n    font-weight: 500;\n    border: 1px solid var(--mj-border-default);\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.match-skip-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-status-error);\n    border-color: color-mix(in srgb, var(--mj-status-error) 30%, var(--mj-border-default));\n}\n\n.match-skip-btn:hover {\n    background: var(--mj-status-error-bg);\n    border-color: var(--mj-status-error);\n}\n\n.match-undo-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n}\n\n.match-undo-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-border-strong);\n}\n\n.match-approved {\n    border-top: 3px solid var(--mj-status-success);\n}\n\n.match-rejected {\n    border-top: 3px solid var(--mj-status-error);\n    opacity: 0.6;\n}\n\n/* Label cells */\n.grid-label-cell {\n    position: sticky;\n    left: 0;\n    z-index: 2;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    display: flex;\n    align-items: center;\n}\n\n.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n.grid-label-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface));\n}\n\n/* Value cells */\n.grid-value-cell {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.45;\n    word-break: break-word;\n    position: relative;\n    cursor: pointer;\n}\n\n.grid-source-cell {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, var(--mj-bg-surface));\n    border-left: 3px solid transparent;\n}\n\n.grid-source-cell.grid-row-odd {\n    background: color-mix(in srgb, var(--mj-brand-primary) 3%, color-mix(in srgb, var(--mj-bg-surface-sunken) 50%, var(--mj-bg-surface)));\n}\n\n.grid-source-cell.has-diff-in-row {\n    font-weight: 600;\n}\n\n/* Diff highlighting */\n.value-same {\n    color: var(--mj-text-muted);\n}\n\n.value-different {\n    background: color-mix(in srgb, var(--mj-status-warning) 8%, transparent) !important;\n    border-left: 3px solid var(--mj-status-warning);\n    color: var(--mj-text-primary);\n}\n\n.field-not-available {\n    font-style: italic;\n    font-size: 0.72rem;\n    color: var(--mj-text-disabled);\n}\n\n/* Field selection radio */\n.field-select-radio {\n    position: absolute;\n    top: 50%;\n    right: 8px;\n    transform: translateY(-50%);\n    appearance: none;\n    width: 16px;\n    height: 16px;\n    border: 2px solid var(--mj-border-strong);\n    border-radius: 50%;\n    cursor: pointer;\n    transition: all 0.12s ease;\n    opacity: 0.4;\n}\n\n.field-select-radio:hover {\n    opacity: 0.8;\n}\n\n.field-select-radio:checked {\n    border-color: var(--mj-brand-primary);\n    background: var(--mj-brand-primary);\n    box-shadow: inset 0 0 0 2.5px var(--mj-bg-surface);\n    opacity: 1;\n}\n\n.grid-value-cell.field-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface)) !important;\n    border-left: 3px solid var(--mj-brand-primary);\n}\n\n.grid-value-cell.field-selected .field-select-radio {\n    opacity: 1;\n}\n\n/* Footer */\n.comparison-footer {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 10px 20px;\n    border-top: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.comparison-footer-left {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n}\n\n.comparison-summary {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.merge-summary {\n    font-size: 0.72rem;\n    color: var(--mj-brand-primary);\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.merge-summary i {\n    font-size: 0.65rem;\n}\n\n.comparison-footer-right {\n    display: flex;\n    gap: 8px;\n}\n\n.comparison-footer-right .action-btn {\n    flex: none;\n    padding: 7px 14px;\n}\n\n.merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.merge-btn:hover {\n    background: var(--mj-brand-primary-hover);\n}\n\n.card-actions {\n    display: flex;\n    gap: 8px;\n    padding: 10px 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    height: 32px;\n    padding: 0 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 12px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease, border-color 0.15s ease;\n}\n\n.action-btn:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n}\n\n.approve-btn {\n    background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n    border-color: var(--mj-status-success-border);\n}\n\n.approve-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-success) 20%, var(--mj-bg-surface));\n}\n\n.reject-btn {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-border);\n}\n\n.reject-btn:hover:not(:disabled) {\n    background: color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-bg-surface));\n}\n\n/* ---- Responsive ---- */\n\n@media (max-width: 768px) {\n    .kanban-board {\n        flex-direction: column;\n    }\n\n    .kanban-column {\n        min-width: auto;\n        max-height: 400px;\n    }\n}\n\n@media (max-width: 480px) {\n    .kpi-strip {\n        flex-direction: column;\n    }\n\n    .filter-bar {\n        flex-wrap: wrap;\n    }\n\n    .filter-group {\n        flex-direction: column;\n        align-items: stretch;\n        width: 100%;\n    }\n\n    .filter-select {\n        min-width: auto;\n        width: 100%;\n    }\n\n    .filter-input {\n        width: 100%;\n    }\n\n    .card-actions {\n        flex-direction: column;\n    }\n\n    .action-btn {\n        width: 100%;\n    }\n}\n\n/* ---- Saving Overlay ---- */\n\n.saving-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay);\n    z-index: 10;\n    border-radius: 8px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Dependencies Summary (in column headers)\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.deps-summary {\n    margin-top: 6px;\n    padding: 6px 8px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.68rem;\n}\n\n.deps-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.deps-header i {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-header:hover {\n    color: var(--mj-text-primary);\n}\n\n.deps-total {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin-bottom: 2px;\n}\n\n.deps-total i {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-total-number {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    padding: 0 6px;\n    border-radius: 8px;\n    font-size: 0.7rem;\n    font-weight: 700;\n}\n\n.deps-total-recommended {\n    font-size: 0.58rem;\n    color: var(--mj-status-success-text);\n    font-weight: 600;\n    margin-left: 4px;\n}\n\n.deps-total-recommended i {\n    color: var(--mj-status-success-text);\n}\n\n.deps-detail-list {\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n}\n\n.deps-detail-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 3px 0;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: background 0.1s ease;\n}\n\n.deps-detail-row:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.deps-detail-entity {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-secondary);\n}\n\n.deps-expand-icon {\n    font-size: 0.5rem;\n    width: 10px;\n    text-align: center;\n    color: var(--mj-text-muted);\n}\n\n/* Individual dependency records list */\n.deps-records-list {\n    padding-left: 14px;\n    margin-bottom: 2px;\n}\n\n.deps-record-row {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    padding: 2px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    border-radius: 3px;\n    transition: color 0.1s ease, background 0.1s ease;\n}\n\n.deps-record-row:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.deps-record-icon {\n    font-size: 0.5rem;\n    flex-shrink: 0;\n}\n\n.deps-record-name {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    font-size: 0.6rem;\n}\n\n.deps-record-loading {\n    padding: 3px 4px;\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.deps-record-loading i {\n    margin-right: 4px;\n}\n\n.deps-detail-count {\n    color: var(--mj-text-primary);\n    font-weight: 600;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Merge Confirmation Panel\n   \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-confirm-backdrop {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.3);\n    z-index: 20000;\n    animation: fadeIn 0.2s ease;\n}\n\n.merge-confirm-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 520px;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    box-shadow: -8px 0 40px rgba(0, 0, 0, 0.4);\n    z-index: 20001;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: slideIn 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.merge-confirm-header {\n    padding: 18px 24px;\n    border-bottom: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.merge-confirm-icon {\n    width: 40px;\n    height: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n    font-size: 1.1rem;\n    flex-shrink: 0;\n}\n\n.merge-confirm-title {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.merge-confirm-subtitle {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.merge-confirm-body {\n    padding: 20px 24px;\n    overflow-y: auto;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n/* Surviving record card */\n\n.merge-survivor-card {\n    padding: 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-brand-primary);\n    border-radius: 8px;\n}\n\n.merge-survivor-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-brand-primary);\n    margin-bottom: 4px;\n}\n\n.merge-survivor-label i {\n    margin-right: 4px;\n}\n\n.merge-survivor-name {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.merge-survivor-pk {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border-radius: 4px;\n    font-size: 0.68rem;\n    font-family: monospace;\n    color: var(--mj-text-secondary);\n}\n\n.merge-survivor-pk i {\n    font-size: 0.6rem;\n    color: var(--mj-brand-primary);\n}\n\n.merge-survivor-detail {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n}\n\n/* Cherry-picked fields section */\n\n.merge-section-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    margin-bottom: 6px;\n}\n\n.merge-field-override {\n    display: flex;\n    align-items: baseline;\n    gap: 8px;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.merge-field-name {\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    min-width: 110px;\n    flex-shrink: 0;\n}\n\n.merge-field-value {\n    color: var(--mj-text-primary);\n}\n\n.merge-field-source {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: auto;\n    white-space: nowrap;\n}\n\n/* Dependency transfer summary */\n\n.merge-deps-transfer {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-border-default);\n    border-radius: 8px;\n}\n\n.merge-deps-transfer-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-brand-primary);\n    margin-bottom: 6px;\n}\n\n.merge-deps-transfer-label i {\n    margin-right: 4px;\n}\n\n.merge-deps-transfer-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 3px 0;\n    font-size: 0.75rem;\n    color: var(--mj-text-secondary);\n}\n\n.merge-deps-transfer-row i {\n    color: var(--mj-brand-primary);\n    font-size: 0.65rem;\n    width: 14px;\n    text-align: center;\n}\n\n/* Records to delete */\n\n.merge-delete-card {\n    padding: 10px 14px;\n    background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n    border: 1px solid var(--mj-status-error-border);\n    border-radius: 8px;\n}\n\n.merge-delete-label {\n    font-size: 0.65rem;\n    font-weight: 700;\n    text-transform: uppercase;\n    color: var(--mj-status-error-text);\n    margin-bottom: 6px;\n}\n\n.merge-delete-label i {\n    margin-right: 4px;\n}\n\n.merge-delete-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 5px 0;\n    font-size: 0.78rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.merge-delete-item:last-child {\n    border-bottom: none;\n}\n\n.merge-delete-name {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.merge-delete-deps {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* Confirm footer */\n\n.merge-confirm-footer {\n    padding: 14px 24px;\n    border-top: 1px solid var(--mj-border-default);\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    gap: 10px;\n}\n\n.cancel-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.cancel-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.confirm-merge-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.confirm-merge-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.confirm-merge-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* ---- Responsive: Merge Confirm ---- */\n\n@media (max-width: 600px) {\n    .merge-confirm-panel {\n        width: 100%;\n    }\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Disabled Hint \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-disabled-hint {\n    font-size: 11.5px;\n    color: var(--mj-status-warning-text, #e65100);\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    margin-left: 4px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Merge Warning Banner (inline, non-blocking) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.merge-warning-banner {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 16px;\n    margin-bottom: 12px;\n    border-radius: 6px;\n    background: var(--mj-status-warning-bg);\n    color: var(--mj-status-warning-text);\n    border: 1px solid var(--mj-status-warning-border);\n    font-size: 13px;\n    font-weight: 500;\n    flex-shrink: 0;\n}\n\n.merge-warning-banner i {\n    font-size: 14px;\n    flex-shrink: 0;\n}\n"] }]
+    }], null, { OnEscapeKey: [{
+            type: HostListener,
+            args: ['document:keydown.escape']
+        }], EmbeddedMode: [{
             type: Input
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DuplicateDetectionResourceComponent, { className: "DuplicateDetectionResourceComponent", filePath: "src/AI/components/duplicates/duplicate-detection-resource.component.ts", lineNumber: 105 }); })();