@memberjunction/ng-dashboards 5.51.0 → 6.1.0-edge.1

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

@@ -174,7 +174,7 @@ function AutotaggingPipelineResourceComponent_Case_13_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     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.ɵɵ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)("ScheduledJobs", ctx_r2.ScheduledJobsCache)("EntityRecordDocCache", ctx_r2.EntityRecordDocCacheMap)("Provider", ctx_r2.ProviderToUse);
     i0.ɵɵadvance(11);
     i0.ɵɵproperty("disabled", ctx_r2.IsLoadingDuplicates);
     i0.ɵɵadvance();
@@ -479,8 +479,8 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     // ── Schedule dialog ──
     // The quick-schedule dialog (state + save/remove logic) moved to
     // ClassifySourcesTabComponent.
-    /** Cached ScheduledAction entities, keyed by normalized ID */
-    scheduledActionsCache = new Map();
+    /** Cached Scheduled Job entities, keyed by normalized ID */
+    scheduledJobsCache = new Map();
     // ── Detail panels ──
     // The Source Detail slide-in (state, pagination, status filter, retry, badge
     // class) moved to ClassifySourcesTabComponent. The item-detail slide-in below
@@ -535,9 +535,9 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     get TotalRunHistoryCount() {
         return this.totalRunHistoryCount;
     }
-    /** Exposes the cached ScheduledAction entities to the Sources tab via `[ScheduledActions]`. */
-    get ScheduledActionsCache() {
-        return this.scheduledActionsCache;
+    /** Exposes the cached Scheduled Job entities to the Sources tab via `[ScheduledJobs]`. */
+    get ScheduledJobsCache() {
+        return this.scheduledJobsCache;
     }
     /** Exposes the EntityRecordDocument ID→RecordID cache to the Sources tab via `[EntityRecordDocCache]`. */
     get EntityRecordDocCacheMap() {
@@ -1005,8 +1005,8 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             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();
+            // Load Scheduled Job entities referenced by sources so cron descriptions are available
+            await this.loadScheduledJobsForSources();
             this.buildNavItems();
             this.buildKPIMetrics();
             this.buildPipelineStages();
@@ -1157,7 +1157,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
     }
     // buildSourceCards() + the source-detail/schedule helpers
     // (resolveEntityRecordID, resolveEntityName, countTagsBySource,
-    // getLastRunBySource, getScheduledActionCron, resolveEmbeddingModelName,
+    // getLastRunBySource, getScheduledJobCron, resolveEmbeddingModelName,
     // resolveVectorIndexName, loadContentItemsForSource, loadRunHistoryForSource)
     // moved to ClassifySourcesTabComponent.
     /** Check if a source type's Configuration says RequiresFileType !== false */
@@ -1363,36 +1363,36 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         await this.navigationService.OpenEntityRecord(event.entityName, event.key);
     }
     // DeleteSource(), the quick-schedule dialog (Open/Close/Save/Remove + cron
-    // label/preview helpers + getScheduledActionCron, findAutotagActionID,
+    // label/preview helpers + getScheduledJobCron, findAutotagActionID,
     // createSourceIDParam, linkScheduleToSource) moved to
-    // ClassifySourcesTabComponent. loadScheduledActionsForSources() stays here
+    // ClassifySourcesTabComponent. loadScheduledJobsForSources() stays here
     // because the host's LoadPipelineData / refreshSourcesTab populate the cache
-    // it exposes to the tab via [ScheduledActions].
+    // it exposes to the tab via [ScheduledJobs].
     /**
-     * Loads ScheduledAction entities referenced by content sources into the local cache.
+     * Loads Scheduled Job entities referenced by content sources into the local cache.
      * Called during initial data load so cron descriptions are available for card rendering.
      */
-    async loadScheduledActionsForSources() {
+    async loadScheduledJobsForSources() {
         const actionIDs = this.contentSourcesRaw
-            .map(s => s['ScheduledActionID'])
+            .map(s => s['ScheduledJobID'])
             .filter((id) => id != null);
         if (actionIDs.length === 0)
             return;
         const uniqueIDs = [...new Set(actionIDs.map(id => NormalizeUUID(id)))];
         // Skip IDs already cached
-        const toLoad = uniqueIDs.filter(id => !this.scheduledActionsCache.has(id));
+        const toLoad = uniqueIDs.filter(id => !this.scheduledJobsCache.has(id));
         if (toLoad.length === 0)
             return;
         const rv = RunView.FromMetadataProvider(this.ProviderToUse);
         const filter = toLoad.map(id => `'${id}'`).join(',');
         const result = await rv.RunView({
-            EntityName: 'MJ: Scheduled Actions',
+            EntityName: 'MJ: Scheduled Jobs',
             ExtraFilter: `ID IN (${filter})`,
             ResultType: 'entity_object',
         });
         if (result.Success) {
             for (const action of result.Results) {
-                this.scheduledActionsCache.set(NormalizeUUID(action.ID), action);
+                this.scheduledJobsCache.set(NormalizeUUID(action.ID), action);
             }
         }
     }
@@ -1760,7 +1760,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
         const result = await rv.RunView({ EntityName: 'MJ: Content Sources', OrderBy: 'Name', ResultType: 'simple' });
         if (result.Success)
             this.contentSourcesRaw = result.Results;
-        await this.loadScheduledActionsForSources();
+        await this.loadScheduledJobsForSources();
         // The new contentSourcesRaw reference flows to ClassifySourcesTabComponent
         // via [Sources]="ContentSourcesRaw", which rebuilds its cards on input change.
         this.buildNavItems();
@@ -2138,7 +2138,7 @@ let AutotaggingPipelineResourceComponent = class AutotaggingPipelineResourceComp
             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: 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"], ["Variant", "success", "Icon", "fa-solid fa-circle-check", "Title", "No pending duplicates", "Message", "Click Load Duplicates to check.", 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, "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) {
+        } }, 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", "ScheduledJobs", "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"], ["Variant", "success", "Icon", "fa-solid fa-circle-check", "Title", "No pending duplicates", "Message", "Click Load Duplicates to check.", 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, "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", 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()); });
@@ -2193,7 +2193,7 @@ 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\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              <mj-empty-state class=\"at-dedup-empty\" Variant=\"success\" Icon=\"fa-solid fa-circle-check\"\n                Title=\"No pending duplicates\" Message=\"Click Load Duplicates to check.\" />\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/* Makes a no-selection <mj-empty-state> fill its detail/reading pane (the host\n   centers its own content; this just lets it grow). */\n.at-fill {\n    flex: 1;\n    min-height: 0;\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"] }]
+        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            [ScheduledJobs]=\"ScheduledJobsCache\"\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              <mj-empty-state class=\"at-dedup-empty\" Variant=\"success\" Icon=\"fa-solid fa-circle-check\"\n                Title=\"No pending duplicates\" Message=\"Click Load Duplicates to check.\" />\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/* Makes a no-selection <mj-empty-state> fill its detail/reading pane (the host\n   centers its own content; this just lets it grow). */\n.at-fill {\n    flex: 1;\n    min-height: 0;\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]