@memberjunction/ng-dashboards 5.39.0 → 5.40.1

package/dist/AI/components/autotagging/autotagging-pipeline-resource.component.js

@@ -15,17 +15,17 @@ var AutotaggingPipelineResourceComponent_1;
  */
 import { Component, ChangeDetectorRef, inject, ViewChild, ViewEncapsulation } from '@angular/core';
 import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import { CompositeKey, RunView } from '@memberjunction/core';
+import { debounceTime, takeUntil } from 'rxjs/operators';
+import { BaseEntity, CompositeKey, RunView } from '@memberjunction/core';
 import { KnowledgeHubMetadataEngine, UserInfoEngine } from '@memberjunction/core-entities';
-import { RegisterClass, UUIDsEqual, NormalizeUUID } from '@memberjunction/global';
-import { BaseResourceComponent, NavigationService } from '@memberjunction/ng-shared';
+import { RegisterClass, UUIDsEqual, NormalizeUUID, MJGlobal, MJEventType } from '@memberjunction/global';
+import { BaseResourceComponent, NavigationService, ActivityService } from '@memberjunction/ng-shared';
 import { GraphQLAIClient } from '@memberjunction/graphql-dataprovider';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { ClassifyTagsTabComponent } from './tabs/tags-tab.component';
 import { ClassifyInboxTabComponent } from './tabs/inbox-tab.component';
 import { ClassifyHealthTabComponent } from './tabs/health-tab.component';
-import { formatNumber, formatDate, getSourceTypeIcon, mapRunDetailRecords } from './shared/classify.format';
+import { formatNumber, formatDate, getSourceTypeIcon, mapRunDetailRecords, deriveDisplayName } from './shared/classify.format';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
 import * as i2 from "./tabs/history-tab.component";
@@ -37,194 +37,344 @@ import * as i7 from "./tabs/taxonomy-tab.component";
 import * as i8 from "./tabs/inbox-tab.component";
 import * as i9 from "./tabs/health-tab.component";
 import * as i10 from "./dialogs/item-detail.dialog.component";
-import * as i11 from "./dialogs/no-content-type-warning.dialog.component";
-import * as i12 from "./dialogs/source-type-form.dialog.component";
+import * as i11 from "./components/classify-item-drilldown.component";
+import * as i12 from "./dialogs/no-content-type-warning.dialog.component";
+import * as i13 from "./dialogs/source-type-form.dialog.component";
+import * as i14 from "./dialogs/classify-setup-wizard.component";
 const _c0 = ["formDialog"];
+const _c1 = ["setupWizard"];
 const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.N;
 function AutotaggingPipelineResourceComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 17);
-    i0.ɵɵelementStart(1, "span", 18);
+    i0.ɵɵelement(0, "i", 18);
+    i0.ɵɵelementStart(1, "span", 19);
     i0.ɵɵtext(2, "Running\u2026");
     i0.ɵɵelementEnd();
 } }
 function AutotaggingPipelineResourceComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 19);
-    i0.ɵɵelementStart(1, "span", 18);
+    i0.ɵɵelement(0, "i", 20);
+    i0.ɵɵelementStart(1, "span", 19);
     i0.ɵɵtext(2, "Run Pipeline");
     i0.ɵɵelementEnd();
 } }
 function AutotaggingPipelineResourceComponent_Case_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "classify-history-tab", 8);
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-history-tab", 21);
+    i0.ɵɵlistener("RefreshRequested", function AutotaggingPipelineResourceComponent_Case_10_Template_classify_history_tab_RefreshRequested_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ReloadRunHistory()); })("LoadMoreRequested", function AutotaggingPipelineResourceComponent_Case_10_Template_classify_history_tab_LoadMoreRequested_0_listener() { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.LoadMoreRunHistory()); })("ItemSelected", function AutotaggingPipelineResourceComponent_Case_10_Template_classify_history_tab_ItemSelected_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenItemDrilldown($event)); });
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Runs", ctx_r1.ContentRunsRaw)("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Runs", ctx_r2.ContentRunsRaw)("TotalRunCount", ctx_r2.TotalRunHistoryCount)("IsLoadingMore", ctx_r2.IsLoadingMoreRuns)("Provider", ctx_r2.ProviderToUse);
 } }
 function AutotaggingPipelineResourceComponent_Case_11_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-types-tab", 20);
-    i0.ɵɵlistener("AddTypeRequested", function AutotaggingPipelineResourceComponent_Case_11_Template_classify_types_tab_AddTypeRequested_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenAddTypeForm()); })("EditTypeRequested", function AutotaggingPipelineResourceComponent_Case_11_Template_classify_types_tab_EditTypeRequested_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenEditTypeForm($event)); });
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-types-tab", 22);
+    i0.ɵɵlistener("AddTypeRequested", function AutotaggingPipelineResourceComponent_Case_11_Template_classify_types_tab_AddTypeRequested_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenAddTypeForm()); })("EditTypeRequested", function AutotaggingPipelineResourceComponent_Case_11_Template_classify_types_tab_EditTypeRequested_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenEditTypeForm($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ContentTypes", ctx_r1.ContentTypesRaw)("Sources", ctx_r1.ContentSourcesRaw)("Items", ctx_r1.ContentItemsRaw)("TotalItemCount", ctx_r1.TotalContentItemCount)("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ContentTypes", ctx_r2.ContentTypesRaw)("Sources", ctx_r2.ContentSourcesRaw)("Items", ctx_r2.ContentItemsRaw)("TotalItemCount", ctx_r2.TotalContentItemCount)("Provider", ctx_r2.ProviderToUse);
 } }
 function AutotaggingPipelineResourceComponent_Case_12_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-tags-tab", 21);
-    i0.ɵɵlistener("OpenItemDetailRequested", function AutotaggingPipelineResourceComponent_Case_12_Template_classify_tags_tab_OpenItemDetailRequested_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenItemDetailByID($event)); });
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-tags-tab", 23);
+    i0.ɵɵlistener("OpenItemDetailRequested", function AutotaggingPipelineResourceComponent_Case_12_Template_classify_tags_tab_OpenItemDetailRequested_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenItemDetailByID($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ContentTags", ctx_r1.ContentTagsRaw)("ContentItems", ctx_r1.ContentItemsRaw)("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ContentTags", ctx_r2.ContentTagsRaw)("ContentItems", ctx_r2.ContentItemsRaw)("Provider", ctx_r2.ProviderToUse);
 } }
 function AutotaggingPipelineResourceComponent_Case_13_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 17);
+    i0.ɵɵelement(0, "i", 18);
     i0.ɵɵtext(1, " Loading... ");
 } }
 function AutotaggingPipelineResourceComponent_Case_13_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 32);
+    i0.ɵɵelement(0, "i", 34);
     i0.ɵɵtext(1, " Load Duplicates ");
 } }
 function AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 33)(1, "div", 34)(2, "div", 35)(3, "span", 36);
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 35)(1, "div", 36)(2, "div", 37)(3, "span", 38);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 37);
+    i0.ɵɵelementStart(5, "span", 39);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 38);
-    i0.ɵɵelement(8, "i", 39);
+    i0.ɵɵelementStart(7, "div", 40);
+    i0.ɵɵelement(8, "i", 41);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 35)(10, "span", 36);
+    i0.ɵɵelementStart(9, "div", 37)(10, "span", 38);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 37);
+    i0.ɵɵelementStart(12, "span", 39);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(14, "div", 40)(15, "span", 41);
+    i0.ɵɵelementStart(14, "div", 42)(15, "span", 43);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 42);
+    i0.ɵɵelementStart(17, "span", 44);
     i0.ɵɵtext(18);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(19, "div", 43)(20, "button", 44);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template_button_click_20_listener() { const dup_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ConfirmContentDuplicate(dup_r7)); });
-    i0.ɵɵelement(21, "i", 45);
+    i0.ɵɵelementStart(19, "div", 45)(20, "button", 46);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template_button_click_20_listener() { const dup_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.ConfirmContentDuplicate(dup_r8)); });
+    i0.ɵɵelement(21, "i", 47);
     i0.ɵɵtext(22, " Confirm ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "button", 46);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template_button_click_23_listener() { const dup_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.DismissContentDuplicate(dup_r7)); });
-    i0.ɵɵelement(24, "i", 47);
+    i0.ɵɵelementStart(23, "button", 48);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template_button_click_23_listener() { const dup_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.DismissContentDuplicate(dup_r8)); });
+    i0.ɵɵelement(24, "i", 49);
     i0.ɵɵtext(25, " Dismiss ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const dup_r7 = ctx.$implicit;
+    const dup_r8 = ctx.$implicit;
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate(dup_r7.ItemAName);
+    i0.ɵɵtextInterpolate(dup_r8.ItemAName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dup_r7.ItemASource);
+    i0.ɵɵtextInterpolate(dup_r8.ItemASource);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(dup_r7.ItemBName);
+    i0.ɵɵtextInterpolate(dup_r8.ItemBName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dup_r7.ItemBSource);
+    i0.ɵɵtextInterpolate(dup_r8.ItemBSource);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("", (dup_r7.SimilarityScore * 100).toFixed(0), "% match");
+    i0.ɵɵtextInterpolate1("", (dup_r8.SimilarityScore * 100).toFixed(0), "% match");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(dup_r7.DetectionMethod);
+    i0.ɵɵtextInterpolate(dup_r8.DetectionMethod);
 } }
 function AutotaggingPipelineResourceComponent_Case_13_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 30);
-    i0.ɵɵrepeaterCreate(1, AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template, 26, 6, "div", 33, _forTrack0);
+    i0.ɵɵelementStart(0, "div", 32);
+    i0.ɵɵrepeaterCreate(1, AutotaggingPipelineResourceComponent_Case_13_Conditional_14_For_2_Template, 26, 6, "div", 35, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.ContentDuplicates);
+    i0.ɵɵrepeater(ctx_r2.ContentDuplicates);
 } }
 function AutotaggingPipelineResourceComponent_Case_13_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 31);
-    i0.ɵɵelement(1, "i", 48);
+    i0.ɵɵelementStart(0, "div", 33);
+    i0.ɵɵelement(1, "i", 50);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3, "No pending duplicates. Click \"Load Duplicates\" to check.");
     i0.ɵɵelementEnd()();
 } }
 function AutotaggingPipelineResourceComponent_Case_13_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-sources-tab", 22, 1);
-    i0.ɵɵlistener("AddSourceRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_AddSourceRequested_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenAddSourceForm()); })("EditSourceRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_EditSourceRequested_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenEditSourceForm($event)); })("RunSourceRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_RunSourceRequested_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RunPipelineForSource($event)); })("OpenContentItemRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_OpenContentItemRequested_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenContentItemDetail($event)); })("DataChanged", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_DataChanged_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSourcesDataChanged()); });
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-sources-tab", 24, 2);
+    i0.ɵɵlistener("AddSourceRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_AddSourceRequested_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenAddSourceForm()); })("AddSourceGuidedRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_AddSourceGuidedRequested_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenSetupWizard()); })("EditSourceRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_EditSourceRequested_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenEditSourceForm($event)); })("RunSourceRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_RunSourceRequested_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.RunPipelineForSource($event)); })("OpenContentItemRequested", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_OpenContentItemRequested_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenContentItemDetail($event)); })("DataChanged", function AutotaggingPipelineResourceComponent_Case_13_Template_classify_sources_tab_DataChanged_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnSourcesDataChanged()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(2, "div", 23)(3, "div", 24)(4, "div", 25)(5, "div")(6, "h3", 26);
-    i0.ɵɵelement(7, "i", 27);
+    i0.ɵɵelementStart(2, "div", 25)(3, "div", 26)(4, "div", 27)(5, "div")(6, "h3", 28);
+    i0.ɵɵelement(7, "i", 29);
     i0.ɵɵtext(8, " Content Duplicates ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 28);
+    i0.ɵɵelementStart(9, "span", 30);
     i0.ɵɵtext(10, "Review detected duplicate content items across sources");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "button", 29);
-    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_13_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.LoadContentDuplicates()); });
+    i0.ɵɵelementStart(11, "button", 31);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_13_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.LoadContentDuplicates()); });
     i0.ɵɵconditionalCreate(12, AutotaggingPipelineResourceComponent_Case_13_Conditional_12_Template, 2, 0)(13, AutotaggingPipelineResourceComponent_Case_13_Conditional_13_Template, 2, 0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(14, AutotaggingPipelineResourceComponent_Case_13_Conditional_14_Template, 3, 0, "div", 30)(15, AutotaggingPipelineResourceComponent_Case_13_Conditional_15_Template, 4, 0, "div", 31);
+    i0.ɵɵconditionalCreate(14, AutotaggingPipelineResourceComponent_Case_13_Conditional_14_Template, 3, 0, "div", 32)(15, AutotaggingPipelineResourceComponent_Case_13_Conditional_15_Template, 4, 0, "div", 33);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Sources", ctx_r1.ContentSourcesRaw)("Items", ctx_r1.ContentItemsRaw)("Tags", ctx_r1.ContentTagsRaw)("Runs", ctx_r1.ContentRunsRaw)("TotalItemCount", ctx_r1.TotalContentItemCount)("TotalTagCount", ctx_r1.TotalContentTagCount)("ScheduledActions", ctx_r1.ScheduledActionsCache)("EntityRecordDocCache", ctx_r1.EntityRecordDocCacheMap)("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Sources", ctx_r2.ContentSourcesRaw)("Items", ctx_r2.ContentItemsRaw)("Tags", ctx_r2.ContentTagsRaw)("Runs", ctx_r2.ContentRunsRaw)("TotalItemCount", ctx_r2.TotalContentItemCount)("TotalTagCount", ctx_r2.TotalContentTagCount)("ScheduledActions", ctx_r2.ScheduledActionsCache)("EntityRecordDocCache", ctx_r2.EntityRecordDocCacheMap)("Provider", ctx_r2.ProviderToUse);
     i0.ɵɵadvance(11);
-    i0.ɵɵproperty("disabled", ctx_r1.IsLoadingDuplicates);
+    i0.ɵɵproperty("disabled", ctx_r2.IsLoadingDuplicates);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.IsLoadingDuplicates ? 12 : 13);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r2.ContentDuplicates.length > 0 ? 14 : !ctx_r2.IsLoadingDuplicates ? 15 : -1);
+} }
+function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 47);
+} }
+function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const step_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵtextInterpolate1(" ", step_r11.N, " ");
+} }
+function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_9_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r2 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r2.OnOnboardingAction("seed")); });
+    i0.ɵɵelement(1, "i", 68);
+    i0.ɵɵtext(2, " Generate starter taxonomy ");
+    i0.ɵɵelementEnd();
+} }
+function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 64)(1, "button", 65);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_9_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r12); const step_r11 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r2.OnOnboardingAction(step_r11.Action)); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_9_Conditional_3_Template, 3, 0, "button", 66);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const step_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(step_r11.Cta);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.IsLoadingDuplicates ? 12 : 13);
+    i0.ɵɵconditional(step_r11.Action === "run" ? 3 : -1);
+} }
+function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59)(1, "div", 60);
+    i0.ɵɵconditionalCreate(2, AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_2_Template, 1, 0, "i", 47)(3, AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_3_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 61)(5, "div", 62);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 63);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Conditional_9_Template, 4, 2, "div", 64);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const step_r11 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("kh-step-done", step_r11.Done)("kh-step-active", !step_r11.Done && step_r11.N - 1 === ctx_r2.OnboardingActiveStep);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.ContentDuplicates.length > 0 ? 14 : !ctx_r1.IsLoadingDuplicates ? 15 : -1);
+    i0.ɵɵconditional(step_r11.Done ? 2 : 3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(step_r11.Title);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(step_r11.Desc);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(step_r11.Action && !step_r11.Done && step_r11.N - 1 === ctx_r2.OnboardingActiveStep ? 9 : -1);
+} }
+function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 51)(1, "div", 53)(2, "div", 54);
+    i0.ɵɵelement(3, "i", 55);
+    i0.ɵɵelementStart(4, "div")(5, "h3");
+    i0.ɵɵtext(6, "Let's get your Knowledge Hub classifying");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "p");
+    i0.ɵɵtext(8, "Three quick steps to go from an empty hub to auto-tagged content.");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(9, "button", 56);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Case_14_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r10); const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.DismissOnboarding()); });
+    i0.ɵɵelement(10, "i", 49);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 57);
+    i0.ɵɵrepeaterCreate(12, AutotaggingPipelineResourceComponent_Case_14_Conditional_0_For_13_Template, 10, 8, "div", 58, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r2.OnboardingSteps);
 } }
 function AutotaggingPipelineResourceComponent_Case_14_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-pipeline-tab", 49);
-    i0.ɵɵlistener("RefreshRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_RefreshRequested_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.LoadPipelineData()); })("PauseRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_PauseRequested_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.PausePipeline()); })("ResumeRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_ResumeRequested_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ResumePipeline()); })("CancelRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_CancelRequested_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CancelPipeline()); })("LoadLiveRunDetailsRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_LoadLiveRunDetailsRequested_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.LoadLiveRunDetails()); })("FeedItemClicked", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_FeedItemClicked_0_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OpenFeedItemDetail($event)); })("ConfigToggled", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_ConfigToggled_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.TogglePipelineConfig()); });
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵconditionalCreate(0, AutotaggingPipelineResourceComponent_Case_14_Conditional_0_Template, 14, 0, "div", 51);
+    i0.ɵɵelementStart(1, "classify-pipeline-tab", 52);
+    i0.ɵɵlistener("RefreshRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_RefreshRequested_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.LoadPipelineData()); })("LoadMoreItemsRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_LoadMoreItemsRequested_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.LoadMoreContentItems()); })("PauseRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_PauseRequested_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.PausePipeline()); })("ResumeRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_ResumeRequested_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.ResumePipeline()); })("CancelRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_CancelRequested_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CancelPipeline()); })("LoadLiveRunDetailsRequested", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_LoadLiveRunDetailsRequested_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.LoadLiveRunDetails()); })("FeedItemClicked", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_FeedItemClicked_1_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenFeedItemDetail($event)); })("ConfigToggled", function AutotaggingPipelineResourceComponent_Case_14_Template_classify_pipeline_tab_ConfigToggled_1_listener() { i0.ɵɵrestoreView(_r9); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.TogglePipelineConfig()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("KPIMetrics", ctx_r1.KPIMetrics)("PipelineStages", ctx_r1.PipelineStages)("FeedItems", ctx_r1.FeedItems)("SourceMinis", ctx_r1.SourceMinis)("TrendingTags", ctx_r1.TrendingTags)("LiveRunDetailRows", ctx_r1.LiveRunDetailRows)("IsRunning", ctx_r1.IsRunning)("IsPaused", ctx_r1.IsPaused)("RunProgress", ctx_r1.RunProgress)("RunStage", ctx_r1.RunStage)("RunCurrentItem", ctx_r1.RunCurrentItem)("CurrentProcessRunID", ctx_r1.CurrentProcessRunID)("PipelineConfig", ctx_r1.PipelineConfig)("ShowPipelineConfig", ctx_r1.ShowPipelineConfig)("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.ShowOnboarding && !ctx_r2.OnboardingDismissed ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("KPIMetrics", ctx_r2.KPIMetrics)("PipelineStages", ctx_r2.PipelineStages)("FeedItems", ctx_r2.FeedItems)("SourceMinis", ctx_r2.SourceMinis)("TrendingTags", ctx_r2.TrendingTags)("LiveRunDetailRows", ctx_r2.LiveRunDetailRows)("TotalItemCount", ctx_r2.TotalContentItemCount)("IsLoadingMoreItems", ctx_r2.IsLoadingMoreItems)("IsRunning", ctx_r2.IsRunning)("IsPaused", ctx_r2.IsPaused)("RunProgress", ctx_r2.RunProgress)("RunStage", ctx_r2.RunStage)("RunCurrentItem", ctx_r2.RunCurrentItem)("CurrentProcessRunID", ctx_r2.CurrentProcessRunID)("PipelineConfig", ctx_r2.PipelineConfig)("ShowPipelineConfig", ctx_r2.ShowPipelineConfig)("Provider", ctx_r2.ProviderToUse);
 } }
 function AutotaggingPipelineResourceComponent_Case_15_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-inbox-tab", 50);
-    i0.ɵɵlistener("Resolved", function AutotaggingPipelineResourceComponent_Case_15_Template_classify_inbox_tab_Resolved_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onInboxResolved()); });
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-inbox-tab", 69);
+    i0.ɵɵlistener("Resolved", function AutotaggingPipelineResourceComponent_Case_15_Template_classify_inbox_tab_Resolved_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onInboxResolved()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Provider", ctx_r2.ProviderToUse);
 } }
 function AutotaggingPipelineResourceComponent_Case_16_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-health-tab", 51);
-    i0.ɵɵlistener("Resolved", function AutotaggingPipelineResourceComponent_Case_16_Template_classify_health_tab_Resolved_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onHealthResolved()); })("OpenInTaxonomyRequested", function AutotaggingPipelineResourceComponent_Case_16_Template_classify_health_tab_OpenInTaxonomyRequested_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenInTaxonomyRequested($event)); });
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-health-tab", 70);
+    i0.ɵɵlistener("Resolved", function AutotaggingPipelineResourceComponent_Case_16_Template_classify_health_tab_Resolved_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onHealthResolved()); })("OpenInTaxonomyRequested", function AutotaggingPipelineResourceComponent_Case_16_Template_classify_health_tab_OpenInTaxonomyRequested_0_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onOpenInTaxonomyRequested($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Provider", ctx_r2.ProviderToUse);
 } }
 function AutotaggingPipelineResourceComponent_Case_17_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "classify-taxonomy-tab", 52);
-    i0.ɵɵlistener("DataChanged", function AutotaggingPipelineResourceComponent_Case_17_Template_classify_taxonomy_tab_DataChanged_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTaxonomyDataChanged()); });
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "classify-taxonomy-tab", 71);
+    i0.ɵɵlistener("DataChanged", function AutotaggingPipelineResourceComponent_Case_17_Template_classify_taxonomy_tab_DataChanged_0_listener() { i0.ɵɵrestoreView(_r16); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OnTaxonomyDataChanged()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ContentTags", ctx_r1.ContentTagsRaw)("Provider", ctx_r1.ProviderToUse);
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ContentTags", ctx_r2.ContentTagsRaw)("Provider", ctx_r2.ProviderToUse);
+} }
+function AutotaggingPipelineResourceComponent_Conditional_23_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 72);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseItemDrilldown()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 73)(2, "div", 74)(3, "h3");
+    i0.ɵɵelement(4, "i", 75);
+    i0.ɵɵtext(5, " Item Drilldown");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "button", 76);
+    i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Conditional_23_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.CloseItemDrilldown()); });
+    i0.ɵɵelement(7, "i", 49);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(8, "div", 77)(9, "classify-item-drilldown", 78);
+    i0.ɵɵlistener("OpenRecordRequested", function AutotaggingPipelineResourceComponent_Conditional_23_Template_classify_item_drilldown_OpenRecordRequested_9_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.OpenDrilldownRecord($event)); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵproperty("ItemID", ctx_r2.DrilldownItemID)("Provider", ctx_r2.ProviderToUse);
 } }
 let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComponent extends BaseResourceComponent {
     static { AutotaggingPipelineResourceComponent_1 = this; }
     destroy$ = new Subject();
     cdr = inject(ChangeDetectorRef);
+    activityService = inject(ActivityService);
+    /** Activity-tracker id for the currently running pipeline (P3). */
+    pipelineActivityID = null;
+    /** Debounced bus of entity names that changed externally; drives targeted reloads. */
+    entityChange$ = new Subject();
     navigationService = inject(NavigationService);
     // ── Global state ──
     IsLoading = true;
     // ── Accurate total counts from TotalRowCount (not capped by MaxRows) ──
     totalContentItemCount = 0;
     totalContentTagCount = 0;
+    totalRunHistoryCount = 0;
+    // ── Pagination windows (no silent truncation; user can Load more) ──
+    static CONTENT_ITEMS_PAGE_SIZE = 200;
+    static RUN_HISTORY_PAGE_SIZE = 200;
+    /** Current number of `MJ: Content Items` rows loaded into the feed window. */
+    contentItemsPageSize = AutotaggingPipelineResourceComponent_1.CONTENT_ITEMS_PAGE_SIZE;
+    /** Current number of `MJ: Content Process Runs` rows loaded into the history window. */
+    runHistoryWindowSize = AutotaggingPipelineResourceComponent_1.RUN_HISTORY_PAGE_SIZE;
+    /** True while a "Load more" fetch is in flight. */
+    IsLoadingMoreItems = false;
+    IsLoadingMoreRuns = false;
     // ── Tab state ──
-    ActiveTab = 'pipeline';
+    _activeTab = 'pipeline';
+    /** True once the view exists (after ngAfterViewInit), so the setter can safely run CD. */
+    viewReady = false;
+    /**
+     * The active tab. Backed by a setter that, once the view is ready, synchronously
+     * flushes change detection whenever the value changes. The left-nav binds
+     * `[ActiveId]="ActiveTab"`; mutating this during an async gap in init (e.g. between
+     * the await in ngAfterViewInit and the next CD pass) previously surfaced an NG0100
+     * (`Previous value: 'pipeline'. Current value: 'sources'`). Flushing in the setter
+     * keeps the bound value stable across the check that follows.
+     */
+    get ActiveTab() {
+        return this._activeTab;
+    }
+    set ActiveTab(value) {
+        // Tag-vocabulary tabs moved to the dedicated Tags surface; coerce any
+        // stale saved/deep-linked value for a removed tab back to the cockpit.
+        const v = AutotaggingPipelineResourceComponent_1.VALID_TABS.includes(value) ? value : 'pipeline';
+        if (v === this._activeTab)
+            return;
+        this._activeTab = v;
+        if (this.viewReady) {
+            this.cdr.detectChanges();
+        }
+    }
     tabDataLoaded = new Set();
     /** Live reference to the Tag Library tab (for deep-link + agent-tool search). */
     tagsTab;
@@ -240,7 +390,26 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     // (tab-local presentational state). The host still builds FeedItems and owns
     // OpenFeedItemDetail(index) — the tab emits the original index back up.
     // Pipeline run state
-    IsRunning = false;
+    _isRunning = false;
+    /**
+     * True while a classification pipeline run is in flight. Backed by a setter
+     * that flushes change detection once the view is ready, so the `[disabled]="IsRunning"`
+     * Run button binding stays stable across the check that follows a within-cycle
+     * flip (run starting / instantly completing on an empty source) — eliminating
+     * the NG0100 (`Previous value: 'true'. Current value: 'false'`). Mirrors the
+     * `ActiveTab` setter pattern above.
+     */
+    get IsRunning() {
+        return this._isRunning;
+    }
+    set IsRunning(value) {
+        if (value === this._isRunning)
+            return;
+        this._isRunning = value;
+        if (this.viewReady) {
+            this.cdr.detectChanges();
+        }
+    }
     IsPaused = false;
     RunProgress = 0;
     RunStage = '';
@@ -308,6 +477,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     ShowNoContentTypeWarning = false;
     /** Live reference to the slide-in CRUD form dialog (driven from tab events). */
     formDialog;
+    setupWizard;
     // ── Schedule dialog ──
     // The quick-schedule dialog (state + save/remove logic) moved to
     // ClassifySourcesTabComponent.
@@ -319,6 +489,10 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     // stays in the host (shared by the pipeline feed + tag drill-down + sources).
     SelectedFeedItem = null;
     ShowItemDetail = false;
+    // ── Phase 4: Item drilldown slide-in (audit/analytics) ──
+    /** ID of the content item shown in the drilldown slide-in, or null when closed. */
+    DrilldownItemID = null;
+    ShowItemDrilldown = false;
     // Form dropdown options + tree-dropdown configs (SourceType/ContentType/
     // FileType/AIModel/EmbeddingModel/VectorIndex options and the AI-model vendor
     // tree configs) moved to ClassifySourceTypeFormDialogComponent.
@@ -359,6 +533,10 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     get TotalContentTagCount() {
         return this.totalContentTagCount;
     }
+    /** Exposes the accurate total run-history count to the Run History tab via `[TotalRunCount]`. */
+    get TotalRunHistoryCount() {
+        return this.totalRunHistoryCount;
+    }
     /** Exposes the cached ScheduledAction entities to the Sources tab via `[ScheduledActions]`. */
     get ScheduledActionsCache() {
         return this.scheduledActionsCache;
@@ -385,7 +563,9 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     }
     // ── Lifecycle ──
     static PREFS_KEY = 'KH_Classify_Preferences';
-    static VALID_TABS = ['pipeline', 'sources', 'types', 'tags', 'taxonomy', 'inbox', 'health', 'history'];
+    // Classify is now the pipeline-operator workspace only. Tag Library / Taxonomy
+    // / Inbox / Health moved to the dedicated Tags surface (no more overlap).
+    static VALID_TABS = ['pipeline', 'sources', 'types', 'history'];
     /** Lightweight count of Pending tag suggestions for the Inbox nav badge. */
     InboxPendingCount = 0;
     /** Lightweight count of Pending health-signal suggestions for the Health nav badge. */
@@ -395,6 +575,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     /** Live reference to the Tag Health tab (for refresh after host actions). */
     healthTab;
     async ngAfterViewInit() {
+        this.viewReady = true;
         await Promise.all([
             KnowledgeHubMetadataEngine.Instance.Config(false),
             UserInfoEngine.Instance.Config(false),
@@ -411,6 +592,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             this.tabDataLoaded.add(this.ActiveTab);
         }
         this.IsLoading = false;
+        this.subscribeToEntityChanges();
         this.registerAgentTools();
         this.emitAgentContext();
         // D9: If navigated with tagSearch, switch to tags tab and pre-fill search
@@ -432,30 +614,76 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         }
     }
     /**
-     * D9: If a tagSearch parameter was provided via configuration, switch to the tags tab
-     * and apply the search filter after tag data loads.
+     * Tag browsing/search now lives on the dedicated Tags surface, so the Classify
+     * cockpit no longer hosts a `tagSearch` deep-link target. Kept as a no-op to
+     * preserve the call site. (Re-targeting Analytics' tag drill-down to the Tags
+     * surface is a tracked follow-up.)
      */
     async handleInitialTagSearch() {
-        const config = this.Data?.Configuration;
-        const tagSearch = config?.['tagSearch'];
-        if (!tagSearch)
-            return;
-        // Switch to the tags tab so ClassifyTagsTabComponent renders and the
-        // ViewChild resolves, ensuring its data is loaded.
-        if (this.ActiveTab !== 'tags') {
-            this.ActiveTab = 'tags';
-        }
-        if (!this.tabDataLoaded.has('tags')) {
-            await this.loadTabData('tags');
-            this.tabDataLoaded.add('tags');
-        }
-        this.cdr.detectChanges();
-        this.tagsTab?.ApplySearch(tagSearch);
+        return;
     }
     ngOnDestroy() {
         super.ngOnDestroy();
         this.destroy$.next();
         this.destroy$.complete();
+        this.entityChange$.complete();
+    }
+    /** Lowercased names of the entities whose external changes should refresh this dashboard. */
+    static REACTIVE_ENTITIES = new Set([
+        'mj: content sources',
+        'mj: content types',
+        'mj: content items',
+        'mj: content item tags',
+        'mj: content process runs',
+        'mj: tags',
+    ]);
+    /**
+     * Lightweight reactivity: listen for BaseEntity save/delete/remote-invalidate
+     * events on the entities this dashboard renders, debounce them (~300ms to
+     * coalesce bursts), and re-call the matching host load method. Reloads never
+     * call Save(), so this cannot create a reload loop.
+     */
+    subscribeToEntityChanges() {
+        MJGlobal.Instance.GetEventListener(true)
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(event => {
+            if (event.event !== MJEventType.ComponentEvent || event.eventCode !== BaseEntity.BaseEventCode)
+                return;
+            const beEvent = event.args;
+            if (!beEvent)
+                return;
+            if (beEvent.type !== 'save' && beEvent.type !== 'delete' && beEvent.type !== 'remote-invalidate')
+                return;
+            const entityName = beEvent.entityName?.toLowerCase().trim();
+            if (entityName && AutotaggingPipelineResourceComponent_1.REACTIVE_ENTITIES.has(entityName)) {
+                this.entityChange$.next(entityName);
+            }
+        });
+        this.entityChange$
+            .pipe(debounceTime(300), takeUntil(this.destroy$))
+            .subscribe(entityName => void this.reloadForEntity(entityName));
+    }
+    /** Re-run the host load method(s) affected by an external change to `entityName`. */
+    async reloadForEntity(entityName) {
+        switch (entityName) {
+            case 'mj: content sources':
+                await this.refreshSourcesTab();
+                break;
+            case 'mj: content types':
+                await this.refreshContentTypesTab();
+                break;
+            case 'mj: content items':
+            case 'mj: content item tags':
+            case 'mj: tags':
+                // Items + tags both feed the pipeline / tag-library view models;
+                // reload the shared base data so all dependent tabs rebuild.
+                await this.LoadPipelineData();
+                break;
+            case 'mj: content process runs':
+                await this.loadRunHistoryData(true);
+                break;
+        }
+        this.cdr.detectChanges();
     }
     /** Report current classify dashboard state to the agent */
     emitAgentContext() {
@@ -531,12 +759,36 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         return 'fa-solid fa-tags';
     }
     // ── Tab switching ──
+    /** Memoized backing store + input signature for {@link navSections}. */
+    _navSections = [];
+    _navSectionsSignature = '';
     /**
      * Wraps `NavItems` for `<mj-left-nav>`. Hardcoded "Run History" item goes
      * into a second `MJLeftNavSection` — the rail's natural section break
      * replaces the bespoke `.at-nav-divider` line.
+     *
+     * Memoized: the array (and its element objects) are rebuilt only when one of
+     * the inputs actually changes. Returning a fresh array on every change-detection
+     * pass made `<mj-left-nav>` see a new `[Sections]` reference each cycle, which
+     * triggered `ExpressionChangedAfterItHasBeenCheckedError` (NG0100) during rapid
+     * tab switching (badge counts / IsRunning resolving mid-CD-cycle). A stable
+     * reference until inputs change eliminates that.
      */
     get navSections() {
+        const signature = this.computeNavSectionsSignature();
+        if (signature !== this._navSectionsSignature) {
+            this._navSectionsSignature = signature;
+            this._navSections = this.buildNavSections();
+        }
+        return this._navSections;
+    }
+    /** Cheap stable fingerprint of every value that feeds {@link buildNavSections}. */
+    computeNavSectionsSignature() {
+        const items = this.NavItems.map(n => `${n.Tab}|${n.Label}|${n.Icon}|${n.BadgeText}`).join(';');
+        return `${items}#${this.InboxPendingCount}#${this.HealthPendingCount}`;
+    }
+    /** Constructs the left-nav section model from current state (see {@link navSections}). */
+    buildNavSections() {
         return [
             {
                 items: this.NavItems.map(n => ({
@@ -548,18 +800,6 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             },
             {
                 items: [
-                    {
-                        id: 'inbox',
-                        label: 'Inbox',
-                        icon: 'fa-solid fa-inbox',
-                        badge: this.InboxPendingCount > 0 ? String(this.InboxPendingCount) : undefined
-                    },
-                    {
-                        id: 'health',
-                        label: 'Health',
-                        icon: 'fa-solid fa-heart-pulse',
-                        badge: this.HealthPendingCount > 0 ? String(this.HealthPendingCount) : undefined
-                    },
                     {
                         id: 'history',
                         label: 'Run History',
@@ -686,7 +926,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             const [sourcesResult, itemsResult, runsResult, tagsResult, sourceTypesResult, contentTypesResult] = await rv.RunViews([
                 { EntityName: 'MJ: Content Sources', OrderBy: 'Name', ResultType: 'simple' },
-                { EntityName: 'MJ: Content Items', OrderBy: '__mj_UpdatedAt DESC', MaxRows: 200, ResultType: 'simple', Fields: ['ID', 'Name', 'ContentSourceID', 'ContentSourceTypeID', 'ContentSource', 'ContentSourceType', 'ContentType', 'ContentFileType', 'URL', 'Text', 'Checksum', 'EntityRecordDocumentID', '__mj_CreatedAt', '__mj_UpdatedAt'] },
+                { EntityName: 'MJ: Content Items', OrderBy: '__mj_UpdatedAt DESC', MaxRows: this.contentItemsPageSize, StartRow: 0, ResultType: 'simple', Fields: ['ID', 'Name', 'Description', 'ContentSourceID', 'ContentSourceTypeID', 'ContentSource', 'ContentSourceType', 'ContentType', 'ContentFileType', 'URL', 'Text', 'Checksum', 'EntityRecordDocumentID', '__mj_CreatedAt', '__mj_UpdatedAt'] },
                 { EntityName: 'MJ: Content Process Runs', OrderBy: 'StartTime DESC', MaxRows: 100, ResultType: 'simple' },
                 { EntityName: 'MJ: Content Item Tags', ResultType: 'simple', Fields: ['ID', 'ItemID', 'Item', 'Tag', 'TagID', 'Weight', '__mj_CreatedAt'] },
                 { EntityName: 'MJ: Content Source Types', ResultType: 'simple' },
@@ -702,6 +942,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             // capped by MaxRows for feed display, but TotalRowCount reflects the full DB count)
             this.totalContentItemCount = itemsResult.Success ? itemsResult.TotalRowCount : 0;
             this.totalContentTagCount = tagsResult.Success ? tagsResult.TotalRowCount : 0;
+            this.totalRunHistoryCount = runsResult.Success ? runsResult.TotalRowCount : 0;
             // Load ScheduledAction entities referenced by sources so cron descriptions are available
             await this.loadScheduledActionsForSources();
             this.buildNavItems();
@@ -715,28 +956,51 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             console.error('[Autotagging] Error loading pipeline data:', error);
         }
     }
+    /**
+     * Widen the loaded content-item window by one page and reload, so the user can
+     * see items previously truncated by the MaxRows cap. Wired to the pipeline
+     * tab's `(LoadMoreItemsRequested)`.
+     */
+    async LoadMoreContentItems() {
+        if (this.IsLoadingMoreItems)
+            return;
+        this.IsLoadingMoreItems = true;
+        this.cdr.detectChanges();
+        this.contentItemsPageSize += AutotaggingPipelineResourceComponent_1.CONTENT_ITEMS_PAGE_SIZE;
+        await this.LoadPipelineData();
+        this.IsLoadingMoreItems = false;
+        this.cdr.detectChanges();
+    }
     buildNavItems() {
         // Classify dashboard owns the autotag pipeline run-management surface plus
         // the Tag Library + Taxonomy Governance curation surfaces (Governance /
         // Synonyms / Scope editors live on the Taxonomy tab). All curation tabs are
         // surfaced here so they're directly reachable, not just agent-reachable.
+        // Classify is the content-pipeline operator workspace. Tag-vocabulary
+        // curation (Tag Library, Taxonomy tree, Suggestions/Inbox review, Health)
+        // lives on the dedicated "Tags" surface — we intentionally do NOT duplicate
+        // those tabs here. See the deep-link to Tags ▸ review from the pipeline.
         this.NavItems = [
             { Tab: 'pipeline', Icon: 'fa-solid fa-gauge-high', Label: 'Pipeline', BadgeText: this.IsRunning ? 'Live' : '', BadgeClass: 'nav-badge-live' },
             { Tab: 'sources', Icon: 'fa-solid fa-database', Label: 'Sources', BadgeText: String(this.contentSourcesRaw.length), BadgeClass: '' },
             { Tab: 'types', Icon: 'fa-solid fa-sliders', Label: 'Content Types', BadgeText: String(this.contentTypesRaw.length), BadgeClass: '' },
-            { Tab: 'tags', Icon: 'fa-solid fa-tags', Label: 'Tag Library', BadgeText: '', BadgeClass: '' },
-            { Tab: 'taxonomy', Icon: 'fa-solid fa-sitemap', Label: 'Taxonomy', BadgeText: '', BadgeClass: '' },
         ];
     }
     buildKPIMetrics() {
+        // Single canonical KPI row for the Pipeline Monitor. The Overview-analytics
+        // child below renders charts only (its old duplicate KPI strip — Content
+        // Items / Total Tags — was removed) so these five metrics are the one place
+        // headline numbers appear: sources, volume, vocabulary throughput, errors.
         const sourceCount = this.contentSourcesRaw.length;
         const itemCount = this.totalContentItemCount;
         const tagCount = this.totalContentTagCount;
+        const avgTagsPerItem = itemCount > 0 ? Math.round((tagCount / itemCount) * 10) / 10 : 0;
         const errorCount = this.contentRunsRaw.filter(r => r['Status']?.toLowerCase() === 'error' || r['Status']?.toLowerCase() === 'failed').length;
         this.KPIMetrics = [
             { Label: 'Active Sources', Value: sourceCount, Icon: 'fa-solid fa-satellite-dish', Trend: '', TrendUp: true },
             { Label: 'Content Items', Value: itemCount, Icon: 'fa-solid fa-file-lines', Trend: '', TrendUp: true },
-            { Label: 'Tags Generated', Value: tagCount, Icon: 'fa-solid fa-tags', Trend: tagCount > 0 && itemCount > 0 ? `${(tagCount / itemCount).toFixed(1)} avg/item` : '', TrendUp: true },
+            { Label: 'Total Tags', Value: tagCount, Icon: 'fa-solid fa-tags', Trend: '', TrendUp: true },
+            { Label: 'Avg Tags / Item', Value: avgTagsPerItem, Icon: 'fa-solid fa-chart-simple', Trend: '', TrendUp: true },
             { Label: 'Errors', Value: errorCount, Icon: 'fa-solid fa-circle-exclamation', Trend: '', TrendUp: false }
         ];
     }
@@ -756,7 +1020,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             const normalizedId = NormalizeUUID(itemId);
             const itemTags = this.getTopTagsForItem(itemId, 3);
             return {
-                Name: item['Name'] ?? 'Unnamed Item',
+                Name: deriveDisplayName({ Name: item['Name'], Description: item['Description'] }),
                 SourceName: item['ContentSource'] ?? 'Unknown',
                 Tags: itemTags,
                 TimeAgo: this.formatRelativeTime(item['__mj_UpdatedAt']),
@@ -872,19 +1136,47 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     // ════════════════════════════════════════════
     // RUN HISTORY TAB
     // ════════════════════════════════════════════
-    async loadRunHistoryData() {
-        if (this.contentRunsRaw.length === 0) {
+    async loadRunHistoryData(force = false) {
+        if (force || this.contentRunsRaw.length === 0) {
             const rv = RunView.FromMetadataProvider(this.ProviderToUse);
             const result = await rv.RunView({
                 EntityName: 'MJ: Content Process Runs',
                 OrderBy: 'StartTime DESC',
-                MaxRows: 200,
+                MaxRows: this.runHistoryWindowSize,
+                StartRow: 0,
                 ResultType: 'simple'
             });
-            if (result.Success)
+            if (result.Success) {
                 this.contentRunsRaw = result.Results;
+                this.totalRunHistoryCount = result.TotalRowCount;
+            }
         }
     }
+    /**
+     * Host handler for the Run History tab's `(RefreshRequested)` output. Forces a
+     * reload of `MJ: Content Process Runs`; the new array re-binds via `[Runs]`,
+     * which rebuilds the tab's rows and clears its loading state.
+     */
+    async ReloadRunHistory() {
+        this.runHistoryWindowSize = AutotaggingPipelineResourceComponent_1.RUN_HISTORY_PAGE_SIZE;
+        await this.loadRunHistoryData(true);
+        this.cdr.detectChanges();
+    }
+    /**
+     * Host handler for the Run History tab's `(LoadMoreRequested)` output. Widens
+     * the loaded window by one page and reloads, so the user can see the runs that
+     * were previously truncated. The new array re-binds via `[Runs]`.
+     */
+    async LoadMoreRunHistory() {
+        if (this.IsLoadingMoreRuns)
+            return;
+        this.IsLoadingMoreRuns = true;
+        this.cdr.detectChanges();
+        this.runHistoryWindowSize += AutotaggingPipelineResourceComponent_1.RUN_HISTORY_PAGE_SIZE;
+        await this.loadRunHistoryData(true);
+        this.IsLoadingMoreRuns = false;
+        this.cdr.detectChanges();
+    }
     /**
      * D2: Load live per-source progress for the currently running pipeline.
      * Called when the pipeline is actively running.
@@ -928,6 +1220,56 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             this.formDialog.RawSources = this.contentSourcesRaw;
         void this.formDialog?.OpenAddSource();
     }
+    /** Open the guided setup wizard (empty-state CTA + "Add Source (Guided)"). */
+    OpenSetupWizard() {
+        void this.setupWizard?.Open();
+    }
+    // ================================================================
+    // First-run onboarding (P2)
+    // ================================================================
+    /** Show the guided onboarding checklist until content has been classified. */
+    get ShowOnboarding() {
+        return this.TotalContentItemCount === 0;
+    }
+    /** Whether the onboarding card has been dismissed this session. */
+    OnboardingDismissed = false;
+    /** Steps for the first-run onboarding checklist, with live completion state. */
+    get OnboardingSteps() {
+        const hasSource = this.contentSourcesRaw.length > 0;
+        const hasRun = this.TotalRunHistoryCount > 0;
+        const hasItems = this.TotalContentItemCount > 0;
+        return [
+            { N: 1, Title: 'Add a content source', Desc: 'Connect where your content comes from — a website, files, RSS, email, or API.', Done: hasSource, Action: 'add', Cta: 'Add Source' },
+            { N: 2, Title: 'Run the classification pipeline', Desc: 'Ingest and auto-tag your content. Tip: seed a starter taxonomy first for better tags.', Done: hasRun, Action: 'run', Cta: 'Run Pipeline' },
+            { N: 3, Title: 'Review results', Desc: 'Inspect the generated tags, confidence scores, and analytics.', Done: hasItems, Action: '', Cta: '' },
+        ];
+    }
+    /** Index of the first incomplete step (the "active" one). */
+    get OnboardingActiveStep() {
+        const steps = this.OnboardingSteps;
+        const idx = steps.findIndex(s => !s.Done);
+        return idx < 0 ? steps.length : idx;
+    }
+    /** Handle an onboarding step CTA. */
+    OnOnboardingAction(action) {
+        if (action === 'add') {
+            this.OpenSetupWizard();
+        }
+        else if (action === 'run') {
+            void this.RunPipeline();
+        }
+        else if (action === 'seed') {
+            void this.SwitchTab('taxonomy');
+        }
+    }
+    /** Dismiss the onboarding card (until next load / still empty). */
+    DismissOnboarding() {
+        this.OnboardingDismissed = true;
+    }
+    /** After the wizard creates a source, reload the shared source list. */
+    async onWizardCreated(_event) {
+        await this.refreshSourcesTab();
+    }
     OpenEditSourceForm(card) {
         if (this.formDialog)
             this.formDialog.RawSources = this.contentSourcesRaw;
@@ -1029,7 +1371,13 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
                 return;
             }
             this.CurrentPipelineRunID = result.PipelineRunID;
+            this.pipelineActivityID = this.activityService.Start('Classify pipeline', {
+                icon: 'fa-solid fa-bolt',
+                detail: 'Starting…',
+                progress: 0,
+            });
             this.subscribeToPipelineProgress(result.PipelineRunID);
+            MJNotificationService.Instance.CreateSimpleNotification('Classification pipeline started…', 'info', 3000);
         }
         catch (error) {
             const msg = error instanceof Error ? error.message : String(error);
@@ -1145,6 +1493,9 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             }
         `;
         let idleTimer = null;
+        // Track the most recent processed-item count from the progress stream so the
+        // completion toast can report it (and surface the "no ingested content" case).
+        let lastProcessedItems = 0;
         const finishPipeline = (success) => {
             if (idleTimer)
                 clearTimeout(idleTimer);
@@ -1156,6 +1507,10 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
                 this.RunProgress = success ? 100 : 0;
                 this.CurrentPipelineRunID = null;
                 this.CurrentProcessRunID = null;
+                if (this.pipelineActivityID) {
+                    this.activityService.Complete(this.pipelineActivityID, success ? 'success' : 'error', success ? 'Classification complete' : 'Pipeline failed');
+                    this.pipelineActivityID = null;
+                }
                 for (const stage of this.PipelineStages) {
                     stage.Status = 'idle';
                     stage.Count = '\u2014';
@@ -1170,7 +1525,12 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
                         this.loadEntityRecordDocCache(),
                     ]);
                     this.tabDataLoaded.add('pipeline');
-                    MJNotificationService.Instance.CreateSimpleNotification('Pipeline complete', 'success', 3000);
+                    if (lastProcessedItems > 0) {
+                        MJNotificationService.Instance.CreateSimpleNotification(`Pipeline complete — ${lastProcessedItems} ${lastProcessedItems === 1 ? 'item' : 'items'} processed`, 'success', 4000);
+                    }
+                    else {
+                        MJNotificationService.Instance.CreateSimpleNotification('Pipeline complete — 0 items processed. This source has no ingested content yet; add/crawl & vectorize content first.', 'warning', 8000);
+                    }
                 }
                 this.cdr.detectChanges();
             });
@@ -1193,10 +1553,20 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
                 const stage = progress['Stage'];
                 const pct = progress['PercentComplete'];
                 const currentItem = progress['CurrentItem'];
+                const processedItems = progress['ProcessedItems'];
+                if (typeof processedItems === 'number') {
+                    lastProcessedItems = processedItems;
+                }
                 this.RunProgress = Math.min(100, Math.max(0, pct));
                 this.RunStage = this.formatStageName(stage);
                 this.RunCurrentItem = currentItem ?? '';
                 this.updateStagesForActiveRun(stage);
+                if (this.pipelineActivityID) {
+                    this.activityService.Update(this.pipelineActivityID, {
+                        Progress: this.RunProgress,
+                        Detail: this.RunCurrentItem || this.RunStage,
+                    });
+                }
                 this.cdr.detectChanges();
                 if (stage === 'complete') {
                     finishPipeline(true);
@@ -1436,7 +1806,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         const statuses2 = this.inferPipelineStatuses(rawItem, allTags.length);
         this.SelectedFeedItem = {
             ID: itemId,
-            Name: rawItem['Name'] ?? 'Unnamed',
+            Name: deriveDisplayName({ Name: rawItem['Name'], Description: rawItem['Description'] }),
             SourceName: rawItem['ContentSource'] ?? 'Unknown',
             SourceTypeName: rawItem['ContentSourceType'] ?? 'Unknown',
             ContentTypeName: rawItem['ContentType'] ?? 'Unknown',
@@ -1465,6 +1835,27 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         this.SelectedFeedItem = null;
         this.cdr.detectChanges();
     }
+    // ── Phase 4: Item drilldown (opened from the History tab's per-run item grid) ──
+    /** Open the audit/analytics drilldown slide-in for a content item. */
+    OpenItemDrilldown(itemID) {
+        this.DrilldownItemID = itemID;
+        this.ShowItemDrilldown = true;
+        this.cdr.detectChanges();
+    }
+    CloseItemDrilldown() {
+        this.ShowItemDrilldown = false;
+        this.DrilldownItemID = null;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Handle a record-open intent bubbled up from the drilldown (item record,
+     * source, prompt run, entity record document). The host owns NavigationService.
+     */
+    OpenDrilldownRecord(event) {
+        const pkey = new CompositeKey();
+        pkey.KeyValuePairs = [{ FieldName: 'ID', Value: event.recordID }];
+        this.navigationService.OpenEntityRecord(event.entityName, pkey);
+    }
     OpenRecordFromItem(item) {
         const md = this.ProviderToUse;
         const pkey = new CompositeKey();
@@ -1672,36 +2063,41 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵAutotaggingPipelineResourceComponent_BaseFactory; return function AutotaggingPipelineResourceComponent_Factory(__ngFactoryType__) { return (ɵAutotaggingPipelineResourceComponent_BaseFactory || (ɵAutotaggingPipelineResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(AutotaggingPipelineResourceComponent)))(__ngFactoryType__ || AutotaggingPipelineResourceComponent); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AutotaggingPipelineResourceComponent, selectors: [["app-autotagging-pipeline-resource"]], viewQuery: function AutotaggingPipelineResourceComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(ClassifyTagsTabComponent, 5)(_c0, 5)(ClassifyInboxTabComponent, 5)(ClassifyHealthTabComponent, 5);
+            i0.ɵɵviewQuery(ClassifyTagsTabComponent, 5)(_c0, 5)(_c1, 5)(ClassifyInboxTabComponent, 5)(ClassifyHealthTabComponent, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tagsTab = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.formDialog = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.setupWizard = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.inboxTab = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.healthTab = _t.first);
-        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 22, vars: 12, consts: [["formDialog", ""], ["sourcesTab", ""], ["Title", "Classify", "Icon", "fa-solid fa-tags", "Subtitle", "Content classification, taxonomy, and the classifier pipeline"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [3, "Flex", "Padding"], [1, "at-dashboard"], ["MobileTitle", "Sections", 3, "ItemClicked", "Sections", "ActiveId"], [3, "Runs", "Provider"], [3, "ContentTypes", "Sources", "Items", "TotalItemCount", "Provider"], [3, "ContentTags", "ContentItems", "Provider"], [3, "KPIMetrics", "PipelineStages", "FeedItems", "SourceMinis", "TrendingTags", "LiveRunDetailRows", "IsRunning", "IsPaused", "RunProgress", "RunStage", "RunCurrentItem", "CurrentProcessRunID", "PipelineConfig", "ShowPipelineConfig", "Provider"], [3, "Provider"], [3, "ContentTags", "Provider"], [3, "Saved", "ContentTypeMissing", "NavigateToRecordRequested", "Provider"], [3, "Closed", "OpenRecordRequested", "Item", "Show", "Provider"], [3, "GoToTypes", "Dismissed", "Show"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "action-btn-label"], [1, "fa-solid", "fa-play"], [3, "AddTypeRequested", "EditTypeRequested", "ContentTypes", "Sources", "Items", "TotalItemCount", "Provider"], [3, "OpenItemDetailRequested", "ContentTags", "ContentItems", "Provider"], [3, "AddSourceRequested", "EditSourceRequested", "RunSourceRequested", "OpenContentItemRequested", "DataChanged", "Sources", "Items", "Tags", "Runs", "TotalItemCount", "TotalTagCount", "ScheduledActions", "EntityRecordDocCache", "Provider"], [1, "at-page-body"], [1, "at-dedup-section"], [1, "at-dedup-header"], [1, "at-dedup-title"], [1, "fa-solid", "fa-clone"], [1, "at-dedup-subtitle"], [1, "at-action-btn", "at-secondary-btn", 3, "click", "disabled"], [1, "at-dedup-list"], [1, "at-dedup-empty"], [1, "fa-solid", "fa-arrows-rotate"], [1, "at-dedup-card"], [1, "at-dedup-pair"], [1, "at-dedup-item"], [1, "at-dedup-item-name"], [1, "at-dedup-item-source"], [1, "at-dedup-vs"], [1, "fa-solid", "fa-arrows-left-right"], [1, "at-dedup-meta"], [1, "at-dedup-score"], [1, "at-dedup-method"], [1, "at-dedup-actions"], [1, "at-action-btn", "at-primary-btn", "at-dedup-confirm", 3, "click"], [1, "fa-solid", "fa-check"], [1, "at-action-btn", "at-secondary-btn", "at-dedup-dismiss", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-check-circle"], [3, "RefreshRequested", "PauseRequested", "ResumeRequested", "CancelRequested", "LoadLiveRunDetailsRequested", "FeedItemClicked", "ConfigToggled", "KPIMetrics", "PipelineStages", "FeedItems", "SourceMinis", "TrendingTags", "LiveRunDetailRows", "IsRunning", "IsPaused", "RunProgress", "RunStage", "RunCurrentItem", "CurrentProcessRunID", "PipelineConfig", "ShowPipelineConfig", "Provider"], [3, "Resolved", "Provider"], [3, "Resolved", "OpenInTaxonomyRequested", "Provider"], [3, "DataChanged", "ContentTags", "Provider"]], template: function AutotaggingPipelineResourceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 25, vars: 14, consts: [["formDialog", ""], ["setupWizard", ""], ["sourcesTab", ""], ["Title", "Classify", "Icon", "fa-solid fa-tags", "Subtitle", "Content classification, taxonomy, and the classifier pipeline"], ["actions", ""], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [3, "Flex", "Padding"], [1, "at-dashboard"], ["MobileTitle", "Sections", 3, "ItemClicked", "Sections", "ActiveId"], [3, "Runs", "TotalRunCount", "IsLoadingMore", "Provider"], [3, "ContentTypes", "Sources", "Items", "TotalItemCount", "Provider"], [3, "ContentTags", "ContentItems", "Provider"], [3, "Provider"], [3, "ContentTags", "Provider"], [3, "Saved", "ContentTypeMissing", "NavigateToRecordRequested", "Provider"], [3, "Created", "Provider"], [3, "Closed", "OpenRecordRequested", "Item", "Show", "Provider"], [3, "GoToTypes", "Dismissed", "Show"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "action-btn-label"], [1, "fa-solid", "fa-play"], [3, "RefreshRequested", "LoadMoreRequested", "ItemSelected", "Runs", "TotalRunCount", "IsLoadingMore", "Provider"], [3, "AddTypeRequested", "EditTypeRequested", "ContentTypes", "Sources", "Items", "TotalItemCount", "Provider"], [3, "OpenItemDetailRequested", "ContentTags", "ContentItems", "Provider"], [3, "AddSourceRequested", "AddSourceGuidedRequested", "EditSourceRequested", "RunSourceRequested", "OpenContentItemRequested", "DataChanged", "Sources", "Items", "Tags", "Runs", "TotalItemCount", "TotalTagCount", "ScheduledActions", "EntityRecordDocCache", "Provider"], [1, "at-page-body"], [1, "at-dedup-section"], [1, "at-dedup-header"], [1, "at-dedup-title"], [1, "fa-solid", "fa-clone"], [1, "at-dedup-subtitle"], [1, "at-action-btn", "at-secondary-btn", 3, "click", "disabled"], [1, "at-dedup-list"], [1, "at-dedup-empty"], [1, "fa-solid", "fa-arrows-rotate"], [1, "at-dedup-card"], [1, "at-dedup-pair"], [1, "at-dedup-item"], [1, "at-dedup-item-name"], [1, "at-dedup-item-source"], [1, "at-dedup-vs"], [1, "fa-solid", "fa-arrows-left-right"], [1, "at-dedup-meta"], [1, "at-dedup-score"], [1, "at-dedup-method"], [1, "at-dedup-actions"], [1, "at-action-btn", "at-primary-btn", "at-dedup-confirm", 3, "click"], [1, "fa-solid", "fa-check"], [1, "at-action-btn", "at-secondary-btn", "at-dedup-dismiss", 3, "click"], [1, "fa-solid", "fa-times"], [1, "fa-solid", "fa-check-circle"], [1, "kh-onboarding"], [3, "RefreshRequested", "LoadMoreItemsRequested", "PauseRequested", "ResumeRequested", "CancelRequested", "LoadLiveRunDetailsRequested", "FeedItemClicked", "ConfigToggled", "KPIMetrics", "PipelineStages", "FeedItems", "SourceMinis", "TrendingTags", "LiveRunDetailRows", "TotalItemCount", "IsLoadingMoreItems", "IsRunning", "IsPaused", "RunProgress", "RunStage", "RunCurrentItem", "CurrentProcessRunID", "PipelineConfig", "ShowPipelineConfig", "Provider"], [1, "kh-onboarding-head"], [1, "kh-onboarding-title"], [1, "fa-solid", "fa-rocket"], ["title", "Dismiss", 1, "kh-onboarding-dismiss", 3, "click"], [1, "kh-onboarding-steps"], [1, "kh-step", 3, "kh-step-done", "kh-step-active"], [1, "kh-step"], [1, "kh-step-marker"], [1, "kh-step-body"], [1, "kh-step-title"], [1, "kh-step-desc"], [1, "kh-step-actions"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click"], ["mjButton", "", "variant", "secondary", "size", "sm"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [3, "Resolved", "Provider"], [3, "Resolved", "OpenInTaxonomyRequested", "Provider"], [3, "DataChanged", "ContentTags", "Provider"], [1, "at-slide-overlay", 3, "click"], [1, "at-slide-panel", "at-detail-panel"], [1, "at-slide-header"], [1, "fa-solid", "fa-magnifying-glass-chart"], ["aria-label", "Close item drilldown", 1, "at-slide-close", 3, "click"], [1, "at-slide-body"], [3, "OpenRecordRequested", "ItemID", "Provider"]], template: function AutotaggingPipelineResourceComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
-            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 2)(2, "div", 3)(3, "button", 4);
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 3)(2, "div", 4)(3, "button", 5);
             i0.ɵɵlistener("click", function AutotaggingPipelineResourceComponent_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.RunPipeline()); });
             i0.ɵɵconditionalCreate(4, AutotaggingPipelineResourceComponent_Conditional_4_Template, 3, 0)(5, AutotaggingPipelineResourceComponent_Conditional_5_Template, 3, 0);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(6, "mj-page-body", 5)(7, "div", 6)(8, "mj-left-nav", 7);
+            i0.ɵɵelementStart(6, "mj-page-body", 6)(7, "div", 7)(8, "mj-left-nav", 8);
             i0.ɵɵlistener("ItemClicked", function AutotaggingPipelineResourceComponent_Template_mj_left_nav_ItemClicked_8_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onNavItemClicked($event)); });
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(9, "mj-left-nav-content");
-            i0.ɵɵconditionalCreate(10, AutotaggingPipelineResourceComponent_Case_10_Template, 1, 2, "classify-history-tab", 8)(11, AutotaggingPipelineResourceComponent_Case_11_Template, 1, 5, "classify-types-tab", 9)(12, AutotaggingPipelineResourceComponent_Case_12_Template, 1, 3, "classify-tags-tab", 10)(13, AutotaggingPipelineResourceComponent_Case_13_Template, 16, 12)(14, AutotaggingPipelineResourceComponent_Case_14_Template, 1, 15, "classify-pipeline-tab", 11)(15, AutotaggingPipelineResourceComponent_Case_15_Template, 1, 1, "classify-inbox-tab", 12)(16, AutotaggingPipelineResourceComponent_Case_16_Template, 1, 1, "classify-health-tab", 12)(17, AutotaggingPipelineResourceComponent_Case_17_Template, 1, 2, "classify-taxonomy-tab", 13);
+            i0.ɵɵconditionalCreate(10, AutotaggingPipelineResourceComponent_Case_10_Template, 1, 4, "classify-history-tab", 9)(11, AutotaggingPipelineResourceComponent_Case_11_Template, 1, 5, "classify-types-tab", 10)(12, AutotaggingPipelineResourceComponent_Case_12_Template, 1, 3, "classify-tags-tab", 11)(13, AutotaggingPipelineResourceComponent_Case_13_Template, 16, 12)(14, AutotaggingPipelineResourceComponent_Case_14_Template, 2, 18)(15, AutotaggingPipelineResourceComponent_Case_15_Template, 1, 1, "classify-inbox-tab", 12)(16, AutotaggingPipelineResourceComponent_Case_16_Template, 1, 1, "classify-health-tab", 12)(17, AutotaggingPipelineResourceComponent_Case_17_Template, 1, 2, "classify-taxonomy-tab", 13);
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(18, "classify-source-type-form-dialog", 14, 0);
             i0.ɵɵlistener("Saved", function AutotaggingPipelineResourceComponent_Template_classify_source_type_form_dialog_Saved_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFormSaved($event)); })("ContentTypeMissing", function AutotaggingPipelineResourceComponent_Template_classify_source_type_form_dialog_ContentTypeMissing_18_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.ShowNoContentTypeWarning = true); })("NavigateToRecordRequested", function AutotaggingPipelineResourceComponent_Template_classify_source_type_form_dialog_NavigateToRecordRequested_18_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onFormNavigateToRecord($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "classify-item-detail-dialog", 15);
-            i0.ɵɵlistener("Closed", function AutotaggingPipelineResourceComponent_Template_classify_item_detail_dialog_Closed_20_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.CloseItemDetail()); })("OpenRecordRequested", function AutotaggingPipelineResourceComponent_Template_classify_item_detail_dialog_OpenRecordRequested_20_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OpenRecordFromItem($event)); });
+            i0.ɵɵelementStart(20, "classify-setup-wizard", 15, 1);
+            i0.ɵɵlistener("Created", function AutotaggingPipelineResourceComponent_Template_classify_setup_wizard_Created_20_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onWizardCreated($event)); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "classify-item-detail-dialog", 16);
+            i0.ɵɵlistener("Closed", function AutotaggingPipelineResourceComponent_Template_classify_item_detail_dialog_Closed_22_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.CloseItemDetail()); })("OpenRecordRequested", function AutotaggingPipelineResourceComponent_Template_classify_item_detail_dialog_OpenRecordRequested_22_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.OpenRecordFromItem($event)); });
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "classify-no-content-type-warning", 16);
-            i0.ɵɵlistener("GoToTypes", function AutotaggingPipelineResourceComponent_Template_classify_no_content_type_warning_GoToTypes_21_listener() { i0.ɵɵrestoreView(_r1); const formDialog_r12 = i0.ɵɵreference(19); ctx.ShowNoContentTypeWarning = false; formDialog_r12.CloseForm(); return i0.ɵɵresetView(ctx.SwitchTab("types")); })("Dismissed", function AutotaggingPipelineResourceComponent_Template_classify_no_content_type_warning_Dismissed_21_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.ShowNoContentTypeWarning = false); });
+            i0.ɵɵconditionalCreate(23, AutotaggingPipelineResourceComponent_Conditional_23_Template, 10, 2);
+            i0.ɵɵelementStart(24, "classify-no-content-type-warning", 17);
+            i0.ɵɵlistener("GoToTypes", function AutotaggingPipelineResourceComponent_Template_classify_no_content_type_warning_GoToTypes_24_listener() { i0.ɵɵrestoreView(_r1); const formDialog_r18 = i0.ɵɵreference(19); ctx.ShowNoContentTypeWarning = false; formDialog_r18.CloseForm(); return i0.ɵɵresetView(ctx.SwitchTab("types")); })("Dismissed", function AutotaggingPipelineResourceComponent_Template_classify_no_content_type_warning_Dismissed_24_listener() { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.ShowNoContentTypeWarning = false); });
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
-            let tmp_7_0;
+            let tmp_8_0;
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("disabled", ctx.IsRunning);
             i0.ɵɵadvance();
@@ -1711,14 +2107,18 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("Sections", ctx.navSections)("ActiveId", ctx.ActiveTab);
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional((tmp_7_0 = ctx.ActiveTab) === "history" ? 10 : tmp_7_0 === "types" ? 11 : tmp_7_0 === "tags" ? 12 : tmp_7_0 === "sources" ? 13 : tmp_7_0 === "pipeline" ? 14 : tmp_7_0 === "inbox" ? 15 : tmp_7_0 === "health" ? 16 : tmp_7_0 === "taxonomy" ? 17 : -1);
+            i0.ɵɵconditional((tmp_8_0 = ctx.ActiveTab) === "history" ? 10 : tmp_8_0 === "types" ? 11 : tmp_8_0 === "tags" ? 12 : tmp_8_0 === "sources" ? 13 : tmp_8_0 === "pipeline" ? 14 : tmp_8_0 === "inbox" ? 15 : tmp_8_0 === "health" ? 16 : tmp_8_0 === "taxonomy" ? 17 : -1);
             i0.ɵɵadvance(8);
             i0.ɵɵproperty("Provider", ctx.ProviderToUse);
             i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Provider", ctx.ProviderToUse);
+            i0.ɵɵadvance(2);
             i0.ɵɵproperty("Item", ctx.SelectedFeedItem)("Show", ctx.ShowItemDetail)("Provider", ctx.ProviderToUse);
             i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowItemDrilldown && ctx.DrilldownItemID ? 23 : -1);
+            i0.ɵɵadvance();
             i0.ɵɵproperty("Show", ctx.ShowNoContentTypeWarning);
-        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJLeftNavComponent, i1.MJLeftNavContentComponent, i2.ClassifyHistoryTabComponent, i3.ClassifyTypesTabComponent, i4.ClassifyTagsTabComponent, i5.ClassifySourcesTabComponent, i6.ClassifyPipelineTabComponent, i7.ClassifyTaxonomyTabComponent, i8.ClassifyInboxTabComponent, i9.ClassifyHealthTabComponent, i10.ClassifyItemDetailDialogComponent, i11.ClassifyNoContentTypeWarningComponent, i12.ClassifySourceTypeFormDialogComponent], styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\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.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\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) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-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.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-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-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* <mj-left-nav> collapses to a full-width top bar at \u2264700px; stack the root\n   layout vertically so the content pane sits below it instead of being\n   squeezed to zero width in the flex row. */\n@media (max-width: 700px) {\n    .at-dashboard {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\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   Slide-in Form 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.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\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: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\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.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \"Open advanced settings \u2192\" link below the Save/Cancel row in the slide-in.\n   Subtle by design \u2014 power users will notice; new users won't be distracted. */\n.at-form-advanced-link {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed var(--mj-border-subtle);\n    font-size: 12px;\n    text-align: center;\n}\n.at-form-advanced-link a {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n}\n.at-form-advanced-link a:hover { text-decoration: underline; }\n.at-form-advanced-link i { margin-right: 6px; }\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-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.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\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   TAXONOMY GOVERNANCE TAB\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/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\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    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\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    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, 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/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\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    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-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/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-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}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n"], encapsulation: 2 });
+        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderComponent, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJLeftNavComponent, i1.MJLeftNavContentComponent, i2.ClassifyHistoryTabComponent, i3.ClassifyTypesTabComponent, i4.ClassifyTagsTabComponent, i5.ClassifySourcesTabComponent, i6.ClassifyPipelineTabComponent, i7.ClassifyTaxonomyTabComponent, i8.ClassifyInboxTabComponent, i9.ClassifyHealthTabComponent, i10.ClassifyItemDetailDialogComponent, i11.ClassifyItemDrilldownComponent, i12.ClassifyNoContentTypeWarningComponent, i13.ClassifySourceTypeFormDialogComponent, i14.ClassifySetupWizardComponent], styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    /* Phase 1 fix: was overflow:hidden, which clipped every tab whose content\n       grew past the viewport (Sources, Content Types, Tag Library, Taxonomy,\n       Inbox, Tag Health). Vertical auto lets the tab body scroll; tabs with\n       their own inner scrollers (pipeline feed, history table) keep working. */\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\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.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\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) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-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.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-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-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* <mj-left-nav> collapses to a full-width top bar at \u2264700px; stack the root\n   layout vertically so the content pane sits below it instead of being\n   squeezed to zero width in the flex row. */\n@media (max-width: 700px) {\n    .at-dashboard {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\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   Slide-in Form 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.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\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: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\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.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \"Open advanced settings \u2192\" link below the Save/Cancel row in the slide-in.\n   Subtle by design \u2014 power users will notice; new users won't be distracted. */\n.at-form-advanced-link {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed var(--mj-border-subtle);\n    font-size: 12px;\n    text-align: center;\n}\n.at-form-advanced-link a {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n}\n.at-form-advanced-link a:hover { text-decoration: underline; }\n.at-form-advanced-link i { margin-right: 6px; }\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-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.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\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   TAXONOMY GOVERNANCE TAB\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/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\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    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\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    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, 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/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\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    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-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/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-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}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n\n/* \"Showing X of Y\" + Load more bar (Run History, etc.) */\n.at-load-more-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 10px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-load-more-count {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n/* ============================================================\n   First-run onboarding (P2)\n   ============================================================ */\n.kh-onboarding {\n    margin: 0 0 16px 0;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    background: linear-gradient(135deg,\n        color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface)),\n        var(--mj-bg-surface));\n    padding: 18px 20px;\n}\n.kh-onboarding-head {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n}\n.kh-onboarding-title {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n.kh-onboarding-title > i {\n    font-size: 1.3rem;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n.kh-onboarding-title h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n.kh-onboarding-title p {\n    margin: 2px 0 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-secondary);\n}\n.kh-onboarding-dismiss {\n    background: none;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 0.9rem;\n    padding: 4px;\n    border-radius: 6px;\n}\n.kh-onboarding-dismiss:hover { color: var(--mj-text-primary); background: var(--mj-bg-surface-hover); }\n.kh-onboarding-steps {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 16px;\n}\n.kh-step {\n    display: flex;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 10px;\n    border: 1px solid transparent;\n    transition: background 0.15s, border-color 0.15s;\n}\n.kh-step-active {\n    background: var(--mj-bg-surface);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n.kh-step-marker {\n    flex: 0 0 auto;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.78rem;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border: 1px solid var(--mj-border-default);\n}\n.kh-step-active .kh-step-marker {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n.kh-step-done .kh-step-marker {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-success);\n}\n.kh-step-title {\n    font-size: 0.86rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.kh-step-done .kh-step-title { color: var(--mj-text-secondary); }\n.kh-step-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    line-height: 1.4;\n}\n.kh-step-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 10px;\n}\n"], encapsulation: 2 });
 };
 AutotaggingPipelineResourceComponent = AutotaggingPipelineResourceComponent_1 = __decorate([
     RegisterClass(BaseResourceComponent, 'AutotaggingPipelineResource')
@@ -1726,13 +2126,16 @@ AutotaggingPipelineResourceComponent = AutotaggingPipelineResourceComponent_1 =
 export { AutotaggingPipelineResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AutotaggingPipelineResourceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'app-autotagging-pipeline-resource', encapsulation: ViewEncapsulation.None, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Classify\"\n    Icon=\"fa-solid fa-tags\"\n    Subtitle=\"Content classification, taxonomy, and the classifier pipeline\">\n    <div actions>\n      <button mjButton variant=\"primary\" size=\"sm\" (click)=\"RunPipeline()\" [disabled]=\"IsRunning\">\n        @if (IsRunning) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> <span class=\"action-btn-label\">Running\u2026</span>\n        } @else {\n          <i class=\"fa-solid fa-play\"></i> <span class=\"action-btn-label\">Run Pipeline</span>\n        }\n      </button>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n  <!-- Content Classification Dashboard -->\n  <div class=\"at-dashboard\">\n\n    <mj-left-nav\n      MobileTitle=\"Sections\"\n      [Sections]=\"navSections\"\n      [ActiveId]=\"ActiveTab\"\n      (ItemClicked)=\"onNavItemClicked($event)\">\n    </mj-left-nav>\n\n    <mj-left-nav-content>\n\n    @switch (ActiveTab) {\n      @case ('history') {\n        <classify-history-tab [Runs]=\"ContentRunsRaw\" [Provider]=\"ProviderToUse\"></classify-history-tab>\n      }\n      @case ('types') {\n        <classify-types-tab\n            [ContentTypes]=\"ContentTypesRaw\"\n            [Sources]=\"ContentSourcesRaw\"\n            [Items]=\"ContentItemsRaw\"\n            [TotalItemCount]=\"TotalContentItemCount\"\n            [Provider]=\"ProviderToUse\"\n            (AddTypeRequested)=\"OpenAddTypeForm()\"\n            (EditTypeRequested)=\"OpenEditTypeForm($event)\">\n        </classify-types-tab>\n      }\n      @case ('tags') {\n        <classify-tags-tab\n            [ContentTags]=\"ContentTagsRaw\"\n            [ContentItems]=\"ContentItemsRaw\"\n            [Provider]=\"ProviderToUse\"\n            (OpenItemDetailRequested)=\"OpenItemDetailByID($event)\">\n        </classify-tags-tab>\n      }\n      @case ('sources') {\n        <classify-sources-tab #sourcesTab\n            [Sources]=\"ContentSourcesRaw\"\n            [Items]=\"ContentItemsRaw\"\n            [Tags]=\"ContentTagsRaw\"\n            [Runs]=\"ContentRunsRaw\"\n            [TotalItemCount]=\"TotalContentItemCount\"\n            [TotalTagCount]=\"TotalContentTagCount\"\n            [ScheduledActions]=\"ScheduledActionsCache\"\n            [EntityRecordDocCache]=\"EntityRecordDocCacheMap\"\n            [Provider]=\"ProviderToUse\"\n            (AddSourceRequested)=\"OpenAddSourceForm()\"\n            (EditSourceRequested)=\"OpenEditSourceForm($event)\"\n            (RunSourceRequested)=\"RunPipelineForSource($event)\"\n            (OpenContentItemRequested)=\"OpenContentItemDetail($event)\"\n            (DataChanged)=\"OnSourcesDataChanged()\">\n        </classify-sources-tab>\n\n        <!-- Content Item Duplicates Section (host-owned; taxonomy/duplicates area) -->\n        <div class=\"at-page-body\">\n          <div class=\"at-dedup-section\">\n            <div class=\"at-dedup-header\">\n              <div>\n                <h3 class=\"at-dedup-title\">\n                  <i class=\"fa-solid fa-clone\"></i>\n                  Content Duplicates\n                </h3>\n                <span class=\"at-dedup-subtitle\">Review detected duplicate content items across sources</span>\n              </div>\n              <button class=\"at-action-btn at-secondary-btn\" (click)=\"LoadContentDuplicates()\" [disabled]=\"IsLoadingDuplicates\">\n                @if (IsLoadingDuplicates) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                } @else {\n                  <i class=\"fa-solid fa-arrows-rotate\"></i> Load Duplicates\n                }\n              </button>\n            </div>\n\n            @if (ContentDuplicates.length > 0) {\n              <div class=\"at-dedup-list\">\n                @for (dup of ContentDuplicates; track dup.ID) {\n                  <div class=\"at-dedup-card\">\n                    <div class=\"at-dedup-pair\">\n                      <div class=\"at-dedup-item\">\n                        <span class=\"at-dedup-item-name\">{{ dup.ItemAName }}</span>\n                        <span class=\"at-dedup-item-source\">{{ dup.ItemASource }}</span>\n                      </div>\n                      <div class=\"at-dedup-vs\">\n                        <i class=\"fa-solid fa-arrows-left-right\"></i>\n                      </div>\n                      <div class=\"at-dedup-item\">\n                        <span class=\"at-dedup-item-name\">{{ dup.ItemBName }}</span>\n                        <span class=\"at-dedup-item-source\">{{ dup.ItemBSource }}</span>\n                      </div>\n                    </div>\n                    <div class=\"at-dedup-meta\">\n                      <span class=\"at-dedup-score\">{{ (dup.SimilarityScore * 100).toFixed(0) }}% match</span>\n                      <span class=\"at-dedup-method\">{{ dup.DetectionMethod }}</span>\n                    </div>\n                    <div class=\"at-dedup-actions\">\n                      <button class=\"at-action-btn at-primary-btn at-dedup-confirm\" (click)=\"ConfirmContentDuplicate(dup)\">\n                        <i class=\"fa-solid fa-check\"></i> Confirm\n                      </button>\n                      <button class=\"at-action-btn at-secondary-btn at-dedup-dismiss\" (click)=\"DismissContentDuplicate(dup)\">\n                        <i class=\"fa-solid fa-times\"></i> Dismiss\n                      </button>\n                    </div>\n                  </div>\n                }\n              </div>\n            } @else if (!IsLoadingDuplicates) {\n              <div class=\"at-dedup-empty\">\n                <i class=\"fa-solid fa-check-circle\"></i>\n                <p>No pending duplicates. Click \"Load Duplicates\" to check.</p>\n              </div>\n            }\n          </div>\n        </div>\n      }\n      @case ('pipeline') {\n        <classify-pipeline-tab\n            [KPIMetrics]=\"KPIMetrics\"\n            [PipelineStages]=\"PipelineStages\"\n            [FeedItems]=\"FeedItems\"\n            [SourceMinis]=\"SourceMinis\"\n            [TrendingTags]=\"TrendingTags\"\n            [LiveRunDetailRows]=\"LiveRunDetailRows\"\n            [IsRunning]=\"IsRunning\"\n            [IsPaused]=\"IsPaused\"\n            [RunProgress]=\"RunProgress\"\n            [RunStage]=\"RunStage\"\n            [RunCurrentItem]=\"RunCurrentItem\"\n            [CurrentProcessRunID]=\"CurrentProcessRunID\"\n            [PipelineConfig]=\"PipelineConfig\"\n            [ShowPipelineConfig]=\"ShowPipelineConfig\"\n            [Provider]=\"ProviderToUse\"\n            (RefreshRequested)=\"LoadPipelineData()\"\n            (PauseRequested)=\"PausePipeline()\"\n            (ResumeRequested)=\"ResumePipeline()\"\n            (CancelRequested)=\"CancelPipeline()\"\n            (LoadLiveRunDetailsRequested)=\"LoadLiveRunDetails()\"\n            (FeedItemClicked)=\"OpenFeedItemDetail($event)\"\n            (ConfigToggled)=\"TogglePipelineConfig()\">\n        </classify-pipeline-tab>\n      }\n      @case ('inbox') {\n        <classify-inbox-tab\n            (Resolved)=\"onInboxResolved()\"\n            [Provider]=\"ProviderToUse\">\n        </classify-inbox-tab>\n      }\n      @case ('health') {\n        <classify-health-tab\n            (Resolved)=\"onHealthResolved()\"\n            (OpenInTaxonomyRequested)=\"onOpenInTaxonomyRequested($event)\"\n            [Provider]=\"ProviderToUse\">\n        </classify-health-tab>\n      }\n      @case ('taxonomy') {\n        <classify-taxonomy-tab\n            [ContentTags]=\"ContentTagsRaw\"\n            [Provider]=\"ProviderToUse\"\n            (DataChanged)=\"OnTaxonomyDataChanged()\">\n        </classify-taxonomy-tab>\n      }\n    }\n    </mj-left-nav-content>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM (Source + Content Type CRUD) \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <classify-source-type-form-dialog #formDialog\n        [Provider]=\"ProviderToUse\"\n        (Saved)=\"onFormSaved($event)\"\n        (ContentTypeMissing)=\"ShowNoContentTypeWarning = true\"\n        (NavigateToRecordRequested)=\"onFormNavigateToRecord($event)\">\n    </classify-source-type-form-dialog>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 ITEM DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <classify-item-detail-dialog\n        [Item]=\"SelectedFeedItem\"\n        [Show]=\"ShowItemDetail\"\n        (Closed)=\"CloseItemDetail()\"\n        (OpenRecordRequested)=\"OpenRecordFromItem($event)\"\n        [Provider]=\"ProviderToUse\"></classify-item-detail-dialog>\n\n    <!-- No Content Types Warning Dialog (z-index above slide-in panel) -->\n    <classify-no-content-type-warning\n        [Show]=\"ShowNoContentTypeWarning\"\n        (GoToTypes)=\"ShowNoContentTypeWarning=false; formDialog.CloseForm(); SwitchTab('types')\"\n        (Dismissed)=\"ShowNoContentTypeWarning=false\"></classify-no-content-type-warning>\n  </div>\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\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.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\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) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-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.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-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-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* <mj-left-nav> collapses to a full-width top bar at \u2264700px; stack the root\n   layout vertically so the content pane sits below it instead of being\n   squeezed to zero width in the flex row. */\n@media (max-width: 700px) {\n    .at-dashboard {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\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   Slide-in Form 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.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\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: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\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.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \"Open advanced settings \u2192\" link below the Save/Cancel row in the slide-in.\n   Subtle by design \u2014 power users will notice; new users won't be distracted. */\n.at-form-advanced-link {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed var(--mj-border-subtle);\n    font-size: 12px;\n    text-align: center;\n}\n.at-form-advanced-link a {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n}\n.at-form-advanced-link a:hover { text-decoration: underline; }\n.at-form-advanced-link i { margin-right: 6px; }\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-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.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\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   TAXONOMY GOVERNANCE TAB\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/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\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    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\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    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, 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/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\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    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-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/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-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}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-autotagging-pipeline-resource', encapsulation: ViewEncapsulation.None, template: "<mj-page-layout>\n  <mj-page-header\n    Title=\"Classify\"\n    Icon=\"fa-solid fa-tags\"\n    Subtitle=\"Content classification, taxonomy, and the classifier pipeline\">\n    <div actions>\n      <button mjButton variant=\"primary\" size=\"sm\" (click)=\"RunPipeline()\" [disabled]=\"IsRunning\">\n        @if (IsRunning) {\n          <i class=\"fa-solid fa-spinner fa-spin\"></i> <span class=\"action-btn-label\">Running\u2026</span>\n        } @else {\n          <i class=\"fa-solid fa-play\"></i> <span class=\"action-btn-label\">Run Pipeline</span>\n        }\n      </button>\n    </div>\n  </mj-page-header>\n\n  <mj-page-body [Flex]=\"true\" [Padding]=\"false\">\n  <!-- Content Classification Dashboard -->\n  <div class=\"at-dashboard\">\n\n    <mj-left-nav\n      MobileTitle=\"Sections\"\n      [Sections]=\"navSections\"\n      [ActiveId]=\"ActiveTab\"\n      (ItemClicked)=\"onNavItemClicked($event)\">\n    </mj-left-nav>\n\n    <mj-left-nav-content>\n\n    @switch (ActiveTab) {\n      @case ('history') {\n        <classify-history-tab\n            [Runs]=\"ContentRunsRaw\"\n            [TotalRunCount]=\"TotalRunHistoryCount\"\n            [IsLoadingMore]=\"IsLoadingMoreRuns\"\n            [Provider]=\"ProviderToUse\"\n            (RefreshRequested)=\"ReloadRunHistory()\"\n            (LoadMoreRequested)=\"LoadMoreRunHistory()\"\n            (ItemSelected)=\"OpenItemDrilldown($event)\"></classify-history-tab>\n      }\n      @case ('types') {\n        <classify-types-tab\n            [ContentTypes]=\"ContentTypesRaw\"\n            [Sources]=\"ContentSourcesRaw\"\n            [Items]=\"ContentItemsRaw\"\n            [TotalItemCount]=\"TotalContentItemCount\"\n            [Provider]=\"ProviderToUse\"\n            (AddTypeRequested)=\"OpenAddTypeForm()\"\n            (EditTypeRequested)=\"OpenEditTypeForm($event)\">\n        </classify-types-tab>\n      }\n      @case ('tags') {\n        <classify-tags-tab\n            [ContentTags]=\"ContentTagsRaw\"\n            [ContentItems]=\"ContentItemsRaw\"\n            [Provider]=\"ProviderToUse\"\n            (OpenItemDetailRequested)=\"OpenItemDetailByID($event)\">\n        </classify-tags-tab>\n      }\n      @case ('sources') {\n        <classify-sources-tab #sourcesTab\n            [Sources]=\"ContentSourcesRaw\"\n            [Items]=\"ContentItemsRaw\"\n            [Tags]=\"ContentTagsRaw\"\n            [Runs]=\"ContentRunsRaw\"\n            [TotalItemCount]=\"TotalContentItemCount\"\n            [TotalTagCount]=\"TotalContentTagCount\"\n            [ScheduledActions]=\"ScheduledActionsCache\"\n            [EntityRecordDocCache]=\"EntityRecordDocCacheMap\"\n            [Provider]=\"ProviderToUse\"\n            (AddSourceRequested)=\"OpenAddSourceForm()\"\n            (AddSourceGuidedRequested)=\"OpenSetupWizard()\"\n            (EditSourceRequested)=\"OpenEditSourceForm($event)\"\n            (RunSourceRequested)=\"RunPipelineForSource($event)\"\n            (OpenContentItemRequested)=\"OpenContentItemDetail($event)\"\n            (DataChanged)=\"OnSourcesDataChanged()\">\n        </classify-sources-tab>\n\n        <!-- Content Item Duplicates Section (host-owned; taxonomy/duplicates area) -->\n        <div class=\"at-page-body\">\n          <div class=\"at-dedup-section\">\n            <div class=\"at-dedup-header\">\n              <div>\n                <h3 class=\"at-dedup-title\">\n                  <i class=\"fa-solid fa-clone\"></i>\n                  Content Duplicates\n                </h3>\n                <span class=\"at-dedup-subtitle\">Review detected duplicate content items across sources</span>\n              </div>\n              <button class=\"at-action-btn at-secondary-btn\" (click)=\"LoadContentDuplicates()\" [disabled]=\"IsLoadingDuplicates\">\n                @if (IsLoadingDuplicates) {\n                  <i class=\"fa-solid fa-spinner fa-spin\"></i> Loading...\n                } @else {\n                  <i class=\"fa-solid fa-arrows-rotate\"></i> Load Duplicates\n                }\n              </button>\n            </div>\n\n            @if (ContentDuplicates.length > 0) {\n              <div class=\"at-dedup-list\">\n                @for (dup of ContentDuplicates; track dup.ID) {\n                  <div class=\"at-dedup-card\">\n                    <div class=\"at-dedup-pair\">\n                      <div class=\"at-dedup-item\">\n                        <span class=\"at-dedup-item-name\">{{ dup.ItemAName }}</span>\n                        <span class=\"at-dedup-item-source\">{{ dup.ItemASource }}</span>\n                      </div>\n                      <div class=\"at-dedup-vs\">\n                        <i class=\"fa-solid fa-arrows-left-right\"></i>\n                      </div>\n                      <div class=\"at-dedup-item\">\n                        <span class=\"at-dedup-item-name\">{{ dup.ItemBName }}</span>\n                        <span class=\"at-dedup-item-source\">{{ dup.ItemBSource }}</span>\n                      </div>\n                    </div>\n                    <div class=\"at-dedup-meta\">\n                      <span class=\"at-dedup-score\">{{ (dup.SimilarityScore * 100).toFixed(0) }}% match</span>\n                      <span class=\"at-dedup-method\">{{ dup.DetectionMethod }}</span>\n                    </div>\n                    <div class=\"at-dedup-actions\">\n                      <button class=\"at-action-btn at-primary-btn at-dedup-confirm\" (click)=\"ConfirmContentDuplicate(dup)\">\n                        <i class=\"fa-solid fa-check\"></i> Confirm\n                      </button>\n                      <button class=\"at-action-btn at-secondary-btn at-dedup-dismiss\" (click)=\"DismissContentDuplicate(dup)\">\n                        <i class=\"fa-solid fa-times\"></i> Dismiss\n                      </button>\n                    </div>\n                  </div>\n                }\n              </div>\n            } @else if (!IsLoadingDuplicates) {\n              <div class=\"at-dedup-empty\">\n                <i class=\"fa-solid fa-check-circle\"></i>\n                <p>No pending duplicates. Click \"Load Duplicates\" to check.</p>\n              </div>\n            }\n          </div>\n        </div>\n      }\n      @case ('pipeline') {\n        @if (ShowOnboarding && !OnboardingDismissed) {\n          <div class=\"kh-onboarding\">\n            <div class=\"kh-onboarding-head\">\n              <div class=\"kh-onboarding-title\">\n                <i class=\"fa-solid fa-rocket\"></i>\n                <div>\n                  <h3>Let's get your Knowledge Hub classifying</h3>\n                  <p>Three quick steps to go from an empty hub to auto-tagged content.</p>\n                </div>\n              </div>\n              <button class=\"kh-onboarding-dismiss\" (click)=\"DismissOnboarding()\" title=\"Dismiss\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            </div>\n            <div class=\"kh-onboarding-steps\">\n              @for (step of OnboardingSteps; track step.N) {\n                <div class=\"kh-step\"\n                     [class.kh-step-done]=\"step.Done\"\n                     [class.kh-step-active]=\"!step.Done && step.N - 1 === OnboardingActiveStep\">\n                  <div class=\"kh-step-marker\">\n                    @if (step.Done) { <i class=\"fa-solid fa-check\"></i> } @else { {{ step.N }} }\n                  </div>\n                  <div class=\"kh-step-body\">\n                    <div class=\"kh-step-title\">{{ step.Title }}</div>\n                    <div class=\"kh-step-desc\">{{ step.Desc }}</div>\n                    @if (step.Action && !step.Done && step.N - 1 === OnboardingActiveStep) {\n                      <div class=\"kh-step-actions\">\n                        <button mjButton variant=\"primary\" size=\"sm\" (click)=\"OnOnboardingAction(step.Action)\">{{ step.Cta }}</button>\n                        @if (step.Action === 'run') {\n                          <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"OnOnboardingAction('seed')\">\n                            <i class=\"fa-solid fa-wand-magic-sparkles\"></i> Generate starter taxonomy\n                          </button>\n                        }\n                      </div>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <classify-pipeline-tab\n            [KPIMetrics]=\"KPIMetrics\"\n            [PipelineStages]=\"PipelineStages\"\n            [FeedItems]=\"FeedItems\"\n            [SourceMinis]=\"SourceMinis\"\n            [TrendingTags]=\"TrendingTags\"\n            [LiveRunDetailRows]=\"LiveRunDetailRows\"\n            [TotalItemCount]=\"TotalContentItemCount\"\n            [IsLoadingMoreItems]=\"IsLoadingMoreItems\"\n            [IsRunning]=\"IsRunning\"\n            [IsPaused]=\"IsPaused\"\n            [RunProgress]=\"RunProgress\"\n            [RunStage]=\"RunStage\"\n            [RunCurrentItem]=\"RunCurrentItem\"\n            [CurrentProcessRunID]=\"CurrentProcessRunID\"\n            [PipelineConfig]=\"PipelineConfig\"\n            [ShowPipelineConfig]=\"ShowPipelineConfig\"\n            [Provider]=\"ProviderToUse\"\n            (RefreshRequested)=\"LoadPipelineData()\"\n            (LoadMoreItemsRequested)=\"LoadMoreContentItems()\"\n            (PauseRequested)=\"PausePipeline()\"\n            (ResumeRequested)=\"ResumePipeline()\"\n            (CancelRequested)=\"CancelPipeline()\"\n            (LoadLiveRunDetailsRequested)=\"LoadLiveRunDetails()\"\n            (FeedItemClicked)=\"OpenFeedItemDetail($event)\"\n            (ConfigToggled)=\"TogglePipelineConfig()\">\n        </classify-pipeline-tab>\n      }\n      @case ('inbox') {\n        <classify-inbox-tab\n            (Resolved)=\"onInboxResolved()\"\n            [Provider]=\"ProviderToUse\">\n        </classify-inbox-tab>\n      }\n      @case ('health') {\n        <classify-health-tab\n            (Resolved)=\"onHealthResolved()\"\n            (OpenInTaxonomyRequested)=\"onOpenInTaxonomyRequested($event)\"\n            [Provider]=\"ProviderToUse\">\n        </classify-health-tab>\n      }\n      @case ('taxonomy') {\n        <classify-taxonomy-tab\n            [ContentTags]=\"ContentTagsRaw\"\n            [Provider]=\"ProviderToUse\"\n            (DataChanged)=\"OnTaxonomyDataChanged()\">\n        </classify-taxonomy-tab>\n      }\n    }\n    </mj-left-nav-content>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM (Source + Content Type CRUD) \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <classify-source-type-form-dialog #formDialog\n        [Provider]=\"ProviderToUse\"\n        (Saved)=\"onFormSaved($event)\"\n        (ContentTypeMissing)=\"ShowNoContentTypeWarning = true\"\n        (NavigateToRecordRequested)=\"onFormNavigateToRecord($event)\">\n    </classify-source-type-form-dialog>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 GUIDED SETUP WIZARD \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <classify-setup-wizard #setupWizard\n        [Provider]=\"ProviderToUse\"\n        (Created)=\"onWizardCreated($event)\">\n    </classify-setup-wizard>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 ITEM DETAIL SLIDE-IN \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <classify-item-detail-dialog\n        [Item]=\"SelectedFeedItem\"\n        [Show]=\"ShowItemDetail\"\n        (Closed)=\"CloseItemDetail()\"\n        (OpenRecordRequested)=\"OpenRecordFromItem($event)\"\n        [Provider]=\"ProviderToUse\"></classify-item-detail-dialog>\n\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550 ITEM DRILLDOWN SLIDE-IN (Phase 4 audit/analytics) \u2550\u2550\u2550\u2550\u2550\u2550 -->\n    @if (ShowItemDrilldown && DrilldownItemID) {\n      <div class=\"at-slide-overlay\" (click)=\"CloseItemDrilldown()\"></div>\n      <div class=\"at-slide-panel at-detail-panel\">\n        <div class=\"at-slide-header\">\n          <h3><i class=\"fa-solid fa-magnifying-glass-chart\"></i> Item Drilldown</h3>\n          <button class=\"at-slide-close\" aria-label=\"Close item drilldown\" (click)=\"CloseItemDrilldown()\">\n            <i class=\"fa-solid fa-times\"></i>\n          </button>\n        </div>\n        <div class=\"at-slide-body\">\n          <classify-item-drilldown\n              [ItemID]=\"DrilldownItemID\"\n              [Provider]=\"ProviderToUse\"\n              (OpenRecordRequested)=\"OpenDrilldownRecord($event)\"></classify-item-drilldown>\n        </div>\n      </div>\n    }\n\n    <!-- No Content Types Warning Dialog (z-index above slide-in panel) -->\n    <classify-no-content-type-warning\n        [Show]=\"ShowNoContentTypeWarning\"\n        (GoToTypes)=\"ShowNoContentTypeWarning=false; formDialog.CloseForm(); SwitchTab('types')\"\n        (Dismissed)=\"ShowNoContentTypeWarning=false\"></classify-no-content-type-warning>\n  </div>\n  </mj-page-body>\n</mj-page-layout>\n", styles: ["/* ============================================================\n   Content Autotagging Dashboard\n   All colors use MJ design tokens \u2014 no hardcoded hex values.\n   All classes prefixed with at- to prevent leaking (ViewEncapsulation.None).\n   ============================================================ */\n\n/* \u2500\u2500 Root layout \u2500\u2500 */\n\n.at-dashboard {\n    display: flex;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n}\n\n/*\n  Left rail now owned by <mj-left-nav> (~95 lines of bespoke .at-left-nav /\n  .at-left-nav-items / .at-nav-item / .at-nav-badge / .at-nav-divider styles\n  retired). The \"Run History\" item below the divider is expressed as a second\n  MJLeftNavSection in the navSections getter \u2014 the rail's natural section\n  break replaces the bespoke divider line.\n*/\n\n.at-left-nav-footer {\n    padding: 12px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-run-pipeline-btn {\n    width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px;\n    border: none;\n    border-radius: 8px;\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    font-size: 0.82rem;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s ease;\n}\n\n.at-run-pipeline-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-run-pipeline-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 MAIN CONTENT AREA \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-main-area {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n}\n\n.at-loading-overlay {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n}\n\n/* .at-page-header / .at-page-title / .at-page-subtitle / .at-page-actions\n   retired \u2014 section identity + actions now live in <mj-page-header-interior>\n   (one shared instance at the top of <mj-left-nav-content>, with Title/Subtitle\n   driven by currentTabTitle/currentTabSubtitle getters and per-section action\n   buttons projected via an @switch into the chrome's [actions] slot). */\n\n.at-page-body {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    /* Phase 1 fix: was overflow:hidden, which clipped every tab whose content\n       grew past the viewport (Sources, Content Types, Tag Library, Taxonomy,\n       Inbox, Tag Health). Vertical auto lets the tab body scroll; tabs with\n       their own inner scrollers (pipeline feed, history table) keep working. */\n    overflow-y: auto;\n    overflow-x: hidden;\n    padding: 16px 20px;\n    min-height: 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SHARED COMPONENTS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-action-btn {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 7px 14px;\n    border: 1px solid;\n    border-radius: 7px;\n    cursor: pointer;\n    font-size: 0.78rem;\n    font-weight: 500;\n    transition: all 0.15s ease;\n}\n\n.at-primary-btn {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-primary-btn:hover:not(:disabled) {\n    background: var(--mj-brand-primary-hover);\n}\n\n.at-primary-btn:disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n}\n\n.at-secondary-btn {\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    border-color: var(--mj-border-default);\n}\n\n.at-secondary-btn:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-card {\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.at-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-card-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    color: var(--mj-text-primary);\n}\n\n.at-card-title i {\n    color: var(--mj-brand-primary);\n    font-size: 0.75rem;\n}\n\n.at-card-body {\n    padding: 0;\n}\n\n.at-empty-state {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: var(--mj-text-disabled);\n}\n\n.at-empty-state i {\n    font-size: 28px;\n}\n\n.at-empty-state p {\n    margin: 0;\n    font-size: 13px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 KPI STRIP \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-kpi-strip {\n    display: flex;\n    gap: 12px;\n    margin-bottom: 16px;\n}\n\n.at-kpi-card {\n    flex: 1;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 14px 16px;\n}\n\n.at-kpi-value {\n    font-size: 1.4rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-kpi-error-value {\n    color: var(--mj-status-error-text);\n}\n\n.at-kpi-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-kpi-trend {\n    font-size: 0.68rem;\n    margin-top: 4px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: var(--mj-text-muted);\n}\n\n.at-kpi-trend.up {\n    color: var(--mj-status-success-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 PIPELINE TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-layout {\n    display: flex;\n    gap: 16px;\n    flex: 1;\n    min-height: 0;\n}\n\n.at-pipeline-center {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    min-width: 0;\n    min-height: 0;\n}\n\n.at-pipeline-right {\n    width: 320px;\n    flex-shrink: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n}\n\n/* Pipeline Stages */\n\n.at-pipeline-stages {\n    display: flex;\n    gap: 0;\n    align-items: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 12px 16px;\n}\n\n.at-pipeline-stage {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-pipeline-stage-icon {\n    width: 36px;\n    height: 36px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    font-size: 0.85rem;\n}\n\n.stage-idle .at-pipeline-stage-icon {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.stage-active .at-pipeline-stage-icon {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.stage-complete .at-pipeline-stage-icon {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n@keyframes at-pulse {\n    0%, 100% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--mj-brand-primary) 30%, transparent); }\n    50% { box-shadow: 0 0 0 6px color-mix(in srgb, var(--mj-brand-primary) 0%, transparent); }\n}\n\n.at-pipeline-stage-name {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n}\n\n.at-pipeline-stage-count {\n    font-size: 0.6rem;\n    color: var(--mj-text-muted);\n}\n\n.at-pipeline-arrow {\n    width: 24px;\n    text-align: center;\n    color: var(--mj-text-disabled);\n    font-size: 0.6rem;\n}\n\n.at-stage-connector {\n    width: 32px;\n    height: 2px;\n    background: var(--mj-border-default);\n    transition: background 0.4s ease;\n}\n\n.at-stage-connector.connector-complete {\n    background: var(--mj-status-success);\n}\n\n/* Progress section */\n\n.at-progress-section {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 10px 16px;\n}\n\n.at-progress-header {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.75rem;\n    margin-bottom: 4px;\n}\n\n.at-progress-stage-label {\n    color: var(--mj-text-secondary);\n    font-weight: 500;\n}\n\n.at-progress-pct {\n    color: var(--mj-brand-primary);\n    font-weight: 600;\n}\n\n.at-progress-bar {\n    height: 4px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 2px;\n    overflow: hidden;\n}\n\n.at-progress-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 2px;\n    transition: width 0.3s ease;\n}\n\n.at-progress-current {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    margin-top: 4px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-progress-fill-paused {\n    background: var(--mj-status-warning);\n    animation: pulse-paused 1.5s ease-in-out infinite;\n}\n\n@keyframes pulse-paused {\n    0%, 100% { opacity: 1; }\n    50% { opacity: 0.5; }\n}\n\n.at-pipeline-controls {\n    display: flex;\n    gap: 8px;\n    margin-top: 8px;\n    justify-content: flex-end;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-error);\n}\n\n.at-danger-btn:hover:not(:disabled) {\n    background: var(--mj-status-error-text);\n    border-color: var(--mj-status-error-text);\n}\n\n/* Feed items */\n\n.at-feed-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-feed-item:last-child {\n    border-bottom: none;\n}\n\n.at-feed-status-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-feed-status-dot.complete {\n    background: var(--mj-status-success);\n}\n\n.at-feed-status-dot.processing {\n    background: var(--mj-brand-primary);\n    animation: at-pulse 1.5s infinite;\n}\n\n.at-feed-status-dot.error {\n    background: var(--mj-status-error);\n}\n\n.at-feed-item-name {\n    flex: 1;\n    font-weight: 500;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-feed-item-source {\n    color: var(--mj-text-muted);\n    font-size: 0.7rem;\n    min-width: 100px;\n}\n\n.at-feed-item-tags {\n    display: flex;\n    gap: 4px;\n}\n\n.at-feed-tag {\n    padding: 1px 6px;\n    border-radius: 3px;\n    font-size: 0.62rem;\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-item-time {\n    color: var(--mj-text-muted);\n    font-size: 0.68rem;\n    white-space: nowrap;\n    min-width: 60px;\n    text-align: right;\n}\n\n/* Source mini cards (right panel) */\n\n.at-source-mini {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 10px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-source-mini:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-source-mini:last-child {\n    border-bottom: none;\n}\n\n.at-source-mini-icon {\n    width: 28px;\n    height: 28px;\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) 10%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-source-mini-info {\n    flex: 1;\n    min-width: 0;\n}\n\n.at-source-mini-name {\n    font-size: 0.78rem;\n    font-weight: 600;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    color: var(--mj-text-primary);\n}\n\n.at-source-mini-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-mini-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-source-mini-status.active {\n    background: var(--mj-status-success);\n}\n\n.at-source-mini-status.error {\n    background: var(--mj-status-error);\n}\n\n.at-source-mini-status.inactive {\n    background: var(--mj-text-disabled);\n}\n\n/* Tag cloud card */\n\n.at-tag-cloud-card {\n    padding: 16px;\n}\n\n.at-tag-cloud {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n.at-tag-pill {\n    padding: 4px 12px;\n    border-radius: 14px;\n    font-size: 0.72rem;\n    font-weight: 500;\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    color: var(--mj-text-secondary);\n    border: 1px solid var(--mj-border-subtle);\n    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-tag-pill:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tag-weighted {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tag-weight {\n    font-size: 0.6rem;\n    opacity: 0.6;\n    font-weight: 400;\n}\n\n.at-tag-row-clickable {\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-tag-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-row-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.at-tag-pill.large {\n    font-size: 0.85rem;\n    padding: 5px 14px;\n}\n\n.at-tag-pill.small {\n    font-size: 0.65rem;\n    padding: 3px 8px;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SOURCES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n    gap: 12px;\n}\n\n.at-source-card-full {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n    transition: border-color 0.15s ease;\n}\n\n.at-source-card-full:hover {\n    border-color: var(--mj-border-default);\n}\n\n.at-source-card-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 12px;\n}\n\n.at-source-card-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-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    font-size: 1rem;\n    flex-shrink: 0;\n}\n\n.at-source-card-title {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-card-type {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-status {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    font-size: 0.7rem;\n    font-weight: 500;\n}\n\n.at-source-card-status.active {\n    color: var(--mj-status-success-text);\n}\n\n.at-source-card-status.error {\n    color: var(--mj-status-error-text);\n}\n\n.at-source-card-status.inactive {\n    color: var(--mj-text-disabled);\n}\n\n.at-source-card-url {\n    font-size: 0.7rem;\n    color: var(--mj-brand-primary);\n    margin-bottom: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-source-card-stats {\n    display: flex;\n    gap: 16px;\n    padding-top: 10px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-source-stat {\n    display: flex;\n    flex-direction: column;\n}\n\n.at-source-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-source-stat-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-source-card-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 10px;\n}\n\n.at-source-action-btn {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.7rem;\n    cursor: pointer;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    transition: all 0.12s ease;\n}\n\n.at-source-action-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-source-delete-btn:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error-text);\n}\n\n.at-add-source-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-source-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-source-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CONTENT TYPES TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-ct-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n    gap: 12px;\n}\n\n.at-ct-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 16px;\n}\n\n.at-ct-card-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 10px;\n}\n\n.at-ct-card-name {\n    font-size: 0.9rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-card-model {\n    font-size: 0.68rem;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-ct-field {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 6px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-ct-field:last-child {\n    border-bottom: none;\n}\n\n.at-ct-field-label {\n    color: var(--mj-text-muted);\n}\n\n.at-ct-field-value {\n    font-weight: 500;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-top: 8px;\n    padding: 8px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    font-size: 0.75rem;\n    color: var(--mj-text-primary);\n}\n\n.at-ct-tag-range i {\n    color: var(--mj-brand-primary);\n}\n\n.at-ct-tag-range-bar {\n    flex: 1;\n    height: 6px;\n    background: var(--mj-bg-surface);\n    border-radius: 3px;\n    position: relative;\n}\n\n.at-ct-tag-range-fill {\n    position: absolute;\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n.at-ct-range-suffix {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 TAG LIBRARY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tag-lib-layout {\n    display: flex;\n    gap: 16px;\n}\n\n.at-tag-lib-main {\n    flex: 1;\n}\n\n.at-tag-lib-sidebar {\n    width: 280px;\n    flex-shrink: 0;\n}\n\n.at-tag-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-tag-table th {\n    text-align: left;\n    padding: 8px 12px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-tag-table td {\n    padding: 10px 12px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tag-name-cell {\n    font-weight: 600;\n}\n\n.at-tag-bar {\n    width: 80px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.at-tag-bar-fill {\n    height: 100%;\n    background: var(--mj-brand-primary);\n    border-radius: 3px;\n}\n\n/* Weight indicator in tag table */\n.at-weight-indicator {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-weight-bar {\n    width: 50px;\n    height: 6px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-weight-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.2s ease;\n}\n\n.at-weight-bar-fill.at-weight-high {\n    background: var(--mj-status-success);\n}\n\n.at-weight-bar-fill.at-weight-medium {\n    background: var(--mj-status-warning);\n}\n\n.at-weight-bar-fill.at-weight-low {\n    background: var(--mj-status-error);\n}\n\n.at-weight-value {\n    font-size: 0.7rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    min-width: 28px;\n}\n\n.at-tags-by-source {\n    font-size: 0.78rem;\n}\n\n.at-tag-source-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 5px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-tag-source-row:last-child {\n    border-bottom: none;\n}\n\n.at-search-input {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.8rem;\n    width: 200px;\n    outline: none;\n}\n\n.at-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-search-input:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RUN HISTORY TAB \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-run-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.at-run-table th {\n    text-align: left;\n    padding: 10px 14px;\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n    color: var(--mj-text-muted);\n    border-bottom: 1px solid var(--mj-border-default);\n    background: var(--mj-bg-surface-elevated);\n    position: sticky;\n    top: 0;\n    z-index: 1;\n}\n\n.at-run-table td {\n    padding: 12px 14px;\n    font-size: 0.8rem;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    color: var(--mj-text-primary);\n}\n\n.at-run-table tr:hover td {\n    background: var(--mj-bg-surface-hover);\n    cursor: pointer;\n}\n\n.at-run-status-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-run-status-badge.complete {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-run-status-badge.failed {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-run-status-badge.running {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-run-duration {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n}\n\n.at-run-source-name {\n    font-weight: 500;\n}\n\n.at-run-error-text {\n    color: var(--mj-status-error-text);\n}\n\n.at-filter-select {\n    padding: 7px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    font-size: 0.78rem;\n    outline: none;\n}\n\n.at-filter-select:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 SLIDE-IN FORM PANEL \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-slide-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: var(--mj-bg-overlay);\n    z-index: 1000;\n}\n\n.at-slide-panel {\n    position: fixed;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    width: 420px;\n    max-width: 100vw;\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    z-index: 1001;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px color-mix(in srgb, var(--mj-text-primary) 15%, transparent);\n}\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n}\n\n.at-slide-header h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\n    background: none;\n    border: none;\n    font-size: 1.1rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 4px;\n}\n\n.at-slide-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-form-group {\n    margin-bottom: 16px;\n}\n\n.at-form-label {\n    display: block;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    margin-bottom: 6px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    width: 100%;\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-card);\n    color: var(--mj-text-primary);\n    font-size: 0.82rem;\n    outline: none;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-form-input::placeholder,\n.at-form-textarea::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-form-textarea {\n    resize: vertical;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    margin-top: 24px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n/* <mj-left-nav> collapses to a full-width top bar at \u2264700px; stack the root\n   layout vertically so the content pane sits below it instead of being\n   squeezed to zero width in the flex row. */\n@media (max-width: 700px) {\n    .at-dashboard {\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 1100px) {\n    .at-pipeline-layout {\n        flex-direction: column;\n    }\n\n    .at-pipeline-right {\n        width: 100%;\n        flex-direction: row;\n    }\n\n    .at-tag-lib-layout {\n        flex-direction: column;\n    }\n\n    .at-tag-lib-sidebar {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-left-nav {\n        width: 180px;\n    }\n\n    .at-kpi-strip {\n        flex-wrap: wrap;\n    }\n\n    .at-kpi-card {\n        min-width: 140px;\n    }\n\n    .at-sources-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-ct-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .at-slide-panel {\n        width: 100vw;\n    }\n}\n\n@media (max-width: 480px) {\n    .at-left-nav {\n        width: 56px;\n    }\n\n    .at-left-nav-header h2 {\n        font-size: 0;\n    }\n\n    .at-left-nav-header h2 i {\n        font-size: 1rem;\n    }\n\n    .at-nav-item {\n        justify-content: center;\n        padding: 10px;\n        font-size: 0;\n    }\n\n    .at-nav-item i {\n        font-size: 1rem;\n    }\n\n    .at-nav-badge {\n        display: none;\n    }\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   Slide-in Form 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.at-slide-overlay {\n    position: fixed;\n    inset: 0;\n    background: rgba(0, 0, 0, 0.35);\n    z-index: 9999;\n    animation: at-fade-in 0.2s ease;\n}\n\n@keyframes at-fade-in { from { opacity: 0; } to { opacity: 1; } }\n\n.at-slide-panel {\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: 420px;\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: at-slide-in 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n@keyframes at-slide-in { from { transform: translateX(100%); } to { transform: translateX(0); } }\n\n.at-slide-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n    flex-shrink: 0;\n}\n\n.at-slide-header h3 {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-slide-close {\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.at-slide-close:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-slide-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n}\n\n.at-form-label {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-form-input,\n.at-form-select,\n.at-form-textarea {\n    padding: 9px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 7px;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-primary);\n    font-size: 0.85rem;\n    outline: none;\n    transition: border-color 0.15s ease;\n    font-family: inherit;\n}\n\n.at-form-input:focus,\n.at-form-select:focus,\n.at-form-textarea:focus {\n    border-color: var(--mj-brand-primary);\n    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n\n.at-form-select {\n    appearance: none;\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M3 5l3 3 3-3'/%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 10px center;\n    padding-right: 30px;\n}\n\n.at-form-textarea {\n    resize: vertical;\n    min-height: 70px;\n}\n\n.at-form-row {\n    display: flex;\n    gap: 12px;\n}\n\n.at-form-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-form-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \"Open advanced settings \u2192\" link below the Save/Cancel row in the slide-in.\n   Subtle by design \u2014 power users will notice; new users won't be distracted. */\n.at-form-advanced-link {\n    margin-top: 12px;\n    padding-top: 12px;\n    border-top: 1px dashed var(--mj-border-subtle);\n    font-size: 12px;\n    text-align: center;\n}\n.at-form-advanced-link a {\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    cursor: pointer;\n}\n.at-form-advanced-link a:hover { text-decoration: underline; }\n.at-form-advanced-link i { margin-right: 6px; }\n\n/* Also add empty state for Content Types (matching Sources) */\n.at-add-type-card {\n    background: none;\n    border: 2px dashed var(--mj-border-default);\n    border-radius: 10px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 40px;\n    cursor: pointer;\n    transition: all 0.15s ease;\n    color: var(--mj-text-muted);\n    min-height: 200px;\n}\n\n.at-add-type-card:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-add-type-card i {\n    font-size: 1.5rem;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORKED PIPELINE STAGES \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-pipeline-stages-forked {\n    display: flex;\n    align-items: center;\n    gap: 0;\n}\n\n.at-pipeline-fork {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    flex: 2;\n}\n\n.at-pipeline-fork-lines {\n    width: 28px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    position: relative;\n    flex-shrink: 0;\n}\n\n.at-pipeline-fork-line {\n    height: 2px;\n    background: var(--mj-border-default);\n    width: 100%;\n    position: relative;\n}\n\n.at-pipeline-fork-line::before {\n    content: '';\n    position: absolute;\n    width: 2px;\n    height: 12px;\n    background: var(--mj-border-default);\n    left: 0;\n}\n\n.at-fork-top::before {\n    bottom: 0;\n    left: 0;\n}\n\n.at-fork-bottom::before {\n    top: 0;\n    left: 0;\n}\n\n.at-pipeline-fork-branches {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    flex: 1;\n}\n\n.at-pipeline-fork-branches .at-pipeline-stage {\n    flex: none;\n    padding: 6px 0;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE FEED ITEMS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-item-clickable {\n    cursor: pointer;\n}\n\n.at-feed-item-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FEED SEARCH & PAGINATION \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-feed-card {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    min-height: 0;\n}\n\n.at-feed-header-actions {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    margin-left: auto;\n}\n\n.at-feed-sort-btn {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    padding: 3px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-secondary);\n    font-size: 0.68rem;\n    cursor: pointer;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-feed-sort-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-count {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n}\n\n.at-feed-search-bar {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 14px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-search-icon {\n    color: var(--mj-text-disabled);\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-feed-search-input {\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    outline: none;\n    padding: 4px 0;\n    min-width: 0;\n}\n\n.at-feed-search-input::placeholder {\n    color: var(--mj-text-disabled);\n}\n\n.at-feed-search-clear {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 18px;\n    height: 18px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 9px;\n    flex-shrink: 0;\n}\n\n.at-feed-search-clear:hover {\n    background: var(--mj-border-strong);\n    color: var(--mj-text-primary);\n}\n\n.at-feed-scroll-body {\n    overflow-y: auto;\n    min-height: 0;\n    flex: 1;\n}\n\n.at-feed-item-content {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    overflow: hidden;\n}\n\n.at-feed-item-content .at-feed-item-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.at-feed-item-source-label {\n    font-size: 0.7rem;\n    font-weight: 500;\n    color: var(--mj-brand-primary);\n}\n\n.at-feed-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 8px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n    background: var(--mj-bg-surface-card);\n}\n\n.at-feed-pagination-label {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 CLICKABLE SOURCE CARDS \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-source-card-clickable {\n    cursor: pointer;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 FORM HINT \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-form-hint {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    font-style: italic;\n    margin-top: 2px;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 DETAIL PANEL (wider) \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-panel {\n    width: 500px;\n}\n\n/* \u2500\u2500 Detail: Item header \u2500\u2500 */\n\n.at-detail-item-header {\n    margin-bottom: 8px;\n}\n\n.at-detail-item-name {\n    font-size: 1.05rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    margin: 0 0 6px 0;\n    word-break: break-word;\n}\n\n.at-detail-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-detail-badge {\n    padding: 2px 10px;\n    border-radius: 10px;\n    font-size: 0.7rem;\n    font-weight: 600;\n}\n\n.at-detail-badge-source {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n}\n\n.at-detail-badge-type {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-secondary);\n}\n\n.at-detail-badge-file {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n.at-detail-badge-status-active {\n    background: var(--mj-status-success-bg);\n    color: var(--mj-status-success-text);\n}\n\n.at-detail-badge-status-error {\n    background: var(--mj-status-error-bg);\n    color: var(--mj-status-error-text);\n}\n\n.at-detail-badge-status-inactive {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-disabled);\n}\n\n/* \u2500\u2500 Detail: Sections \u2500\u2500 */\n\n.at-detail-section {\n    margin-bottom: 4px;\n}\n\n.at-detail-section-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n    color: var(--mj-text-muted);\n    margin-bottom: 6px;\n}\n\n.at-detail-link {\n    font-size: 0.8rem;\n    color: var(--mj-brand-primary);\n    text-decoration: none;\n    word-break: break-all;\n}\n\n.at-detail-link:hover {\n    text-decoration: underline;\n}\n\n/* \u2500\u2500 Detail: Text preview \u2500\u2500 */\n\n.at-detail-text-preview {\n    max-height: 200px;\n    overflow-y: auto;\n    padding: 10px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 6px;\n    font-size: 0.78rem;\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    color: var(--mj-text-primary);\n    white-space: pre-wrap;\n    word-break: break-word;\n    line-height: 1.5;\n}\n\n/* \u2500\u2500 Detail: Tags \u2500\u2500 */\n\n.at-detail-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n}\n\n/* \u2500\u2500 Detail: Meta grid \u2500\u2500 */\n\n.at-detail-meta-grid {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    overflow: hidden;\n}\n\n.at-detail-meta-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-detail-meta-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-meta-key {\n    color: var(--mj-text-muted);\n    font-weight: 500;\n    flex-shrink: 0;\n    margin-right: 12px;\n}\n\n.at-detail-meta-value {\n    color: var(--mj-text-primary);\n    text-align: right;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-meta-mono {\n    font-family: 'SF Mono', 'Cascadia Code', 'Menlo', monospace;\n    font-size: 0.72rem;\n}\n\n/* \u2500\u2500 Detail: Actions \u2500\u2500 */\n\n.at-detail-actions {\n    display: flex;\n    gap: 8px;\n    padding-top: 8px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 8px;\n}\n\n.at-detail-actions .at-action-btn {\n    flex: 1;\n    justify-content: center;\n}\n\n/* \u2500\u2500 Detail: Source header \u2500\u2500 */\n\n.at-detail-source-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 8px;\n}\n\n/* \u2500\u2500 Detail: Stats strip \u2500\u2500 */\n\n.at-detail-stats-strip {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-detail-stat {\n    flex: 1;\n    min-width: 60px;\n    text-align: center;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 8px 6px;\n}\n\n.at-detail-stat-value {\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-detail-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Detail: Content Library \u2500\u2500 */\n\n.at-detail-content-list {\n    max-height: 250px;\n    overflow-y: auto;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n}\n\n.at-detail-content-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s ease;\n}\n\n.at-detail-content-item:last-child {\n    border-bottom: none;\n}\n\n.at-detail-content-item:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-detail-content-item-name {\n    flex: 1;\n    font-weight: 500;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-detail-content-item-tags {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n.at-detail-content-item-time {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    white-space: nowrap;\n}\n\n/* \u2500\u2500 Detail: Run history \u2500\u2500 */\n\n.at-detail-run-history {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.at-detail-run-row {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.75rem;\n}\n\n.at-detail-run-row:last-child {\n    border-bottom: none;\n}\n\n.at-detail-run-time {\n    color: var(--mj-text-secondary);\n    flex: 1;\n}\n\n.at-detail-run-duration {\n    color: var(--mj-text-muted);\n}\n\n.at-detail-run-items {\n    color: var(--mj-text-muted);\n}\n\n@media (max-width: 600px) {\n    .at-slide-panel {\n        width: 100%;\n    }\n\n    .at-detail-panel {\n        width: 100%;\n    }\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   TAXONOMY GOVERNANCE TAB\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/* Sub-tab strip + badges retired \u2014 taxonomy sub-tabs now driven by <mj-tab-nav>\n   in the [toolbar] slot of the taxonomy section, with TabConfig badges\n   (warning variant for duplicates, error variant for orphans). */\n\n/* \u2500\u2500 Tree View: Split layout \u2500\u2500 */\n\n.at-tax-split-view {\n    display: flex;\n    gap: 0;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    height: calc(100vh - 320px);\n    min-height: 400px;\n    overflow: hidden;\n}\n\n.at-tax-tree-panel {\n    width: 40%;\n    border-right: 1px solid var(--mj-border-default);\n    display: flex;\n    flex-direction: column;\n}\n\n.at-tax-tree-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 8px 12px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-toolbar-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 30px;\n    height: 30px;\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    cursor: pointer;\n    font-size: 0.8rem;\n    transition: background 0.15s, color 0.15s;\n}\n\n.at-tax-toolbar-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-tax-toolbar-btn.active {\n    background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n    color: var(--mj-brand-primary);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-tree-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 8px 0;\n}\n\n.at-tax-tree-node {\n    padding: 6px 16px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: background 0.1s;\n    line-height: 1.4;\n}\n\n.at-tax-tree-node:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-node-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.at-tax-node-drag-over {\n    background: color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-bg-surface));\n    outline: 2px dashed var(--mj-brand-primary);\n    outline-offset: -2px;\n}\n\n.at-tax-node-multi-selected {\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.at-tax-tree-add-child {\n    margin-left: auto;\n    opacity: 0;\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    padding: 2px 6px;\n    border-radius: 4px;\n    transition: opacity 0.15s, color 0.15s, background 0.15s;\n}\n\n.at-tax-tree-node:hover .at-tax-tree-add-child {\n    opacity: 1;\n}\n\n.at-tax-tree-add-child:hover {\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.at-tax-tree-checkbox {\n    width: 14px;\n    height: 14px;\n    cursor: pointer;\n    accent-color: var(--mj-brand-primary);\n    flex-shrink: 0;\n}\n\n.at-tax-tree-saving-overlay {\n    position: absolute;\n    inset: 0;\n    background: color-mix(in srgb, var(--mj-bg-surface) 75%, transparent);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 10;\n    backdrop-filter: blur(1px);\n}\n\n.at-tax-create-context {\n    font-size: 0.8rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 12px;\n    padding: 6px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n}\n\n.at-tax-tree-arrow {\n    width: 16px;\n    font-size: 0.55rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n    text-align: center;\n    cursor: pointer;\n}\n\n.at-tax-arrow-collapsed::before {\n    content: \"\\25B6\";\n}\n\n.at-tax-arrow-expanded::before {\n    content: \"\\25BC\";\n}\n\n.at-tax-arrow-leaf {\n    visibility: hidden;\n}\n\n.at-tax-health-dot {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    flex-shrink: 0;\n}\n\n.at-tax-health-dot.green {\n    background: var(--mj-status-success);\n}\n\n.at-tax-health-dot.yellow {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-health-dot.red {\n    background: var(--mj-status-error);\n}\n\n.at-tax-tree-label {\n    flex: 1;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-tree-label-selected {\n    font-weight: 700;\n}\n\n.at-tax-tree-count {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-left: 4px;\n}\n\n/* \u2500\u2500 Details panel \u2500\u2500 */\n\n.at-tax-details-panel {\n    width: 60%;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n}\n\n.at-tax-details-header {\n    padding: 20px 24px 0;\n}\n\n.at-tax-breadcrumb {\n    font-size: 0.7rem;\n    color: var(--mj-text-muted);\n    margin-bottom: 8px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n}\n\n.at-tax-bc-link {\n    color: var(--mj-brand-primary);\n    cursor: pointer;\n}\n\n.at-tax-bc-link:hover {\n    text-decoration: underline;\n}\n\n.at-tax-bc-sep {\n    color: var(--mj-border-default);\n}\n\n.at-tax-bc-current {\n    color: var(--mj-text-secondary);\n    font-weight: 600;\n}\n\n.at-tax-details-title {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 4px;\n}\n\n.at-tax-edit-icon {\n    font-size: 0.75rem;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n}\n\n.at-tax-edit-icon:hover {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-details-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin-bottom: 16px;\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-tax-edit-form {\n    margin-bottom: 16px;\n}\n\n/* \u2500\u2500 Stats row \u2500\u2500 */\n\n.at-tax-stats-row {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n    margin-bottom: 16px;\n    padding: 0 24px;\n}\n\n.at-tax-stat-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding: 10px 14px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 8px;\n    min-width: 72px;\n}\n\n.at-tax-stat-value {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-stat-date {\n    font-size: 0.8rem;\n}\n\n.at-tax-stat-label {\n    font-size: 0.62rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Action toolbar \u2500\u2500 */\n\n.at-tax-action-toolbar {\n    display: flex;\n    gap: 8px;\n    padding: 0 24px;\n    margin-bottom: 20px;\n    flex-wrap: wrap;\n}\n\n.at-tax-action-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-action-btn:hover {\n    background: var(--mj-bg-surface-hover);\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-action-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n    background: color-mix(in srgb, var(--mj-status-error) 8%, var(--mj-bg-surface));\n}\n\n/* \u2500\u2500 Detail sections \u2500\u2500 */\n\n.at-tax-detail-section {\n    padding: 0 24px 20px;\n}\n\n.at-tax-section-title {\n    font-size: 0.7rem;\n    font-weight: 600;\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--mj-text-muted);\n    margin-bottom: 10px;\n}\n\n.at-tax-child-chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n}\n\n.at-tax-child-chip {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    background: var(--mj-bg-surface-sunken);\n    border: 1px solid var(--mj-border-default);\n    border-radius: 16px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n}\n\n.at-tax-child-chip:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.at-tax-chip-count {\n    font-size: 0.6rem;\n    background: var(--mj-border-default);\n    color: var(--mj-text-muted);\n    padding: 0 5px;\n    border-radius: 8px;\n}\n\n/* \u2500\u2500 Recent items \u2500\u2500 */\n\n.at-tax-recent-list {\n    list-style: none;\n}\n\n.at-tax-recent-item {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 8px 0;\n    border-bottom: 1px solid var(--mj-border-subtle);\n    font-size: 0.78rem;\n}\n\n.at-tax-recent-item:last-child {\n    border-bottom: none;\n}\n\n.at-tax-recent-icon {\n    width: 28px;\n    height: 28px;\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    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.72rem;\n    flex-shrink: 0;\n}\n\n.at-tax-recent-name {\n    flex: 1;\n    color: var(--mj-text-primary);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.at-tax-recent-weight {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    background: var(--mj-bg-surface-sunken);\n    padding: 2px 8px;\n    border-radius: 10px;\n}\n\n.at-tax-recent-date {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n/* \u2500\u2500 Health bar \u2500\u2500 */\n\n.at-tax-health-bar {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    padding: 12px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    margin-top: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-health-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-health-stat {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 0.78rem;\n}\n\n.at-tax-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 50%;\n}\n\n.at-tax-dot-total {\n    background: var(--mj-text-secondary);\n}\n\n.at-tax-dot-healthy {\n    background: var(--mj-status-success);\n}\n\n.at-tax-dot-attention {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-dot-orphaned {\n    background: var(--mj-status-error);\n}\n\n.at-tax-dot-duplicates {\n    background: var(--mj-status-info);\n}\n\n.at-tax-health-value {\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-val-success {\n    color: var(--mj-status-success);\n}\n\n.at-tax-val-warning {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-val-error {\n    color: var(--mj-status-error);\n}\n\n.at-tax-val-info {\n    color: var(--mj-status-info);\n}\n\n.at-tax-health-text {\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550 Duplicates sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-dup-stats-bar {\n    display: flex;\n    gap: 24px;\n    margin-bottom: 16px;\n    align-items: center;\n}\n\n.at-tax-dup-stat {\n    font-size: 0.78rem;\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-dup-stat strong {\n    font-size: 1.1rem;\n    color: var(--mj-text-primary);\n    margin-right: 4px;\n}\n\n.at-tax-dup-high strong {\n    color: var(--mj-status-error);\n}\n\n.at-tax-dup-moderate strong {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-tax-dup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 20px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    transition: border-color 0.15s;\n}\n\n.at-tax-dup-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-card.at-tax-dup-high {\n    border-left: 3px solid var(--mj-status-error);\n}\n\n.at-tax-dup-card.at-tax-dup-moderate {\n    border-left: 3px solid var(--mj-status-warning);\n}\n\n.at-tax-dup-tag {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    min-width: 120px;\n    padding: 6px 12px;\n    background: var(--mj-bg-surface-sunken);\n    border-radius: 6px;\n    text-align: center;\n}\n\n.at-tax-dup-arrow {\n    font-size: 0.82rem;\n    color: var(--mj-text-muted);\n    flex-shrink: 0;\n}\n\n.at-tax-dup-similarity {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    min-width: 100px;\n}\n\n.at-tax-sim-bar-bg {\n    width: 100%;\n    height: 6px;\n    background: var(--mj-border-default);\n    border-radius: 3px;\n    overflow: hidden;\n}\n\n.at-tax-sim-bar-fill {\n    height: 100%;\n    border-radius: 3px;\n    transition: width 0.3s;\n}\n\n.at-tax-sim-bar-fill.high {\n    background: var(--mj-status-error);\n}\n\n.at-tax-sim-bar-fill.moderate {\n    background: var(--mj-status-warning);\n}\n\n.at-tax-sim-percent {\n    font-size: 0.78rem;\n    font-weight: 700;\n}\n\n.at-tax-sim-percent.high {\n    color: var(--mj-status-error);\n}\n\n.at-tax-sim-percent.moderate {\n    color: var(--mj-status-warning);\n}\n\n.at-tax-dup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-tax-dup-btn {\n    padding: 5px 12px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    transition: all 0.15s;\n    white-space: nowrap;\n}\n\n.at-tax-dup-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-dup-btn-primary:hover {\n    background: var(--mj-brand-primary-hover);\n    color: var(--mj-text-inverse);\n}\n\n/* \u2550\u2550\u2550\u2550 Orphans sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-orphan-toolbar {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-orphan-count {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-bulk {\n    margin-left: auto;\n    display: flex;\n    gap: 8px;\n}\n\n.at-tax-bulk-btn {\n    padding: 6px 14px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    background: var(--mj-bg-surface);\n    font-size: 0.72rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    transition: all 0.15s;\n}\n\n.at-tax-bulk-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-bulk-danger:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n.at-tax-orphan-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    gap: 12px;\n}\n\n.at-tax-orphan-card {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    padding: 16px;\n    transition: all 0.15s;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    border-top: 3px solid var(--mj-status-error);\n}\n\n.at-tax-orphan-card:hover {\n    border-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n.at-tax-orphan-name {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-orphan-checkbox {\n    width: 16px;\n    height: 16px;\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-stats {\n    display: flex;\n    gap: 12px;\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-stats strong {\n    color: var(--mj-text-secondary);\n}\n\n.at-tax-orphan-dates {\n    display: flex;\n    justify-content: space-between;\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n}\n\n.at-tax-orphan-actions {\n    display: flex;\n    gap: 6px;\n    margin-top: 4px;\n}\n\n.at-tax-orphan-btn {\n    flex: 1;\n    padding: 5px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 5px;\n    background: var(--mj-bg-surface);\n    font-size: 0.68rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n    text-align: center;\n    transition: all 0.15s;\n}\n\n.at-tax-orphan-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-orphan-delete:hover {\n    border-color: var(--mj-status-error);\n    color: var(--mj-status-error);\n}\n\n/* \u2550\u2550\u2550\u2550 Treemap sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-kpi-strip {\n    display: flex;\n    gap: 20px;\n    margin-bottom: 16px;\n    flex-wrap: wrap;\n}\n\n.at-tax-treemap-kpi {\n    padding: 10px 18px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    min-width: 120px;\n}\n\n.at-tax-treemap-kpi-value {\n    font-size: 1.2rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-treemap-kpi-label {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n}\n\n.at-tax-treemap-container {\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 10px;\n    padding: 8px;\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    grid-auto-rows: 80px;\n    gap: 4px;\n    min-height: 340px;\n}\n\n.at-tax-treemap-cell {\n    border-radius: 6px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: var(--mj-text-inverse);\n    font-weight: 600;\n    font-size: 0.78rem;\n    cursor: pointer;\n    transition: all 0.15s;\n    position: relative;\n    overflow: hidden;\n}\n\n.at-tax-treemap-cell:hover {\n    transform: scale(1.02);\n    z-index: 2;\n}\n\n.at-tax-cell-name {\n    font-size: 0.78rem;\n}\n\n.at-tax-cell-count {\n    font-size: 0.65rem;\n    opacity: 0.85;\n    font-weight: 400;\n}\n\n/* Treemap color families */\n.at-tm-blue-1 { background: color-mix(in srgb, var(--mj-brand-primary) 90%, black); }\n.at-tm-blue-2 { background: var(--mj-brand-primary); }\n.at-tm-blue-3 { background: color-mix(in srgb, var(--mj-brand-primary) 75%, white); }\n.at-tm-blue-4 { background: color-mix(in srgb, var(--mj-brand-primary) 55%, white); }\n\n.at-tm-green-1 { background: color-mix(in srgb, var(--mj-status-success) 90%, black); }\n.at-tm-green-2 { background: var(--mj-status-success); }\n.at-tm-green-3 { background: color-mix(in srgb, var(--mj-status-success) 60%, white); color: var(--mj-text-primary); }\n\n.at-tm-purple-1 { background: color-mix(in srgb, var(--mj-status-info) 90%, black); }\n.at-tm-purple-2 { background: var(--mj-status-info); }\n.at-tm-purple-3 { background: color-mix(in srgb, var(--mj-status-info) 65%, white); }\n\n.at-tm-orange-1 { background: color-mix(in srgb, var(--mj-status-warning) 90%, black); }\n.at-tm-orange-2 { background: var(--mj-status-warning); }\n.at-tm-orange-3 { background: color-mix(in srgb, var(--mj-status-warning) 60%, white); color: var(--mj-text-primary); }\n\n/* \u2550\u2550\u2550\u2550 Audit Log sub-tab \u2550\u2550\u2550\u2550 */\n\n.at-tax-audit-filters {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin-bottom: 16px;\n    padding: 12px 16px;\n    background: var(--mj-bg-surface-card);\n    border: 1px solid var(--mj-border-subtle);\n    border-radius: 8px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-filter-label {\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n}\n\n.at-tax-audit-checkbox-group {\n    display: flex;\n    gap: 12px;\n    flex-wrap: wrap;\n}\n\n.at-tax-audit-checkbox {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    font-size: 0.72rem;\n    color: var(--mj-text-secondary);\n    cursor: pointer;\n}\n\n.at-tax-audit-checkbox input {\n    accent-color: var(--mj-brand-primary);\n}\n\n.at-tax-audit-timeline {\n    position: relative;\n    padding-left: 32px;\n}\n\n.at-tax-audit-timeline::before {\n    content: '';\n    position: absolute;\n    left: 14px;\n    top: 0;\n    bottom: 0;\n    width: 2px;\n    background: var(--mj-border-default);\n}\n\n.at-tax-audit-event {\n    position: relative;\n    padding: 10px 16px;\n    margin-bottom: 4px;\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    border-radius: 8px;\n    transition: background 0.1s;\n}\n\n.at-tax-audit-event:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-tax-audit-event-icon {\n    width: 28px;\n    height: 28px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.68rem;\n    flex-shrink: 0;\n    position: absolute;\n    left: -32px;\n    top: 10px;\n    z-index: 1;\n}\n\n.at-tax-audit-event-icon.created {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success);\n}\n\n.at-tax-audit-event-icon.merged {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.moved {\n    background: color-mix(in srgb, var(--mj-status-info) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-info);\n}\n\n.at-tax-audit-event-icon.deleted {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error);\n}\n\n.at-tax-audit-event-icon.renamed {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning);\n}\n\n.at-tax-audit-event-body {\n    flex: 1;\n}\n\n.at-tax-audit-event-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-primary);\n    line-height: 1.5;\n}\n\n.at-tax-tag-ref {\n    background: var(--mj-bg-surface-sunken);\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-weight: 600;\n    font-size: 0.72rem;\n    border: 1px solid var(--mj-border-default);\n}\n\n.at-tax-audit-event-meta {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    display: flex;\n    gap: 12px;\n}\n\n/* \u2500\u2500 Taxonomy responsive \u2500\u2500 */\n\n@media (max-width: 1100px) {\n    .at-tax-split-view {\n        flex-direction: column;\n    }\n\n    .at-tax-tree-panel {\n        width: 100%;\n        max-height: 300px;\n        border-right: none;\n        border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .at-tax-details-panel {\n        width: 100%;\n    }\n}\n\n@media (max-width: 768px) {\n    .at-tax-dup-card {\n        flex-wrap: wrap;\n    }\n\n    .at-tax-orphan-grid {\n        grid-template-columns: 1fr;\n    }\n}\n\n/* \u2500\u2500 Pipeline Config Widget \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-config-card {\n    margin-top: 12px;\n}\n\n.at-config-body {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    padding: 12px !important;\n}\n\n.at-config-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n}\n\n.at-config-label {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--mj-text-secondary);\n    min-width: 90px;\n    flex-shrink: 0;\n}\n\n.at-config-control {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    flex: 1;\n    justify-content: flex-end;\n}\n\n.at-config-input {\n    width: 70px;\n    padding: 3px 6px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 4px;\n    font-size: 0.75rem;\n    text-align: right;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n}\n\n.at-config-input:focus {\n    outline: none;\n    border-color: var(--mj-brand-primary);\n}\n\n.at-config-slider {\n    flex: 1;\n    max-width: 100px;\n    accent-color: var(--mj-brand-primary);\n    height: 4px;\n}\n\n.at-config-value {\n    font-size: 0.68rem;\n    color: var(--mj-text-muted);\n    min-width: 40px;\n    text-align: right;\n}\n\n.at-config-divider {\n    height: 1px;\n    background: var(--mj-border-default);\n    margin: 4px 0;\n}\n\n.at-config-section-label {\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n/* Toggle Switch */\n.at-config-toggle {\n    position: relative;\n    display: inline-block;\n    cursor: pointer;\n}\n\n.at-config-toggle input {\n    display: none;\n}\n\n.at-toggle-track {\n    display: block;\n    width: 32px;\n    height: 18px;\n    background: var(--mj-border-strong);\n    border-radius: 9px;\n    transition: background 0.2s ease;\n    position: relative;\n}\n\n.at-config-toggle input:checked + .at-toggle-track {\n    background: var(--mj-brand-primary);\n}\n\n.at-toggle-thumb {\n    position: absolute;\n    top: 2px;\n    left: 2px;\n    width: 14px;\n    height: 14px;\n    background: var(--mj-bg-surface);\n    border-radius: 50%;\n    transition: transform 0.2s ease;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.15);\n}\n\n.at-config-toggle input:checked + .at-toggle-track .at-toggle-thumb {\n    transform: translateX(14px);\n}\n\n/* \u2500\u2500 Schedule Indicator on Source Cards \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-indicator {\n    display: inline-flex;\n    align-items: center;\n    gap: 5px;\n    padding: 3px 10px;\n    margin-top: 6px;\n    border-radius: 12px;\n    font-size: 0.68rem;\n    font-weight: 600;\n    color: var(--mj-brand-primary);\n    background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n    border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 20%, var(--mj-border-default));\n    cursor: pointer;\n    transition: all 0.15s ease;\n    width: fit-content;\n}\n\n.at-schedule-indicator i {\n    font-size: 0.62rem;\n}\n\n.at-schedule-indicator:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 10%, 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/* Schedule button in source card actions */\n.at-source-schedule-btn:hover {\n    border-color: var(--mj-brand-primary);\n    color: var(--mj-brand-primary);\n}\n\n/* \u2500\u2500 Schedule Dialog \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.at-schedule-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-schedule-dialog {\n    background: var(--mj-bg-surface);\n    border: 1px solid var(--mj-border-default);\n    border-radius: var(--mj-radius-lg, 12px);\n    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.16);\n    width: 420px;\n    max-width: 90vw;\n}\n\n.at-schedule-dialog-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-schedule-dialog-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-dialog-close {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--mj-text-muted);\n    font-size: 16px;\n    padding: 4px;\n    line-height: 1;\n    transition: color 0.15s;\n}\n\n.at-schedule-dialog-close:hover {\n    color: var(--mj-text-primary);\n}\n\n.at-schedule-dialog-body {\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n}\n\n.at-schedule-field label {\n    display: block;\n    font-size: 11.5px;\n    font-weight: 600;\n    color: var(--mj-text-secondary);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    margin-bottom: 6px;\n}\n\n.at-schedule-source-name {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 13.5px;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-source-name i {\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-action-name {\n    font-size: 13px;\n    color: var(--mj-text-secondary);\n    padding: 8px 12px;\n    background: var(--mj-bg-surface-card);\n    border-radius: var(--mj-radius-sm, 6px);\n    border: 1px solid var(--mj-border-subtle);\n}\n\n.at-schedule-cron-input {\n    width: 100%;\n    font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;\n    font-size: 13px;\n    letter-spacing: 0.02em;\n}\n\n.at-schedule-cron-preview {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    margin-top: 6px;\n    font-size: 12px;\n    color: var(--mj-text-muted);\n}\n\n.at-schedule-cron-preview i {\n    font-size: 11px;\n    color: var(--mj-brand-primary);\n}\n\n.at-schedule-toggle-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 10px;\n}\n\n.at-schedule-toggle-row label {\n    margin-bottom: 0;\n}\n\n.at-schedule-dialog-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4: Status Badges for Content Items \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-status-badge {\n    display: inline-block;\n    padding: 1px 6px;\n    border-radius: 4px;\n    font-size: 0.6rem;\n    font-weight: 600;\n    white-space: nowrap;\n    letter-spacing: 0.02em;\n}\n\n.at-status-badge-complete {\n    background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-success-text);\n}\n\n.at-status-badge-processing {\n    background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-warning-text);\n}\n\n.at-status-badge-failed {\n    background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n    color: var(--mj-status-error-text);\n}\n\n.at-status-badge-pending {\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D4/D7: Source Detail Controls \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-section-header-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 8px;\n    gap: 8px;\n    flex-wrap: wrap;\n}\n\n.at-detail-section-controls {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n.at-detail-filter-select {\n    padding: 4px 8px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 6px;\n    font-size: 0.72rem;\n    background: var(--mj-bg-surface);\n    color: var(--mj-text-primary);\n    cursor: pointer;\n}\n\n.at-retry-btn {\n    font-size: 0.7rem !important;\n    padding: 4px 8px !important;\n    background: color-mix(in srgb, var(--mj-status-error) 10%, var(--mj-bg-surface)) !important;\n    color: var(--mj-status-error-text) !important;\n    border: 1px solid color-mix(in srgb, var(--mj-status-error) 20%, var(--mj-border-default)) !important;\n}\n\n.at-retry-btn:hover {\n    background: color-mix(in srgb, var(--mj-status-error) 18%, var(--mj-bg-surface)) !important;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 D7: Pagination \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-detail-pagination {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0 4px;\n    border-top: 1px solid var(--mj-border-subtle);\n    margin-top: 4px;\n}\n\n.at-page-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.72rem;\n    font-weight: 500;\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    cursor: pointer;\n    transition: all 0.12s ease;\n}\n\n.at-page-btn:hover:not(:disabled) {\n    background: var(--mj-bg-surface-hover);\n    color: var(--mj-text-primary);\n}\n\n.at-page-btn:disabled {\n    opacity: 0.4;\n    cursor: default;\n}\n\n.at-page-info {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n    font-weight: 500;\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Confirmation Dialog \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-confirm-message {\n    font-size: 13.5px;\n    color: var(--mj-text-secondary);\n    line-height: 1.5;\n    margin: 0;\n}\n\n.at-danger-btn {\n    background: var(--mj-status-error);\n    color: var(--mj-text-inverse);\n    border: none;\n    border-radius: var(--mj-radius-sm, 6px);\n    padding: 7px 14px;\n    font-size: 12.5px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.15s;\n}\n\n.at-danger-btn:hover {\n    background: var(--mj-status-error-text);\n}\n\n/* \u2550\u2550\u2550\u2550\u2550\u2550 Treemap Drill-In \u2550\u2550\u2550\u2550\u2550\u2550 */\n\n.at-tax-treemap-cell-clickable {\n    cursor: pointer;\n    transition: transform 0.15s, box-shadow 0.15s;\n}\n\n.at-tax-treemap-cell-clickable:hover {\n    transform: scale(1.02);\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n    z-index: 1;\n}\n\n.at-tax-drillin-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 1000;\n    display: flex;\n    align-items: flex-start;\n    justify-content: flex-end;\n    background: var(--mj-bg-overlay, rgba(0, 0, 0, 0.4));\n}\n\n.at-tax-drillin-panel {\n    background: var(--mj-bg-surface);\n    border-left: 1px solid var(--mj-border-default);\n    width: 420px;\n    max-width: 90vw;\n    height: 100vh;\n    display: flex;\n    flex-direction: column;\n    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);\n}\n\n.at-tax-drillin-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 16px 20px;\n    border-bottom: 1px solid var(--mj-border-default);\n}\n\n.at-tax-drillin-header h3 {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin: 0;\n    font-size: 15px;\n    font-weight: 650;\n    color: var(--mj-text-primary);\n}\n\n.at-tax-drillin-header h3 i {\n    color: var(--mj-brand-primary);\n}\n\n.at-tax-drillin-body {\n    flex: 1;\n    overflow-y: auto;\n    padding: 20px;\n}\n\n.at-tax-drillin-footer {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 14px 20px;\n    border-top: 1px solid var(--mj-border-default);\n}\n\n/* D3/D8: Clickable run history rows */\n.at-run-row-clickable {\n    cursor: pointer;\n    transition: background 0.12s ease;\n}\n\n.at-run-row-clickable:hover {\n    background: var(--mj-bg-surface-hover);\n}\n\n.at-run-row-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/* D2: Error text in detail tables */\n.run-error-text {\n    color: var(--mj-status-error);\n    font-weight: 600;\n}\n\n/* \u2500\u2500 Content Item Duplicates Section (G3) \u2500\u2500 */\n\n.at-dedup-section {\n    margin-top: 24px;\n    border-top: 1px solid var(--mj-border-default);\n    padding-top: 20px;\n}\n\n.at-dedup-header {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    margin-bottom: 16px;\n}\n\n.at-dedup-title {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.at-dedup-subtitle {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-list {\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n}\n\n.at-dedup-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 14px 16px;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 10px;\n    background: var(--mj-bg-surface);\n    transition: border-color 0.15s;\n}\n\n.at-dedup-card:hover {\n    border-color: var(--mj-border-strong);\n}\n\n.at-dedup-pair {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    flex: 1;\n    min-width: 0;\n}\n\n.at-dedup-item {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n    flex: 1;\n}\n\n.at-dedup-item-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}\n\n.at-dedup-item-source {\n    font-size: 0.72rem;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-vs {\n    color: var(--mj-text-muted);\n    font-size: 0.75rem;\n    flex-shrink: 0;\n}\n\n.at-dedup-meta {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    gap: 3px;\n    flex-shrink: 0;\n}\n\n.at-dedup-score {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n\n.at-dedup-method {\n    font-size: 0.65rem;\n    color: var(--mj-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.3px;\n}\n\n.at-dedup-actions {\n    display: flex;\n    gap: 6px;\n    flex-shrink: 0;\n}\n\n.at-dedup-confirm {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-dismiss {\n    font-size: 0.75rem !important;\n    padding: 4px 10px !important;\n}\n\n.at-dedup-empty {\n    text-align: center;\n    padding: 32px 16px;\n    color: var(--mj-text-muted);\n}\n\n.at-dedup-empty i {\n    font-size: 1.5rem;\n    margin-bottom: 8px;\n    color: var(--mj-status-success);\n}\n\n.at-dedup-empty p {\n    margin: 8px 0 0;\n    font-size: 0.82rem;\n}\n\n/* \"Showing X of Y\" + Load more bar (Run History, etc.) */\n.at-load-more-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 10px 14px;\n    border-top: 1px solid var(--mj-border-subtle);\n}\n\n.at-load-more-count {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n}\n\n/* ============================================================\n   First-run onboarding (P2)\n   ============================================================ */\n.kh-onboarding {\n    margin: 0 0 16px 0;\n    border: 1px solid var(--mj-border-default);\n    border-radius: 12px;\n    background: linear-gradient(135deg,\n        color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface)),\n        var(--mj-bg-surface));\n    padding: 18px 20px;\n}\n.kh-onboarding-head {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: 12px;\n}\n.kh-onboarding-title {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n}\n.kh-onboarding-title > i {\n    font-size: 1.3rem;\n    color: var(--mj-brand-primary);\n    margin-top: 2px;\n}\n.kh-onboarding-title h3 {\n    margin: 0;\n    font-size: 1rem;\n    font-weight: 700;\n    color: var(--mj-text-primary);\n}\n.kh-onboarding-title p {\n    margin: 2px 0 0;\n    font-size: 0.82rem;\n    color: var(--mj-text-secondary);\n}\n.kh-onboarding-dismiss {\n    background: none;\n    border: none;\n    color: var(--mj-text-muted);\n    cursor: pointer;\n    font-size: 0.9rem;\n    padding: 4px;\n    border-radius: 6px;\n}\n.kh-onboarding-dismiss:hover { color: var(--mj-text-primary); background: var(--mj-bg-surface-hover); }\n.kh-onboarding-steps {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    margin-top: 16px;\n}\n.kh-step {\n    display: flex;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 10px;\n    border: 1px solid transparent;\n    transition: background 0.15s, border-color 0.15s;\n}\n.kh-step-active {\n    background: var(--mj-bg-surface);\n    border-color: color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n}\n.kh-step-marker {\n    flex: 0 0 auto;\n    width: 26px;\n    height: 26px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.78rem;\n    font-weight: 700;\n    background: var(--mj-bg-surface-sunken);\n    color: var(--mj-text-muted);\n    border: 1px solid var(--mj-border-default);\n}\n.kh-step-active .kh-step-marker {\n    background: var(--mj-brand-primary);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-brand-primary);\n}\n.kh-step-done .kh-step-marker {\n    background: var(--mj-status-success);\n    color: var(--mj-text-inverse);\n    border-color: var(--mj-status-success);\n}\n.kh-step-title {\n    font-size: 0.86rem;\n    font-weight: 600;\n    color: var(--mj-text-primary);\n}\n.kh-step-done .kh-step-title { color: var(--mj-text-secondary); }\n.kh-step-desc {\n    font-size: 0.78rem;\n    color: var(--mj-text-muted);\n    margin-top: 2px;\n    line-height: 1.4;\n}\n.kh-step-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 10px;\n}\n"] }]
     }], null, { tagsTab: [{
             type: ViewChild,
             args: [ClassifyTagsTabComponent]
         }], formDialog: [{
             type: ViewChild,
             args: ['formDialog']
+        }], setupWizard: [{
+            type: ViewChild,
+            args: ['setupWizard']
         }], inboxTab: [{
             type: ViewChild,
             args: [ClassifyInboxTabComponent]
@@ -1740,7 +2143,7 @@ export { AutotaggingPipelineResourceComponent };
             type: ViewChild,
             args: [ClassifyHealthTabComponent]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AutotaggingPipelineResourceComponent, { className: "AutotaggingPipelineResourceComponent", filePath: "src/AI/components/autotagging/autotagging-pipeline-resource.component.ts", lineNumber: 38 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AutotaggingPipelineResourceComponent, { className: "AutotaggingPipelineResourceComponent", filePath: "src/AI/components/autotagging/autotagging-pipeline-resource.component.ts", lineNumber: 39 }); })();
 export function LoadAutotaggingPipelineResource() {
     // Prevents tree-shaking
 }