npm - @memberjunction/ng-dashboards - Versions diffs - 3.4.0 → 4.0.0 - Mend

@memberjunction/ng-dashboards 3.4.0 → 4.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (573) hide show

package/dist/Scheduling/components/scheduling-overview.component.js CHANGED Viewed

@@ -4,29 +4,29 @@ import * as i0 from "@angular/core";
 import * as i1 from "../services/scheduling-instrumentation.service";
 import * as i2 from "@angular/common";
 import * as i3 from "@memberjunction/ng-shared-generic";
-function SchedulingOverviewComponent_div_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 8);
-    i0.ɵɵelement(1, "mj-loading", 9);
+function SchedulingOverviewComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "mj-loading", 8);
     i0.ɵɵelementEnd();
 } }
-function SchedulingOverviewComponent_div_10_div_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "i", 56);
+function SchedulingOverviewComponent_Conditional_10_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "i", 53);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No recent executions");
     i0.ɵɵelementEnd()();
 } }
-function SchedulingOverviewComponent_div_10_div_66_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58);
-    i0.ɵɵelement(2, "i", 59);
+function SchedulingOverviewComponent_Conditional_10_For_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 43)(1, "div", 54);
+    i0.ɵɵelement(2, "i", 55);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 60)(4, "div", 61);
+    i0.ɵɵelementStart(3, "div", 56)(4, "div", 57);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 62);
+    i0.ɵɵelementStart(6, "div", 58);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 63);
+    i0.ɵɵelementStart(8, "div", 59);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -38,14 +38,14 @@ function SchedulingOverviewComponent_div_10_div_66_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(exec_r1.jobName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate2("", ctx_r1.FormatTimeAgo(exec_r1.startedAt), " \u00B7 ", ctx_r1.FormatDuration(exec_r1.duration), "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.FormatTimeAgo(exec_r1.startedAt), " \u00B7 ", ctx_r1.FormatDuration(exec_r1.duration));
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngClass", ctx_r1.GetStatusClass(exec_r1.status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", exec_r1.status, " ");
 } }
-function SchedulingOverviewComponent_div_10_span_73_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 64);
+function SchedulingOverviewComponent_Conditional_10_Conditional_74_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 46);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -53,35 +53,35 @@ function SchedulingOverviewComponent_div_10_span_73_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.Alerts.length);
 } }
-function SchedulingOverviewComponent_div_10_span_74_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 65);
+function SchedulingOverviewComponent_Conditional_10_Conditional_75_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 47);
     i0.ɵɵtext(1, "0");
     i0.ɵɵelementEnd();
 } }
-function SchedulingOverviewComponent_div_10_div_76_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 66);
-    i0.ɵɵelement(1, "i", 67);
+function SchedulingOverviewComponent_Conditional_10_Conditional_77_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵelement(1, "i", 60);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No active alerts");
     i0.ɵɵelementEnd()();
 } }
-function SchedulingOverviewComponent_div_10_div_77_button_7_Template(rf, ctx) { if (rf & 1) {
+function SchedulingOverviewComponent_Conditional_10_For_79_Conditional_7_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 74);
-    i0.ɵɵlistener("click", function SchedulingOverviewComponent_div_10_div_77_button_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const alert_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ReleaseLock(alert_r4.jobId)); });
+    i0.ɵɵelementStart(0, "button", 66);
+    i0.ɵɵlistener("click", function SchedulingOverviewComponent_Conditional_10_For_79_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const alert_r4 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.ReleaseLock(alert_r4.jobId)); });
     i0.ɵɵtext(1, " Release ");
     i0.ɵɵelementEnd();
 } }
-function SchedulingOverviewComponent_div_10_div_77_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 68);
-    i0.ɵɵelement(1, "i", 69);
-    i0.ɵɵelementStart(2, "div", 70)(3, "div", 71);
+function SchedulingOverviewComponent_Conditional_10_For_79_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵelement(1, "i", 61);
+    i0.ɵɵelementStart(2, "div", 62)(3, "div", 63);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 72);
+    i0.ɵɵelementStart(5, "div", 64);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(7, SchedulingOverviewComponent_div_10_div_77_button_7_Template, 2, 0, "button", 73);
+    i0.ɵɵconditionalCreate(7, SchedulingOverviewComponent_Conditional_10_For_79_Conditional_7_Template, 2, 0, "button", 65);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const alert_r4 = ctx.$implicit;
@@ -94,25 +94,25 @@ function SchedulingOverviewComponent_div_10_div_77_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(alert_r4.message);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", alert_r4.type === "stale-lock" && alert_r4.jobId);
+    i0.ɵɵconditional(alert_r4.type === "stale-lock" && alert_r4.jobId ? 7 : -1);
 } }
-function SchedulingOverviewComponent_div_10_div_86_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 55);
-    i0.ɵɵelement(1, "i", 75);
+function SchedulingOverviewComponent_Conditional_10_Conditional_88_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 42);
+    i0.ɵɵelement(1, "i", 67);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "No upcoming executions");
     i0.ɵɵelementEnd()();
 } }
-function SchedulingOverviewComponent_div_10_div_87_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 76)(1, "div", 77)(2, "div", 78);
+function SchedulingOverviewComponent_Conditional_10_For_90_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 51)(1, "div", 68)(2, "div", 69);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 79);
+    i0.ɵɵelementStart(4, "div", 70);
     i0.ɵɵtext(5);
-    i0.ɵɵelementStart(6, "span", 80);
+    i0.ɵɵelementStart(6, "span", 71);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(8, "div", 81);
+    i0.ɵɵelementStart(8, "div", 72);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -129,32 +129,32 @@ function SchedulingOverviewComponent_div_10_div_87_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.FormatTimeUntil(upcoming_r5.nextRunAt), " ");
 } }
-function SchedulingOverviewComponent_div_10_div_88_tr_23_button_13_Template(rf, ctx) { if (rf & 1) {
+function SchedulingOverviewComponent_Conditional_10_Conditional_91_For_24_Conditional_13_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 90);
-    i0.ɵɵlistener("click", function SchedulingOverviewComponent_div_10_div_88_tr_23_button_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const lock_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ReleaseLock(lock_r7.jobId)); });
-    i0.ɵɵelement(1, "i", 91);
+    i0.ɵɵelementStart(0, "button", 80);
+    i0.ɵɵlistener("click", function SchedulingOverviewComponent_Conditional_10_Conditional_91_For_24_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const lock_r7 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.ReleaseLock(lock_r7.jobId)); });
+    i0.ɵɵelement(1, "i", 81);
     i0.ɵɵtext(2, " Release ");
     i0.ɵɵelementEnd();
 } }
-function SchedulingOverviewComponent_div_10_div_88_tr_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 86);
+function SchedulingOverviewComponent_Conditional_10_Conditional_91_For_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 76);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 87);
+    i0.ɵɵelementStart(3, "td", 77);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 87);
+    i0.ɵɵelementStart(5, "td", 77);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 87);
+    i0.ɵɵelementStart(7, "td", 77);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td")(10, "span", 88);
+    i0.ɵɵelementStart(9, "td")(10, "span", 78);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(12, "td");
-    i0.ɵɵtemplate(13, SchedulingOverviewComponent_div_10_div_88_tr_23_button_13_Template, 3, 0, "button", 89);
+    i0.ɵɵconditionalCreate(13, SchedulingOverviewComponent_Conditional_10_Conditional_91_For_24_Conditional_13_Template, 3, 0, "button", 79);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const lock_r7 = ctx.$implicit;
@@ -173,17 +173,17 @@ function SchedulingOverviewComponent_div_10_div_88_tr_23_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", lock_r7.isStale ? "Stale" : "Active", " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", lock_r7.isStale);
+    i0.ɵɵconditional(lock_r7.isStale ? 13 : -1);
 } }
-function SchedulingOverviewComponent_div_10_div_88_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82)(1, "div", 39)(2, "div", 40);
-    i0.ɵɵelement(3, "i", 83);
+function SchedulingOverviewComponent_Conditional_10_Conditional_91_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 52)(1, "div", 37)(2, "div", 38);
+    i0.ɵɵelement(3, "i", 73);
     i0.ɵɵtext(4, " Active Locks ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 42);
+    i0.ɵɵelementStart(5, "span", 40);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 43)(8, "table", 84)(9, "thead")(10, "tr")(11, "th");
+    i0.ɵɵelementStart(7, "div", 41)(8, "table", 74)(9, "thead")(10, "tr")(11, "th");
     i0.ɵɵtext(12, "Job");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(13, "th");
@@ -201,109 +201,113 @@ function SchedulingOverviewComponent_div_10_div_88_Template(rf, ctx) { if (rf &
     i0.ɵɵelement(21, "th");
     i0.ɵɵelementEnd()();
     i0.ɵɵelementStart(22, "tbody");
-    i0.ɵɵtemplate(23, SchedulingOverviewComponent_div_10_div_88_tr_23_Template, 14, 10, "tr", 85);
+    i0.ɵɵrepeaterCreate(23, SchedulingOverviewComponent_Conditional_10_Conditional_91_For_24_Template, 14, 10, "tr", 75, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate(ctx_r1.Locks.length);
     i0.ɵɵadvance(17);
-    i0.ɵɵproperty("ngForOf", ctx_r1.Locks);
+    i0.ɵɵrepeater(ctx_r1.Locks);
 } }
-function SchedulingOverviewComponent_div_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 10)(1, "div", 11)(2, "div", 12);
+function SchedulingOverviewComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7)(1, "div", 9)(2, "div", 10);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(3, "svg", 13);
-    i0.ɵɵelement(4, "circle", 14)(5, "circle", 15);
+    i0.ɵɵelementStart(3, "svg", 11);
+    i0.ɵɵelement(4, "circle", 12)(5, "circle", 13);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(6, "div", 16);
+    i0.ɵɵelementStart(6, "div", 14);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 17)(9, "div", 18);
+    i0.ɵɵelementStart(8, "div", 15)(9, "div", 16);
     i0.ɵɵtext(10, "System Health");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 19)(12, "span");
-    i0.ɵɵelement(13, "i", 20);
+    i0.ɵɵelementStart(11, "div", 17)(12, "span");
+    i0.ɵɵelement(13, "i", 18);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(15, "span");
-    i0.ɵɵelement(16, "i", 21);
+    i0.ɵɵelement(16, "i", 19);
     i0.ɵɵtext(17);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(18, "span");
-    i0.ɵɵelement(19, "i", 22);
+    i0.ɵɵelement(19, "i", 20);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(21, "div", 23)(22, "div", 24)(23, "div", 25);
-    i0.ɵɵelement(24, "i", 26);
+    i0.ɵɵelementStart(21, "div", 21)(22, "div", 22)(23, "div", 23);
+    i0.ɵɵelement(24, "i", 24);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "div", 27)(26, "div", 28);
+    i0.ɵɵelementStart(25, "div", 25)(26, "div", 26);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "div", 29);
+    i0.ɵɵelementStart(28, "div", 27);
     i0.ɵɵtext(29, "Active Jobs");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(30, "div", 24)(31, "div", 30);
-    i0.ɵɵelement(32, "i", 31);
+    i0.ɵɵelementStart(30, "div", 22)(31, "div", 28);
+    i0.ɵɵelement(32, "i", 29);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "div", 27)(34, "div", 28);
+    i0.ɵɵelementStart(33, "div", 25)(34, "div", 26);
     i0.ɵɵtext(35);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "div", 29);
+    i0.ɵɵelementStart(36, "div", 27);
     i0.ɵɵtext(37, "Due Next Hour");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(38, "div", 24)(39, "div", 32);
-    i0.ɵɵelement(40, "i", 33);
+    i0.ɵɵelementStart(38, "div", 22)(39, "div", 30);
+    i0.ɵɵelement(40, "i", 31);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(41, "div", 27)(42, "div", 28);
+    i0.ɵɵelementStart(41, "div", 25)(42, "div", 26);
     i0.ɵɵtext(43);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "div", 29);
+    i0.ɵɵelementStart(44, "div", 27);
     i0.ɵɵtext(45, "Runs (24h)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "div", 34);
+    i0.ɵɵelementStart(46, "div", 32);
     i0.ɵɵtext(47);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(48, "div", 24)(49, "div", 35);
-    i0.ɵɵelement(50, "i", 36);
+    i0.ɵɵelementStart(48, "div", 22)(49, "div", 33);
+    i0.ɵɵelement(50, "i", 34);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(51, "div", 27)(52, "div", 28);
+    i0.ɵɵelementStart(51, "div", 25)(52, "div", 26);
     i0.ɵɵtext(53);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(54, "div", 29);
+    i0.ɵɵelementStart(54, "div", 27);
     i0.ɵɵtext(55, "Running Now");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(56, "div", 37)(57, "div", 38)(58, "div", 39)(59, "div", 40);
-    i0.ɵɵelement(60, "i", 41);
+    i0.ɵɵelementStart(56, "div", 35)(57, "div", 36)(58, "div", 37)(59, "div", 38);
+    i0.ɵɵelement(60, "i", 39);
     i0.ɵɵtext(61, " Live Executions ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(62, "span", 42);
+    i0.ɵɵelementStart(62, "span", 40);
     i0.ɵɵtext(63);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(64, "div", 43);
-    i0.ɵɵtemplate(65, SchedulingOverviewComponent_div_10_div_65_Template, 4, 0, "div", 44)(66, SchedulingOverviewComponent_div_10_div_66_Template, 10, 8, "div", 45);
+    i0.ɵɵelementStart(64, "div", 41);
+    i0.ɵɵconditionalCreate(65, SchedulingOverviewComponent_Conditional_10_Conditional_65_Template, 4, 0, "div", 42);
+    i0.ɵɵrepeaterCreate(66, SchedulingOverviewComponent_Conditional_10_For_67_Template, 10, 8, "div", 43, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(67, "div", 46)(68, "div", 38)(69, "div", 47)(70, "div", 40);
-    i0.ɵɵelement(71, "i");
-    i0.ɵɵtext(72);
+    i0.ɵɵelementStart(68, "div", 44)(69, "div", 36)(70, "div", 45)(71, "div", 38);
+    i0.ɵɵelement(72, "i");
+    i0.ɵɵtext(73);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(73, SchedulingOverviewComponent_div_10_span_73_Template, 2, 1, "span", 48)(74, SchedulingOverviewComponent_div_10_span_74_Template, 2, 0, "span", 49);
+    i0.ɵɵconditionalCreate(74, SchedulingOverviewComponent_Conditional_10_Conditional_74_Template, 2, 1, "span", 46);
+    i0.ɵɵconditionalCreate(75, SchedulingOverviewComponent_Conditional_10_Conditional_75_Template, 2, 0, "span", 47);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(75, "div", 43);
-    i0.ɵɵtemplate(76, SchedulingOverviewComponent_div_10_div_76_Template, 4, 0, "div", 50)(77, SchedulingOverviewComponent_div_10_div_77_Template, 8, 6, "div", 51);
+    i0.ɵɵelementStart(76, "div", 41);
+    i0.ɵɵconditionalCreate(77, SchedulingOverviewComponent_Conditional_10_Conditional_77_Template, 4, 0, "div", 48);
+    i0.ɵɵrepeaterCreate(78, SchedulingOverviewComponent_Conditional_10_For_79_Template, 8, 6, "div", 49, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(78, "div", 38)(79, "div", 39)(80, "div", 40);
-    i0.ɵɵelement(81, "i", 52);
-    i0.ɵɵtext(82, " Upcoming (24h) ");
+    i0.ɵɵelementStart(80, "div", 36)(81, "div", 37)(82, "div", 38);
+    i0.ɵɵelement(83, "i", 50);
+    i0.ɵɵtext(84, " Upcoming (24h) ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(83, "span", 42);
-    i0.ɵɵtext(84);
+    i0.ɵɵelementStart(85, "span", 40);
+    i0.ɵɵtext(86);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(85, "div", 43);
-    i0.ɵɵtemplate(86, SchedulingOverviewComponent_div_10_div_86_Template, 4, 0, "div", 44)(87, SchedulingOverviewComponent_div_10_div_87_Template, 10, 6, "div", 53);
+    i0.ɵɵelementStart(87, "div", 41);
+    i0.ɵɵconditionalCreate(88, SchedulingOverviewComponent_Conditional_10_Conditional_88_Template, 4, 0, "div", 42);
+    i0.ɵɵrepeaterCreate(89, SchedulingOverviewComponent_Conditional_10_For_90_Template, 10, 6, "div", 51, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵtemplate(88, SchedulingOverviewComponent_div_10_div_88_Template, 24, 2, "div", 54);
+    i0.ɵɵconditionalCreate(91, SchedulingOverviewComponent_Conditional_10_Conditional_91_Template, 25, 1, "div", 52);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -336,31 +340,31 @@ function SchedulingOverviewComponent_div_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(10);
     i0.ɵɵtextInterpolate(ctx_r1.LiveExecutions.length);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.LiveExecutions.length === 0);
+    i0.ɵɵconditional(ctx_r1.LiveExecutions.length === 0 ? 65 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.LiveExecutions);
-    i0.ɵɵadvance(3);
+    i0.ɵɵrepeater(ctx_r1.LiveExecutions);
+    i0.ɵɵadvance(4);
     i0.ɵɵproperty("ngClass", ctx_r1.Alerts.length > 0 ? "alert-header" : "clear-header");
     i0.ɵɵadvance(2);
     i0.ɵɵclassMap(ctx_r1.Alerts.length > 0 ? "fa-solid fa-triangle-exclamation" : "fa-solid fa-shield-check");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.Alerts.length > 0 ? "Alerts" : "All Clear", " ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.Alerts.length > 0);
+    i0.ɵɵconditional(ctx_r1.Alerts.length > 0 ? 74 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.Alerts.length === 0);
+    i0.ɵɵconditional(ctx_r1.Alerts.length === 0 ? 75 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.Alerts.length === 0);
+    i0.ɵɵconditional(ctx_r1.Alerts.length === 0 ? 77 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.Alerts);
-    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r1.Alerts);
+    i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate(ctx_r1.UpcomingExecutions.length);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.UpcomingExecutions.length === 0);
+    i0.ɵɵconditional(ctx_r1.UpcomingExecutions.length === 0 ? 88 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.UpcomingExecutions);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.Locks.length > 0);
+    i0.ɵɵrepeater(ctx_r1.UpcomingExecutions);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Locks.length > 0 ? 91 : -1);
 } }
 export class SchedulingOverviewComponent {
     schedulingService;
@@ -559,7 +563,7 @@ export class SchedulingOverviewComponent {
         });
     }
     static ɵfac = function SchedulingOverviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SchedulingOverviewComponent)(i0.ɵɵdirectiveInject(i1.SchedulingInstrumentationService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchedulingOverviewComponent, selectors: [["app-scheduling-overview"]], inputs: { initialState: "initialState" }, outputs: { stateChange: "stateChange" }, decls: 11, vars: 5, consts: [[1, "overview-container"], [1, "overview-header"], [1, "header-controls"], [1, "control-btn", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "fa-solid", "fa-rotate"], ["class", "loading-container", 4, "ngIf"], ["class", "overview-content", 4, "ngIf"], [1, "loading-container"], ["text", "Loading dashboard...", "size", "medium"], [1, "overview-content"], [1, "health-banner"], [1, "health-ring"], ["viewBox", "0 0 80 80", 1, "health-svg"], ["cx", "40", "cy", "40", "r", "36", "fill", "none", "stroke", "#e5e7eb", "stroke-width", "6"], ["cx", "40", "cy", "40", "r", "36", "fill", "none", "stroke-width", "6", "stroke-linecap", "round", "transform", "rotate(-90 40 40)"], [1, "health-score"], [1, "health-details"], [1, "health-title"], [1, "health-stats"], [1, "fa-solid", "fa-check-circle", 2, "color", "#10b981"], [1, "fa-solid", "fa-lock", 2, "color", "#f59e0b"], [1, "fa-solid", "fa-xmark-circle", 2, "color", "#ef4444"], [1, "kpi-grid"], [1, "kpi-card"], [1, "kpi-icon", "blue"], [1, "fa-solid", "fa-calendar-check"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", "amber"], [1, "fa-solid", "fa-clock"], [1, "kpi-icon", "purple"], [1, "fa-solid", "fa-chart-bar"], [1, "kpi-sub"], [1, "kpi-icon", "green"], [1, "fa-solid", "fa-play"], [1, "panels-grid"], [1, "panel"], [1, "panel-header"], [1, "panel-title"], [1, "fa-solid", "fa-bolt"], [1, "panel-badge"], [1, "panel-body"], ["class", "empty-state-small", 4, "ngIf"], ["class", "execution-item", 4, "ngFor", "ngForOf"], [1, "right-column"], [1, "panel-header", 3, "ngClass"], ["class", "panel-badge error", 4, "ngIf"], ["class", "panel-badge clear", 4, "ngIf"], ["class", "empty-state-small all-clear", 4, "ngIf"], ["class", "alert-item", 3, "ngClass", 4, "ngFor", "ngForOf"], [1, "fa-solid", "fa-calendar-day"], ["class", "upcoming-item", 4, "ngFor", "ngForOf"], ["class", "panel", "style", "margin-top: 20px;", 4, "ngIf"], [1, "empty-state-small"], [1, "fa-solid", "fa-inbox"], [1, "execution-item"], [1, "exec-status"], [3, "ngClass"], [1, "exec-details"], [1, "exec-name"], [1, "exec-meta"], [1, "exec-status-badge", 3, "ngClass"], [1, "panel-badge", "error"], [1, "panel-badge", "clear"], [1, "empty-state-small", "all-clear"], [1, "fa-solid", "fa-circle-check"], [1, "alert-item", 3, "ngClass"], [1, "alert-icon"], [1, "alert-content"], [1, "alert-title"], [1, "alert-message"], ["class", "alert-action-btn", 3, "click", 4, "ngIf"], [1, "alert-action-btn", 3, "click"], [1, "fa-solid", "fa-calendar-xmark"], [1, "upcoming-item"], [1, "upcoming-info"], [1, "upcoming-name"], [1, "upcoming-meta"], [1, "upcoming-type"], [1, "upcoming-countdown"], [1, "panel", 2, "margin-top", "20px"], [1, "fa-solid", "fa-lock"], [1, "data-table"], [3, "stale-row", 4, "ngFor", "ngForOf"], [1, "cell-name"], [1, "cell-meta"], [1, "lock-status-badge"], ["class", "release-btn", 3, "click", 4, "ngIf"], [1, "release-btn", 3, "click"], [1, "fa-solid", "fa-lock-open"]], template: function SchedulingOverviewComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SchedulingOverviewComponent, selectors: [["app-scheduling-overview"]], inputs: { initialState: "initialState" }, outputs: { stateChange: "stateChange" }, standalone: false, decls: 11, vars: 5, consts: [[1, "overview-container"], [1, "overview-header"], [1, "header-controls"], [1, "control-btn", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], [1, "fa-solid", "fa-rotate"], [1, "loading-container"], [1, "overview-content"], ["text", "Loading dashboard...", "size", "medium"], [1, "health-banner"], [1, "health-ring"], ["viewBox", "0 0 80 80", 1, "health-svg"], ["cx", "40", "cy", "40", "r", "36", "fill", "none", "stroke", "#e5e7eb", "stroke-width", "6"], ["cx", "40", "cy", "40", "r", "36", "fill", "none", "stroke-width", "6", "stroke-linecap", "round", "transform", "rotate(-90 40 40)"], [1, "health-score"], [1, "health-details"], [1, "health-title"], [1, "health-stats"], [1, "fa-solid", "fa-check-circle", 2, "color", "#10b981"], [1, "fa-solid", "fa-lock", 2, "color", "#f59e0b"], [1, "fa-solid", "fa-xmark-circle", 2, "color", "#ef4444"], [1, "kpi-grid"], [1, "kpi-card"], [1, "kpi-icon", "blue"], [1, "fa-solid", "fa-calendar-check"], [1, "kpi-content"], [1, "kpi-value"], [1, "kpi-label"], [1, "kpi-icon", "amber"], [1, "fa-solid", "fa-clock"], [1, "kpi-icon", "purple"], [1, "fa-solid", "fa-chart-bar"], [1, "kpi-sub"], [1, "kpi-icon", "green"], [1, "fa-solid", "fa-play"], [1, "panels-grid"], [1, "panel"], [1, "panel-header"], [1, "panel-title"], [1, "fa-solid", "fa-bolt"], [1, "panel-badge"], [1, "panel-body"], [1, "empty-state-small"], [1, "execution-item"], [1, "right-column"], [1, "panel-header", 3, "ngClass"], [1, "panel-badge", "error"], [1, "panel-badge", "clear"], [1, "empty-state-small", "all-clear"], [1, "alert-item", 3, "ngClass"], [1, "fa-solid", "fa-calendar-day"], [1, "upcoming-item"], [1, "panel", 2, "margin-top", "20px"], [1, "fa-solid", "fa-inbox"], [1, "exec-status"], [3, "ngClass"], [1, "exec-details"], [1, "exec-name"], [1, "exec-meta"], [1, "exec-status-badge", 3, "ngClass"], [1, "fa-solid", "fa-circle-check"], [1, "alert-icon"], [1, "alert-content"], [1, "alert-title"], [1, "alert-message"], [1, "alert-action-btn"], [1, "alert-action-btn", 3, "click"], [1, "fa-solid", "fa-calendar-xmark"], [1, "upcoming-info"], [1, "upcoming-name"], [1, "upcoming-meta"], [1, "upcoming-type"], [1, "upcoming-countdown"], [1, "fa-solid", "fa-lock"], [1, "data-table"], [3, "stale-row"], [1, "cell-name"], [1, "cell-meta"], [1, "lock-status-badge"], [1, "release-btn"], [1, "release-btn", 3, "click"], [1, "fa-solid", "fa-lock-open"]], template: function SchedulingOverviewComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "button", 3);
             i0.ɵɵlistener("click", function SchedulingOverviewComponent_Template_button_click_3_listener() { return ctx.Refresh(); });
             i0.ɵɵelement(4, "i", 4);
@@ -570,7 +574,8 @@ export class SchedulingOverviewComponent {
             i0.ɵɵelement(7, "i", 5);
             i0.ɵɵtext(8);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(9, SchedulingOverviewComponent_div_9_Template, 2, 0, "div", 6)(10, SchedulingOverviewComponent_div_10_Template, 89, 32, "div", 7);
+            i0.ɵɵconditionalCreate(9, SchedulingOverviewComponent_Conditional_9_Template, 2, 0, "div", 6);
+            i0.ɵɵconditionalCreate(10, SchedulingOverviewComponent_Conditional_10_Template, 92, 29, "div", 7);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(6);
@@ -578,18 +583,18 @@ export class SchedulingOverviewComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" Auto-Refresh: ", ctx.AutoRefreshEnabled ? "ON" : "OFF", " ");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.IsLoading);
+            i0.ɵɵconditional(ctx.IsLoading ? 9 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.IsLoading && ctx.Kpis);
-        } }, dependencies: [i2.NgClass, i2.NgForOf, i2.NgIf, i3.LoadingComponent], styles: [".overview-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    height: 100%;\n}\n\n.overview-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.overview-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n}\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n    transition: all 0.2s ease;\n}\n\n.control-btn[_ngcontent-%COMP%]:hover {\n    background: #f3f4f6;\n    border-color: #999;\n}\n\n.control-btn.active[_ngcontent-%COMP%] {\n    background: #0076b6;\n    color: white;\n    border-color: #0076b6;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 300px;\n}\n\n\n\n.health-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 20px 24px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    border-left: 4px solid #10b981;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n}\n\n.health-ring[_ngcontent-%COMP%] {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    flex-shrink: 0;\n}\n\n.health-svg[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.health-score[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 1.5rem;\n    font-weight: 800;\n}\n\n.health-details[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.health-title[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 8px;\n}\n\n.health-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 20px;\n    font-size: 0.85rem;\n    color: #64748b;\n}\n\n.health-stats[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.kpi-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    transition: all 0.2s ease;\n}\n\n.kpi-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px -5px rgba(0,0,0,0.1);\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.kpi-icon.blue[_ngcontent-%COMP%] { background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; }\n.kpi-icon.amber[_ngcontent-%COMP%] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }\n.kpi-icon.purple[_ngcontent-%COMP%] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }\n.kpi-icon.green[_ngcontent-%COMP%] { background: linear-gradient(135deg, #10b981, #059669); color: white; }\n\n.kpi-content[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 1.75rem;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 4px;\n}\n\n.kpi-sub[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    font-weight: 600;\n    margin-top: 2px;\n}\n\n\n\n.panels-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    flex: 1;\n    min-height: 300px;\n}\n\n.right-column[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.panel[_ngcontent-%COMP%] {\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: #f9fafb;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.panel-header.alert-header[_ngcontent-%COMP%] {\n    background: #fef2f2;\n    border-bottom-color: #fecaca;\n}\n\n.panel-header.clear-header[_ngcontent-%COMP%] {\n    background: #f0fdf4;\n    border-bottom-color: #bbf7d0;\n}\n\n.clear-header[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #10b981;\n}\n\n.panel-badge.clear[_ngcontent-%COMP%] {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n}\n\n.all-clear[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #10b981 !important;\n}\n\n.all-clear[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: #10b981;\n    font-weight: 500;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #0f172a;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #0076b6;\n}\n\n.alert-header[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #ef4444;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 10px;\n    border-radius: 12px;\n    background: rgba(0, 118, 182, 0.1);\n    color: #0076b6;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n}\n\n.panel-body[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.execution-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.execution-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.exec-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n}\n\n.exec-details[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.exec-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.exec-meta[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.exec-status-badge[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n}\n\n\n\n.status-running[_ngcontent-%COMP%] { color: #3b82f6; }\n.status-success[_ngcontent-%COMP%] { color: #10b981; }\n.status-error[_ngcontent-%COMP%] { color: #ef4444; }\n.status-warning[_ngcontent-%COMP%] { color: #f59e0b; }\n\n.exec-status-badge.status-running[_ngcontent-%COMP%] { background: #dbeafe; color: #1d4ed8; }\n.exec-status-badge.status-success[_ngcontent-%COMP%] { background: #dcfce7; color: #166534; }\n.exec-status-badge.status-error[_ngcontent-%COMP%] { background: #fee2e2; color: #991b1b; }\n.exec-status-badge.status-warning[_ngcontent-%COMP%] { background: #fef3c7; color: #92400e; }\n\n\n\n.alert-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 10px;\n    margin-bottom: 8px;\n}\n\n.alert-item[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.alert-item.alert-error[_ngcontent-%COMP%] {\n    background: #fef2f2;\n}\n\n.alert-item.alert-warning[_ngcontent-%COMP%] {\n    background: #fffbeb;\n}\n\n.alert-icon[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    margin-top: 2px;\n}\n\n.alert-error[_ngcontent-%COMP%]   .alert-icon[_ngcontent-%COMP%] { color: #ef4444; }\n.alert-warning[_ngcontent-%COMP%]   .alert-icon[_ngcontent-%COMP%] { color: #f59e0b; }\n\n.alert-content[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.alert-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: #0f172a;\n}\n\n.alert-message[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    color: #64748b;\n    margin-top: 2px;\n}\n\n.alert-action-btn[_ngcontent-%COMP%] {\n    padding: 4px 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: #ef4444;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: background 0.2s;\n}\n\n.alert-action-btn[_ngcontent-%COMP%]:hover {\n    background: #dc2626;\n}\n\n\n\n.upcoming-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.upcoming-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.upcoming-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.upcoming-meta[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.upcoming-type[_ngcontent-%COMP%] {\n    display: inline-flex;\n    padding: 1px 6px;\n    background: #f1f5f9;\n    border-radius: 4px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-left: 6px;\n}\n\n.upcoming-countdown[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #0076b6;\n}\n\n.upcoming-countdown.soon[_ngcontent-%COMP%] {\n    color: #f59e0b;\n}\n\n\n\n.empty-state-small[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: #94a3b8;\n}\n\n.empty-state-small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2rem;\n    color: #cbd5e1;\n}\n\n.empty-state-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n}\n\n\n\n.data-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    font-size: 0.85rem;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.cell-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #0f172a;\n}\n\n.cell-meta[_ngcontent-%COMP%] {\n    color: #64748b;\n}\n\n.stale-row[_ngcontent-%COMP%] {\n    background: #fef2f2;\n}\n\n.lock-status-badge[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: #dcfce7;\n    color: #166534;\n}\n\n.lock-status-badge.stale[_ngcontent-%COMP%] {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.release-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: transparent;\n    color: #ef4444;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.release-btn[_ngcontent-%COMP%]:hover {\n    background: #ef4444;\n    color: white;\n    border-color: #ef4444;\n}\n\n\n\n@media (max-width: 1024px) {\n    .panels-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .kpi-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .kpi-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .health-banner[_ngcontent-%COMP%] {\n        flex-direction: column;\n        text-align: center;\n    }\n    .health-stats[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 8px;\n        align-items: center;\n    }\n    .data-table[_ngcontent-%COMP%] {\n        font-size: 0.8rem;\n    }\n}"], changeDetection: 0 });
+            i0.ɵɵconditional(!ctx.IsLoading && ctx.Kpis ? 10 : -1);
+        } }, dependencies: [i2.NgClass, i3.LoadingComponent], styles: [".overview-container[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    height: 100%;\n}\n\n.overview-content[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.overview-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n}\n\n.header-controls[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 8px;\n}\n\n.control-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n    transition: all 0.2s ease;\n}\n\n.control-btn[_ngcontent-%COMP%]:hover {\n    background: #f3f4f6;\n    border-color: #999;\n}\n\n.control-btn.active[_ngcontent-%COMP%] {\n    background: #0076b6;\n    color: white;\n    border-color: #0076b6;\n}\n\n.loading-container[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 300px;\n}\n\n\n\n.health-banner[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 20px 24px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    border-left: 4px solid #10b981;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n}\n\n.health-ring[_ngcontent-%COMP%] {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    flex-shrink: 0;\n}\n\n.health-svg[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 100%;\n}\n\n.health-score[_ngcontent-%COMP%] {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 1.5rem;\n    font-weight: 800;\n}\n\n.health-details[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.health-title[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 8px;\n}\n\n.health-stats[_ngcontent-%COMP%] {\n    display: flex;\n    gap: 20px;\n    font-size: 0.85rem;\n    color: #64748b;\n}\n\n.health-stats[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n\n\n.kpi-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.kpi-card[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    transition: all 0.2s ease;\n}\n\n.kpi-card[_ngcontent-%COMP%]:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px -5px rgba(0,0,0,0.1);\n}\n\n.kpi-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.kpi-icon.blue[_ngcontent-%COMP%] { background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; }\n.kpi-icon.amber[_ngcontent-%COMP%] { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }\n.kpi-icon.purple[_ngcontent-%COMP%] { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }\n.kpi-icon.green[_ngcontent-%COMP%] { background: linear-gradient(135deg, #10b981, #059669); color: white; }\n\n.kpi-content[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.kpi-value[_ngcontent-%COMP%] {\n    font-size: 1.75rem;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1;\n}\n\n.kpi-label[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 4px;\n}\n\n.kpi-sub[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    font-weight: 600;\n    margin-top: 2px;\n}\n\n\n\n.panels-grid[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    flex: 1;\n    min-height: 300px;\n}\n\n.right-column[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.panel[_ngcontent-%COMP%] {\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.panel-header[_ngcontent-%COMP%] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: #f9fafb;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.panel-header.alert-header[_ngcontent-%COMP%] {\n    background: #fef2f2;\n    border-bottom-color: #fecaca;\n}\n\n.panel-header.clear-header[_ngcontent-%COMP%] {\n    background: #f0fdf4;\n    border-bottom-color: #bbf7d0;\n}\n\n.clear-header[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #10b981;\n}\n\n.panel-badge.clear[_ngcontent-%COMP%] {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n}\n\n.all-clear[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #10b981 !important;\n}\n\n.all-clear[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: #10b981;\n    font-weight: 500;\n}\n\n.panel-title[_ngcontent-%COMP%] {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #0f172a;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #0076b6;\n}\n\n.alert-header[_ngcontent-%COMP%]   .panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #ef4444;\n}\n\n.panel-badge[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 10px;\n    border-radius: 12px;\n    background: rgba(0, 118, 182, 0.1);\n    color: #0076b6;\n}\n\n.panel-badge.error[_ngcontent-%COMP%] {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n}\n\n.panel-body[_ngcontent-%COMP%] {\n    padding: 12px 20px;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n\n\n\n.execution-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.execution-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.exec-status[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 1.1rem;\n}\n\n.exec-details[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.exec-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.exec-meta[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.exec-status-badge[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n}\n\n\n\n.status-running[_ngcontent-%COMP%] { color: #3b82f6; }\n.status-success[_ngcontent-%COMP%] { color: #10b981; }\n.status-error[_ngcontent-%COMP%] { color: #ef4444; }\n.status-warning[_ngcontent-%COMP%] { color: #f59e0b; }\n\n.exec-status-badge.status-running[_ngcontent-%COMP%] { background: #dbeafe; color: #1d4ed8; }\n.exec-status-badge.status-success[_ngcontent-%COMP%] { background: #dcfce7; color: #166534; }\n.exec-status-badge.status-error[_ngcontent-%COMP%] { background: #fee2e2; color: #991b1b; }\n.exec-status-badge.status-warning[_ngcontent-%COMP%] { background: #fef3c7; color: #92400e; }\n\n\n\n.alert-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 10px;\n    margin-bottom: 8px;\n}\n\n.alert-item[_ngcontent-%COMP%]:last-child {\n    margin-bottom: 0;\n}\n\n.alert-item.alert-error[_ngcontent-%COMP%] {\n    background: #fef2f2;\n}\n\n.alert-item.alert-warning[_ngcontent-%COMP%] {\n    background: #fffbeb;\n}\n\n.alert-icon[_ngcontent-%COMP%] {\n    font-size: 1rem;\n    margin-top: 2px;\n}\n\n.alert-error[_ngcontent-%COMP%]   .alert-icon[_ngcontent-%COMP%] { color: #ef4444; }\n.alert-warning[_ngcontent-%COMP%]   .alert-icon[_ngcontent-%COMP%] { color: #f59e0b; }\n\n.alert-content[_ngcontent-%COMP%] {\n    flex: 1;\n}\n\n.alert-title[_ngcontent-%COMP%] {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: #0f172a;\n}\n\n.alert-message[_ngcontent-%COMP%] {\n    font-size: 0.8rem;\n    color: #64748b;\n    margin-top: 2px;\n}\n\n.alert-action-btn[_ngcontent-%COMP%] {\n    padding: 4px 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: #ef4444;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: background 0.2s;\n}\n\n.alert-action-btn[_ngcontent-%COMP%]:hover {\n    background: #dc2626;\n}\n\n\n\n.upcoming-item[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.upcoming-item[_ngcontent-%COMP%]:last-child {\n    border-bottom: none;\n}\n\n.upcoming-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.upcoming-meta[_ngcontent-%COMP%] {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.upcoming-type[_ngcontent-%COMP%] {\n    display: inline-flex;\n    padding: 1px 6px;\n    background: #f1f5f9;\n    border-radius: 4px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-left: 6px;\n}\n\n.upcoming-countdown[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #0076b6;\n}\n\n.upcoming-countdown.soon[_ngcontent-%COMP%] {\n    color: #f59e0b;\n}\n\n\n\n.empty-state-small[_ngcontent-%COMP%] {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: #94a3b8;\n}\n\n.empty-state-small[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 2rem;\n    color: #cbd5e1;\n}\n\n.empty-state-small[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 0.85rem;\n}\n\n\n\n.data-table[_ngcontent-%COMP%] {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.data-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    font-size: 0.85rem;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.cell-name[_ngcontent-%COMP%] {\n    font-weight: 600;\n    color: #0f172a;\n}\n\n.cell-meta[_ngcontent-%COMP%] {\n    color: #64748b;\n}\n\n.stale-row[_ngcontent-%COMP%] {\n    background: #fef2f2;\n}\n\n.lock-status-badge[_ngcontent-%COMP%] {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: #dcfce7;\n    color: #166534;\n}\n\n.lock-status-badge.stale[_ngcontent-%COMP%] {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.release-btn[_ngcontent-%COMP%] {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: transparent;\n    color: #ef4444;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.release-btn[_ngcontent-%COMP%]:hover {\n    background: #ef4444;\n    color: white;\n    border-color: #ef4444;\n}\n\n\n\n@media (max-width: 1024px) {\n    .panels-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .kpi-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .kpi-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n    }\n    .health-banner[_ngcontent-%COMP%] {\n        flex-direction: column;\n        text-align: center;\n    }\n    .health-stats[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 8px;\n        align-items: center;\n    }\n    .data-table[_ngcontent-%COMP%] {\n        font-size: 0.8rem;\n    }\n}"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SchedulingOverviewComponent, [{
         type: Component,
-        args: [{ selector: 'app-scheduling-overview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"overview-container\">\n    <!-- Header Controls -->\n    <div class=\"overview-header\">\n        <div class=\"header-controls\">\n            <button class=\"control-btn\" (click)=\"Refresh()\">\n                <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n            </button>\n            <button class=\"control-btn\" [class.active]=\"AutoRefreshEnabled\" (click)=\"ToggleAutoRefresh()\">\n                <i class=\"fa-solid fa-rotate\"></i>\n                Auto-Refresh: {{AutoRefreshEnabled ? 'ON' : 'OFF'}}\n            </button>\n        </div>\n    </div>\n\n    <div *ngIf=\"IsLoading\" class=\"loading-container\">\n        <mj-loading text=\"Loading dashboard...\" size=\"medium\"></mj-loading>\n    </div>\n\n    <div *ngIf=\"!IsLoading && Kpis\" class=\"overview-content\">\n        <!-- Health Banner -->\n        <div class=\"health-banner\" [style.border-color]=\"GetHealthColor()\">\n            <div class=\"health-ring\">\n                <svg viewBox=\"0 0 80 80\" class=\"health-svg\">\n                    <circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"6\"/>\n                    <circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"none\"\n                            [attr.stroke]=\"GetHealthColor()\"\n                            stroke-width=\"6\"\n                            stroke-linecap=\"round\"\n                            [attr.stroke-dasharray]=\"GetHealthStrokeDasharray()\"\n                            transform=\"rotate(-90 40 40)\"/>\n                </svg>\n                <div class=\"health-score\" [style.color]=\"GetHealthColor()\">{{GetHealthScore()}}</div>\n            </div>\n            <div class=\"health-details\">\n                <div class=\"health-title\">System Health</div>\n                <div class=\"health-stats\">\n                    <span><i class=\"fa-solid fa-check-circle\" style=\"color:#10b981\"></i> {{Kpis.totalActiveJobs}} active</span>\n                    <span><i class=\"fa-solid fa-lock\" style=\"color:#f59e0b\"></i> {{Kpis.lockedJobs}} locked</span>\n                    <span><i class=\"fa-solid fa-xmark-circle\" style=\"color:#ef4444\"></i> {{Kpis.totalFailures7d}} failures (7d)</span>\n                </div>\n            </div>\n        </div>\n\n        <!-- KPI Cards -->\n        <div class=\"kpi-grid\">\n            <div class=\"kpi-card\">\n                <div class=\"kpi-icon blue\">\n                    <i class=\"fa-solid fa-calendar-check\"></i>\n                </div>\n                <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{Kpis.totalActiveJobs}}</div>\n                    <div class=\"kpi-label\">Active Jobs</div>\n                </div>\n            </div>\n\n            <div class=\"kpi-card\">\n                <div class=\"kpi-icon amber\">\n                    <i class=\"fa-solid fa-clock\"></i>\n                </div>\n                <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{Kpis.jobsDueInNextHour}}</div>\n                    <div class=\"kpi-label\">Due Next Hour</div>\n                </div>\n            </div>\n\n            <div class=\"kpi-card\">\n                <div class=\"kpi-icon purple\">\n                    <i class=\"fa-solid fa-chart-bar\"></i>\n                </div>\n                <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{Kpis.recentExecutions24h}}</div>\n                    <div class=\"kpi-label\">Runs (24h)</div>\n                    <div class=\"kpi-sub\" [style.color]=\"GetSuccessRateColor(Kpis.successRate24h)\">\n                        {{FormatPercentage(Kpis.successRate24h)}} success\n                    </div>\n                </div>\n            </div>\n\n            <div class=\"kpi-card\">\n                <div class=\"kpi-icon green\">\n                    <i class=\"fa-solid fa-play\"></i>\n                </div>\n                <div class=\"kpi-content\">\n                    <div class=\"kpi-value\">{{Kpis.currentlyRunning}}</div>\n                    <div class=\"kpi-label\">Running Now</div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Two-Column Layout: Live Executions + Alerts/Upcoming -->\n        <div class=\"panels-grid\">\n            <!-- Live Executions -->\n            <div class=\"panel\">\n                <div class=\"panel-header\">\n                    <div class=\"panel-title\">\n                        <i class=\"fa-solid fa-bolt\"></i> Live Executions\n                    </div>\n                    <span class=\"panel-badge\">{{LiveExecutions.length}}</span>\n                </div>\n                <div class=\"panel-body\">\n                    <div *ngIf=\"LiveExecutions.length === 0\" class=\"empty-state-small\">\n                        <i class=\"fa-solid fa-inbox\"></i>\n                        <span>No recent executions</span>\n                    </div>\n                    <div *ngFor=\"let exec of LiveExecutions\" class=\"execution-item\">\n                        <div class=\"exec-status\">\n                            <i [class]=\"GetStatusIcon(exec.status)\" [ngClass]=\"GetStatusClass(exec.status)\"></i>\n                        </div>\n                        <div class=\"exec-details\">\n                            <div class=\"exec-name\">{{exec.jobName}}</div>\n                            <div class=\"exec-meta\">{{FormatTimeAgo(exec.startedAt)}} &middot; {{FormatDuration(exec.duration)}}</div>\n                        </div>\n                        <div class=\"exec-status-badge\" [ngClass]=\"GetStatusClass(exec.status)\">\n                            {{exec.status}}\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <!-- Right Column: Alerts + Upcoming -->\n            <div class=\"right-column\">\n                <!-- Alerts -->\n                <div class=\"panel\">\n                    <div class=\"panel-header\" [ngClass]=\"Alerts.length > 0 ? 'alert-header' : 'clear-header'\">\n                        <div class=\"panel-title\">\n                            <i [class]=\"Alerts.length > 0 ? 'fa-solid fa-triangle-exclamation' : 'fa-solid fa-shield-check'\"></i>\n                            {{Alerts.length > 0 ? 'Alerts' : 'All Clear'}}\n                        </div>\n                        <span *ngIf=\"Alerts.length > 0\" class=\"panel-badge error\">{{Alerts.length}}</span>\n                        <span *ngIf=\"Alerts.length === 0\" class=\"panel-badge clear\">0</span>\n                    </div>\n                    <div class=\"panel-body\">\n                        <div *ngIf=\"Alerts.length === 0\" class=\"empty-state-small all-clear\">\n                            <i class=\"fa-solid fa-circle-check\"></i>\n                            <span>No active alerts</span>\n                        </div>\n                        <div *ngFor=\"let alert of Alerts\" class=\"alert-item\" [ngClass]=\"'alert-' + alert.severity\">\n                            <i [class]=\"GetAlertIcon(alert.severity)\" class=\"alert-icon\"></i>\n                            <div class=\"alert-content\">\n                                <div class=\"alert-title\">{{alert.title}}</div>\n                                <div class=\"alert-message\">{{alert.message}}</div>\n                            </div>\n                            <button *ngIf=\"alert.type === 'stale-lock' && alert.jobId\"\n                                    class=\"alert-action-btn\"\n                                    (click)=\"ReleaseLock(alert.jobId!)\">\n                                Release\n                            </button>\n                        </div>\n                    </div>\n                </div>\n\n                <!-- Upcoming -->\n                <div class=\"panel\">\n                    <div class=\"panel-header\">\n                        <div class=\"panel-title\">\n                            <i class=\"fa-solid fa-calendar-day\"></i> Upcoming (24h)\n                        </div>\n                        <span class=\"panel-badge\">{{UpcomingExecutions.length}}</span>\n                    </div>\n                    <div class=\"panel-body\">\n                        <div *ngIf=\"UpcomingExecutions.length === 0\" class=\"empty-state-small\">\n                            <i class=\"fa-solid fa-calendar-xmark\"></i>\n                            <span>No upcoming executions</span>\n                        </div>\n                        <div *ngFor=\"let upcoming of UpcomingExecutions\" class=\"upcoming-item\">\n                            <div class=\"upcoming-info\">\n                                <div class=\"upcoming-name\">{{upcoming.jobName}}</div>\n                                <div class=\"upcoming-meta\">\n                                    {{FormatDateTime(upcoming.nextRunAt)}}\n                                    <span class=\"upcoming-type\">{{upcoming.jobType}}</span>\n                                </div>\n                            </div>\n                            <div class=\"upcoming-countdown\" [class.soon]=\"FormatTimeUntil(upcoming.nextRunAt).includes('m') && !FormatTimeUntil(upcoming.nextRunAt).includes('h')\">\n                                {{FormatTimeUntil(upcoming.nextRunAt)}}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n\n        <!-- Locks Section -->\n        <div class=\"panel\" *ngIf=\"Locks.length > 0\" style=\"margin-top: 20px;\">\n            <div class=\"panel-header\">\n                <div class=\"panel-title\">\n                    <i class=\"fa-solid fa-lock\"></i> Active Locks\n                </div>\n                <span class=\"panel-badge\">{{Locks.length}}</span>\n            </div>\n            <div class=\"panel-body\">\n                <table class=\"data-table\">\n                    <thead>\n                        <tr>\n                            <th>Job</th>\n                            <th>Locked By</th>\n                            <th>Locked At</th>\n                            <th>Expected Completion</th>\n                            <th>Status</th>\n                            <th></th>\n                        </tr>\n                    </thead>\n                    <tbody>\n                        <tr *ngFor=\"let lock of Locks\" [class.stale-row]=\"lock.isStale\">\n                            <td class=\"cell-name\">{{lock.jobName}}</td>\n                            <td class=\"cell-meta\">{{lock.lockedBy}}</td>\n                            <td class=\"cell-meta\">{{FormatTimeAgo(lock.lockedAt)}}</td>\n                            <td class=\"cell-meta\">{{FormatDateTime(lock.expectedCompletion)}}</td>\n                            <td>\n                                <span class=\"lock-status-badge\" [class.stale]=\"lock.isStale\">\n                                    {{lock.isStale ? 'Stale' : 'Active'}}\n                                </span>\n                            </td>\n                            <td>\n                                <button *ngIf=\"lock.isStale\" class=\"release-btn\" (click)=\"ReleaseLock(lock.jobId)\">\n                                    <i class=\"fa-solid fa-lock-open\"></i> Release\n                                </button>\n                            </td>\n                        </tr>\n                    </tbody>\n                </table>\n            </div>\n        </div>\n    </div>\n</div>\n", styles: [".overview-container {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    height: 100%;\n}\n\n.overview-content {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n/* \u2500\u2500 Header \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.overview-header {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n}\n\n.header-controls {\n    display: flex;\n    gap: 8px;\n}\n\n.control-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n    transition: all 0.2s ease;\n}\n\n.control-btn:hover {\n    background: #f3f4f6;\n    border-color: #999;\n}\n\n.control-btn.active {\n    background: #0076b6;\n    color: white;\n    border-color: #0076b6;\n}\n\n.loading-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 300px;\n}\n\n/* \u2500\u2500 Health Banner \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.health-banner {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 20px 24px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    border-left: 4px solid #10b981;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n}\n\n.health-ring {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    flex-shrink: 0;\n}\n\n.health-svg {\n    width: 100%;\n    height: 100%;\n}\n\n.health-score {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 1.5rem;\n    font-weight: 800;\n}\n\n.health-details {\n    flex: 1;\n}\n\n.health-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 8px;\n}\n\n.health-stats {\n    display: flex;\n    gap: 20px;\n    font-size: 0.85rem;\n    color: #64748b;\n}\n\n.health-stats span {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* \u2500\u2500 KPI Cards \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\u2500\u2500\u2500\u2500 */\n.kpi-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    transition: all 0.2s ease;\n}\n\n.kpi-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px -5px rgba(0,0,0,0.1);\n}\n\n.kpi-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.kpi-icon.blue { background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; }\n.kpi-icon.amber { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }\n.kpi-icon.purple { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }\n.kpi-icon.green { background: linear-gradient(135deg, #10b981, #059669); color: white; }\n\n.kpi-content {\n    flex: 1;\n}\n\n.kpi-value {\n    font-size: 1.75rem;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 4px;\n}\n\n.kpi-sub {\n    font-size: 0.75rem;\n    font-weight: 600;\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Panels \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.panels-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    flex: 1;\n    min-height: 300px;\n}\n\n.right-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.panel {\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: #f9fafb;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.panel-header.alert-header {\n    background: #fef2f2;\n    border-bottom-color: #fecaca;\n}\n\n.panel-header.clear-header {\n    background: #f0fdf4;\n    border-bottom-color: #bbf7d0;\n}\n\n.clear-header .panel-title i {\n    color: #10b981;\n}\n\n.panel-badge.clear {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n}\n\n.all-clear i {\n    color: #10b981 !important;\n}\n\n.all-clear span {\n    color: #10b981;\n    font-weight: 500;\n}\n\n.panel-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #0f172a;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title i {\n    color: #0076b6;\n}\n\n.alert-header .panel-title i {\n    color: #ef4444;\n}\n\n.panel-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 10px;\n    border-radius: 12px;\n    background: rgba(0, 118, 182, 0.1);\n    color: #0076b6;\n}\n\n.panel-badge.error {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n}\n\n.panel-body {\n    padding: 12px 20px;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n\n/* \u2500\u2500 Execution Items \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.execution-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.execution-item:last-child {\n    border-bottom: none;\n}\n\n.exec-status i {\n    font-size: 1.1rem;\n}\n\n.exec-details {\n    flex: 1;\n}\n\n.exec-name {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.exec-meta {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.exec-status-badge {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n}\n\n/* Status Colors */\n.status-running { color: #3b82f6; }\n.status-success { color: #10b981; }\n.status-error { color: #ef4444; }\n.status-warning { color: #f59e0b; }\n\n.exec-status-badge.status-running { background: #dbeafe; color: #1d4ed8; }\n.exec-status-badge.status-success { background: #dcfce7; color: #166534; }\n.exec-status-badge.status-error { background: #fee2e2; color: #991b1b; }\n.exec-status-badge.status-warning { background: #fef3c7; color: #92400e; }\n\n/* \u2500\u2500 Alert Items \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\u2500\u2500 */\n.alert-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 10px;\n    margin-bottom: 8px;\n}\n\n.alert-item:last-child {\n    margin-bottom: 0;\n}\n\n.alert-item.alert-error {\n    background: #fef2f2;\n}\n\n.alert-item.alert-warning {\n    background: #fffbeb;\n}\n\n.alert-icon {\n    font-size: 1rem;\n    margin-top: 2px;\n}\n\n.alert-error .alert-icon { color: #ef4444; }\n.alert-warning .alert-icon { color: #f59e0b; }\n\n.alert-content {\n    flex: 1;\n}\n\n.alert-title {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: #0f172a;\n}\n\n.alert-message {\n    font-size: 0.8rem;\n    color: #64748b;\n    margin-top: 2px;\n}\n\n.alert-action-btn {\n    padding: 4px 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: #ef4444;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: background 0.2s;\n}\n\n.alert-action-btn:hover {\n    background: #dc2626;\n}\n\n/* \u2500\u2500 Upcoming Items \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.upcoming-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.upcoming-item:last-child {\n    border-bottom: none;\n}\n\n.upcoming-name {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.upcoming-meta {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.upcoming-type {\n    display: inline-flex;\n    padding: 1px 6px;\n    background: #f1f5f9;\n    border-radius: 4px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-left: 6px;\n}\n\n.upcoming-countdown {\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #0076b6;\n}\n\n.upcoming-countdown.soon {\n    color: #f59e0b;\n}\n\n/* \u2500\u2500 Empty State \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\u2500\u2500 */\n.empty-state-small {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: #94a3b8;\n}\n\n.empty-state-small i {\n    font-size: 2rem;\n    color: #cbd5e1;\n}\n\n.empty-state-small span {\n    font-size: 0.85rem;\n}\n\n/* \u2500\u2500 Data Table \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\u2500\u2500\u2500 */\n.data-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table th {\n    text-align: left;\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.data-table td {\n    padding: 10px 12px;\n    font-size: 0.85rem;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.cell-name {\n    font-weight: 600;\n    color: #0f172a;\n}\n\n.cell-meta {\n    color: #64748b;\n}\n\n.stale-row {\n    background: #fef2f2;\n}\n\n.lock-status-badge {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: #dcfce7;\n    color: #166534;\n}\n\n.lock-status-badge.stale {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.release-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: transparent;\n    color: #ef4444;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.release-btn:hover {\n    background: #ef4444;\n    color: white;\n    border-color: #ef4444;\n}\n\n/* \u2500\u2500 Responsive \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\u2500\u2500\u2500 */\n@media (max-width: 1024px) {\n    .panels-grid {\n        grid-template-columns: 1fr;\n    }\n    .kpi-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .kpi-grid {\n        grid-template-columns: 1fr;\n    }\n    .health-banner {\n        flex-direction: column;\n        text-align: center;\n    }\n    .health-stats {\n        flex-direction: column;\n        gap: 8px;\n        align-items: center;\n    }\n    .data-table {\n        font-size: 0.8rem;\n    }\n}\n"] }]
+        args: [{ standalone: false, selector: 'app-scheduling-overview', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"overview-container\">\n  <!-- Header Controls -->\n  <div class=\"overview-header\">\n    <div class=\"header-controls\">\n      <button class=\"control-btn\" (click)=\"Refresh()\">\n        <i class=\"fa-solid fa-arrows-rotate\"></i> Refresh\n      </button>\n      <button class=\"control-btn\" [class.active]=\"AutoRefreshEnabled\" (click)=\"ToggleAutoRefresh()\">\n        <i class=\"fa-solid fa-rotate\"></i>\n        Auto-Refresh: {{AutoRefreshEnabled ? 'ON' : 'OFF'}}\n      </button>\n    </div>\n  </div>\n\n  @if (IsLoading) {\n    <div class=\"loading-container\">\n      <mj-loading text=\"Loading dashboard...\" size=\"medium\"></mj-loading>\n    </div>\n  }\n\n  @if (!IsLoading && Kpis) {\n    <div class=\"overview-content\">\n      <!-- Health Banner -->\n      <div class=\"health-banner\" [style.border-color]=\"GetHealthColor()\">\n        <div class=\"health-ring\">\n          <svg viewBox=\"0 0 80 80\" class=\"health-svg\">\n            <circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"none\" stroke=\"#e5e7eb\" stroke-width=\"6\"/>\n            <circle cx=\"40\" cy=\"40\" r=\"36\" fill=\"none\"\n              [attr.stroke]=\"GetHealthColor()\"\n              stroke-width=\"6\"\n              stroke-linecap=\"round\"\n              [attr.stroke-dasharray]=\"GetHealthStrokeDasharray()\"\n              transform=\"rotate(-90 40 40)\"/>\n          </svg>\n          <div class=\"health-score\" [style.color]=\"GetHealthColor()\">{{GetHealthScore()}}</div>\n        </div>\n        <div class=\"health-details\">\n          <div class=\"health-title\">System Health</div>\n          <div class=\"health-stats\">\n            <span><i class=\"fa-solid fa-check-circle\" style=\"color:#10b981\"></i> {{Kpis.totalActiveJobs}} active</span>\n            <span><i class=\"fa-solid fa-lock\" style=\"color:#f59e0b\"></i> {{Kpis.lockedJobs}} locked</span>\n            <span><i class=\"fa-solid fa-xmark-circle\" style=\"color:#ef4444\"></i> {{Kpis.totalFailures7d}} failures (7d)</span>\n          </div>\n        </div>\n      </div>\n      <!-- KPI Cards -->\n      <div class=\"kpi-grid\">\n        <div class=\"kpi-card\">\n          <div class=\"kpi-icon blue\">\n            <i class=\"fa-solid fa-calendar-check\"></i>\n          </div>\n          <div class=\"kpi-content\">\n            <div class=\"kpi-value\">{{Kpis.totalActiveJobs}}</div>\n            <div class=\"kpi-label\">Active Jobs</div>\n          </div>\n        </div>\n        <div class=\"kpi-card\">\n          <div class=\"kpi-icon amber\">\n            <i class=\"fa-solid fa-clock\"></i>\n          </div>\n          <div class=\"kpi-content\">\n            <div class=\"kpi-value\">{{Kpis.jobsDueInNextHour}}</div>\n            <div class=\"kpi-label\">Due Next Hour</div>\n          </div>\n        </div>\n        <div class=\"kpi-card\">\n          <div class=\"kpi-icon purple\">\n            <i class=\"fa-solid fa-chart-bar\"></i>\n          </div>\n          <div class=\"kpi-content\">\n            <div class=\"kpi-value\">{{Kpis.recentExecutions24h}}</div>\n            <div class=\"kpi-label\">Runs (24h)</div>\n            <div class=\"kpi-sub\" [style.color]=\"GetSuccessRateColor(Kpis.successRate24h)\">\n              {{FormatPercentage(Kpis.successRate24h)}} success\n            </div>\n          </div>\n        </div>\n        <div class=\"kpi-card\">\n          <div class=\"kpi-icon green\">\n            <i class=\"fa-solid fa-play\"></i>\n          </div>\n          <div class=\"kpi-content\">\n            <div class=\"kpi-value\">{{Kpis.currentlyRunning}}</div>\n            <div class=\"kpi-label\">Running Now</div>\n          </div>\n        </div>\n      </div>\n      <!-- Two-Column Layout: Live Executions + Alerts/Upcoming -->\n      <div class=\"panels-grid\">\n        <!-- Live Executions -->\n        <div class=\"panel\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <i class=\"fa-solid fa-bolt\"></i> Live Executions\n            </div>\n            <span class=\"panel-badge\">{{LiveExecutions.length}}</span>\n          </div>\n          <div class=\"panel-body\">\n            @if (LiveExecutions.length === 0) {\n              <div class=\"empty-state-small\">\n                <i class=\"fa-solid fa-inbox\"></i>\n                <span>No recent executions</span>\n              </div>\n            }\n            @for (exec of LiveExecutions; track exec) {\n              <div class=\"execution-item\">\n                <div class=\"exec-status\">\n                  <i [class]=\"GetStatusIcon(exec.status)\" [ngClass]=\"GetStatusClass(exec.status)\"></i>\n                </div>\n                <div class=\"exec-details\">\n                  <div class=\"exec-name\">{{exec.jobName}}</div>\n                  <div class=\"exec-meta\">{{FormatTimeAgo(exec.startedAt)}} &middot; {{FormatDuration(exec.duration)}}</div>\n                </div>\n                <div class=\"exec-status-badge\" [ngClass]=\"GetStatusClass(exec.status)\">\n                  {{exec.status}}\n                </div>\n              </div>\n            }\n          </div>\n        </div>\n        <!-- Right Column: Alerts + Upcoming -->\n        <div class=\"right-column\">\n          <!-- Alerts -->\n          <div class=\"panel\">\n            <div class=\"panel-header\" [ngClass]=\"Alerts.length > 0 ? 'alert-header' : 'clear-header'\">\n              <div class=\"panel-title\">\n                <i [class]=\"Alerts.length > 0 ? 'fa-solid fa-triangle-exclamation' : 'fa-solid fa-shield-check'\"></i>\n                {{Alerts.length > 0 ? 'Alerts' : 'All Clear'}}\n              </div>\n              @if (Alerts.length > 0) {\n                <span class=\"panel-badge error\">{{Alerts.length}}</span>\n              }\n              @if (Alerts.length === 0) {\n                <span class=\"panel-badge clear\">0</span>\n              }\n            </div>\n            <div class=\"panel-body\">\n              @if (Alerts.length === 0) {\n                <div class=\"empty-state-small all-clear\">\n                  <i class=\"fa-solid fa-circle-check\"></i>\n                  <span>No active alerts</span>\n                </div>\n              }\n              @for (alert of Alerts; track alert) {\n                <div class=\"alert-item\" [ngClass]=\"'alert-' + alert.severity\">\n                  <i [class]=\"GetAlertIcon(alert.severity)\" class=\"alert-icon\"></i>\n                  <div class=\"alert-content\">\n                    <div class=\"alert-title\">{{alert.title}}</div>\n                    <div class=\"alert-message\">{{alert.message}}</div>\n                  </div>\n                  @if (alert.type === 'stale-lock' && alert.jobId) {\n                    <button\n                      class=\"alert-action-btn\"\n                      (click)=\"ReleaseLock(alert.jobId!)\">\n                      Release\n                    </button>\n                  }\n                </div>\n              }\n            </div>\n          </div>\n          <!-- Upcoming -->\n          <div class=\"panel\">\n            <div class=\"panel-header\">\n              <div class=\"panel-title\">\n                <i class=\"fa-solid fa-calendar-day\"></i> Upcoming (24h)\n              </div>\n              <span class=\"panel-badge\">{{UpcomingExecutions.length}}</span>\n            </div>\n            <div class=\"panel-body\">\n              @if (UpcomingExecutions.length === 0) {\n                <div class=\"empty-state-small\">\n                  <i class=\"fa-solid fa-calendar-xmark\"></i>\n                  <span>No upcoming executions</span>\n                </div>\n              }\n              @for (upcoming of UpcomingExecutions; track upcoming) {\n                <div class=\"upcoming-item\">\n                  <div class=\"upcoming-info\">\n                    <div class=\"upcoming-name\">{{upcoming.jobName}}</div>\n                    <div class=\"upcoming-meta\">\n                      {{FormatDateTime(upcoming.nextRunAt)}}\n                      <span class=\"upcoming-type\">{{upcoming.jobType}}</span>\n                    </div>\n                  </div>\n                  <div class=\"upcoming-countdown\" [class.soon]=\"FormatTimeUntil(upcoming.nextRunAt).includes('m') && !FormatTimeUntil(upcoming.nextRunAt).includes('h')\">\n                    {{FormatTimeUntil(upcoming.nextRunAt)}}\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </div>\n      <!-- Locks Section -->\n      @if (Locks.length > 0) {\n        <div class=\"panel\" style=\"margin-top: 20px;\">\n          <div class=\"panel-header\">\n            <div class=\"panel-title\">\n              <i class=\"fa-solid fa-lock\"></i> Active Locks\n            </div>\n            <span class=\"panel-badge\">{{Locks.length}}</span>\n          </div>\n          <div class=\"panel-body\">\n            <table class=\"data-table\">\n              <thead>\n                <tr>\n                  <th>Job</th>\n                  <th>Locked By</th>\n                  <th>Locked At</th>\n                  <th>Expected Completion</th>\n                  <th>Status</th>\n                  <th></th>\n                </tr>\n              </thead>\n              <tbody>\n                @for (lock of Locks; track lock) {\n                  <tr [class.stale-row]=\"lock.isStale\">\n                    <td class=\"cell-name\">{{lock.jobName}}</td>\n                    <td class=\"cell-meta\">{{lock.lockedBy}}</td>\n                    <td class=\"cell-meta\">{{FormatTimeAgo(lock.lockedAt)}}</td>\n                    <td class=\"cell-meta\">{{FormatDateTime(lock.expectedCompletion)}}</td>\n                    <td>\n                      <span class=\"lock-status-badge\" [class.stale]=\"lock.isStale\">\n                        {{lock.isStale ? 'Stale' : 'Active'}}\n                      </span>\n                    </td>\n                    <td>\n                      @if (lock.isStale) {\n                        <button class=\"release-btn\" (click)=\"ReleaseLock(lock.jobId)\">\n                          <i class=\"fa-solid fa-lock-open\"></i> Release\n                        </button>\n                      }\n                    </td>\n                  </tr>\n                }\n              </tbody>\n            </table>\n          </div>\n        </div>\n      }\n    </div>\n  }\n</div>\n", styles: [".overview-container {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    height: 100%;\n}\n\n.overview-content {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n    flex: 1;\n    min-height: 0;\n}\n\n/* \u2500\u2500 Header \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.overview-header {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n}\n\n.header-controls {\n    display: flex;\n    gap: 8px;\n}\n\n.control-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 16px;\n    background: white;\n    border: 1px solid #e5e7eb;\n    border-radius: 20px;\n    cursor: pointer;\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #475569;\n    transition: all 0.2s ease;\n}\n\n.control-btn:hover {\n    background: #f3f4f6;\n    border-color: #999;\n}\n\n.control-btn.active {\n    background: #0076b6;\n    color: white;\n    border-color: #0076b6;\n}\n\n.loading-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-height: 300px;\n}\n\n/* \u2500\u2500 Health Banner \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.health-banner {\n    display: flex;\n    align-items: center;\n    gap: 24px;\n    padding: 20px 24px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    border-left: 4px solid #10b981;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n}\n\n.health-ring {\n    position: relative;\n    width: 80px;\n    height: 80px;\n    flex-shrink: 0;\n}\n\n.health-svg {\n    width: 100%;\n    height: 100%;\n}\n\n.health-score {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 1.5rem;\n    font-weight: 800;\n}\n\n.health-details {\n    flex: 1;\n}\n\n.health-title {\n    font-size: 1.1rem;\n    font-weight: 700;\n    color: #0f172a;\n    margin-bottom: 8px;\n}\n\n.health-stats {\n    display: flex;\n    gap: 20px;\n    font-size: 0.85rem;\n    color: #64748b;\n}\n\n.health-stats span {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n\n/* \u2500\u2500 KPI Cards \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\u2500\u2500\u2500\u2500 */\n.kpi-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 16px;\n}\n\n.kpi-card {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 20px;\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    transition: all 0.2s ease;\n}\n\n.kpi-card:hover {\n    transform: translateY(-2px);\n    box-shadow: 0 8px 25px -5px rgba(0,0,0,0.1);\n}\n\n.kpi-icon {\n    width: 48px;\n    height: 48px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 1.2rem;\n    flex-shrink: 0;\n}\n\n.kpi-icon.blue { background: linear-gradient(135deg, #3b82f6, #2563eb); color: white; }\n.kpi-icon.amber { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }\n.kpi-icon.purple { background: linear-gradient(135deg, #8b5cf6, #7c3aed); color: white; }\n.kpi-icon.green { background: linear-gradient(135deg, #10b981, #059669); color: white; }\n\n.kpi-content {\n    flex: 1;\n}\n\n.kpi-value {\n    font-size: 1.75rem;\n    font-weight: 800;\n    color: #0f172a;\n    line-height: 1;\n}\n\n.kpi-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #64748b;\n    margin-top: 4px;\n}\n\n.kpi-sub {\n    font-size: 0.75rem;\n    font-weight: 600;\n    margin-top: 2px;\n}\n\n/* \u2500\u2500 Panels \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\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n.panels-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    flex: 1;\n    min-height: 300px;\n}\n\n.right-column {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.panel {\n    background: white;\n    border-radius: 16px;\n    border: 1px solid #e2e8f0;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n}\n\n.panel-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 16px 20px;\n    background: #f9fafb;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.panel-header.alert-header {\n    background: #fef2f2;\n    border-bottom-color: #fecaca;\n}\n\n.panel-header.clear-header {\n    background: #f0fdf4;\n    border-bottom-color: #bbf7d0;\n}\n\n.clear-header .panel-title i {\n    color: #10b981;\n}\n\n.panel-badge.clear {\n    background: rgba(16, 185, 129, 0.1);\n    color: #10b981;\n}\n\n.all-clear i {\n    color: #10b981 !important;\n}\n\n.all-clear span {\n    color: #10b981;\n    font-weight: 500;\n}\n\n.panel-title {\n    font-size: 0.95rem;\n    font-weight: 700;\n    color: #0f172a;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.panel-title i {\n    color: #0076b6;\n}\n\n.alert-header .panel-title i {\n    color: #ef4444;\n}\n\n.panel-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    padding: 2px 10px;\n    border-radius: 12px;\n    background: rgba(0, 118, 182, 0.1);\n    color: #0076b6;\n}\n\n.panel-badge.error {\n    background: rgba(239, 68, 68, 0.1);\n    color: #ef4444;\n}\n\n.panel-body {\n    padding: 12px 20px;\n    overflow-y: auto;\n    flex: 1;\n    min-height: 0;\n}\n\n/* \u2500\u2500 Execution Items \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.execution-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.execution-item:last-child {\n    border-bottom: none;\n}\n\n.exec-status i {\n    font-size: 1.1rem;\n}\n\n.exec-details {\n    flex: 1;\n}\n\n.exec-name {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.exec-meta {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.exec-status-badge {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n}\n\n/* Status Colors */\n.status-running { color: #3b82f6; }\n.status-success { color: #10b981; }\n.status-error { color: #ef4444; }\n.status-warning { color: #f59e0b; }\n\n.exec-status-badge.status-running { background: #dbeafe; color: #1d4ed8; }\n.exec-status-badge.status-success { background: #dcfce7; color: #166534; }\n.exec-status-badge.status-error { background: #fee2e2; color: #991b1b; }\n.exec-status-badge.status-warning { background: #fef3c7; color: #92400e; }\n\n/* \u2500\u2500 Alert Items \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\u2500\u2500 */\n.alert-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 10px;\n    margin-bottom: 8px;\n}\n\n.alert-item:last-child {\n    margin-bottom: 0;\n}\n\n.alert-item.alert-error {\n    background: #fef2f2;\n}\n\n.alert-item.alert-warning {\n    background: #fffbeb;\n}\n\n.alert-icon {\n    font-size: 1rem;\n    margin-top: 2px;\n}\n\n.alert-error .alert-icon { color: #ef4444; }\n.alert-warning .alert-icon { color: #f59e0b; }\n\n.alert-content {\n    flex: 1;\n}\n\n.alert-title {\n    font-weight: 600;\n    font-size: 0.85rem;\n    color: #0f172a;\n}\n\n.alert-message {\n    font-size: 0.8rem;\n    color: #64748b;\n    margin-top: 2px;\n}\n\n.alert-action-btn {\n    padding: 4px 12px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: #ef4444;\n    color: white;\n    border: none;\n    border-radius: 6px;\n    cursor: pointer;\n    white-space: nowrap;\n    transition: background 0.2s;\n}\n\n.alert-action-btn:hover {\n    background: #dc2626;\n}\n\n/* \u2500\u2500 Upcoming Items \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.upcoming-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 0;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.upcoming-item:last-child {\n    border-bottom: none;\n}\n\n.upcoming-name {\n    font-weight: 600;\n    color: #0f172a;\n    font-size: 0.875rem;\n}\n\n.upcoming-meta {\n    font-size: 0.75rem;\n    color: #94a3b8;\n    margin-top: 2px;\n}\n\n.upcoming-type {\n    display: inline-flex;\n    padding: 1px 6px;\n    background: #f1f5f9;\n    border-radius: 4px;\n    font-size: 0.65rem;\n    font-weight: 600;\n    color: #64748b;\n    margin-left: 6px;\n}\n\n.upcoming-countdown {\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #0076b6;\n}\n\n.upcoming-countdown.soon {\n    color: #f59e0b;\n}\n\n/* \u2500\u2500 Empty State \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\u2500\u2500 */\n.empty-state-small {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 32px 16px;\n    color: #94a3b8;\n}\n\n.empty-state-small i {\n    font-size: 2rem;\n    color: #cbd5e1;\n}\n\n.empty-state-small span {\n    font-size: 0.85rem;\n}\n\n/* \u2500\u2500 Data Table \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\u2500\u2500\u2500 */\n.data-table {\n    width: 100%;\n    border-collapse: collapse;\n}\n\n.data-table th {\n    text-align: left;\n    font-size: 0.7rem;\n    font-weight: 700;\n    color: #94a3b8;\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    padding: 8px 12px;\n    border-bottom: 1px solid #e5e7eb;\n}\n\n.data-table td {\n    padding: 10px 12px;\n    font-size: 0.85rem;\n    border-bottom: 1px solid #f1f5f9;\n}\n\n.cell-name {\n    font-weight: 600;\n    color: #0f172a;\n}\n\n.cell-meta {\n    color: #64748b;\n}\n\n.stale-row {\n    background: #fef2f2;\n}\n\n.lock-status-badge {\n    font-size: 0.7rem;\n    font-weight: 600;\n    padding: 3px 10px;\n    border-radius: 12px;\n    background: #dcfce7;\n    color: #166534;\n}\n\n.lock-status-badge.stale {\n    background: #fee2e2;\n    color: #991b1b;\n}\n\n.release-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    padding: 4px 10px;\n    font-size: 0.75rem;\n    font-weight: 600;\n    background: transparent;\n    color: #ef4444;\n    border: 1px solid #fecaca;\n    border-radius: 6px;\n    cursor: pointer;\n    transition: all 0.2s;\n}\n\n.release-btn:hover {\n    background: #ef4444;\n    color: white;\n    border-color: #ef4444;\n}\n\n/* \u2500\u2500 Responsive \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\u2500\u2500\u2500 */\n@media (max-width: 1024px) {\n    .panels-grid {\n        grid-template-columns: 1fr;\n    }\n    .kpi-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .kpi-grid {\n        grid-template-columns: 1fr;\n    }\n    .health-banner {\n        flex-direction: column;\n        text-align: center;\n    }\n    .health-stats {\n        flex-direction: column;\n        gap: 8px;\n        align-items: center;\n    }\n    .data-table {\n        font-size: 0.8rem;\n    }\n}\n"] }]
     }], () => [{ type: i1.SchedulingInstrumentationService }, { type: i0.ChangeDetectorRef }], { initialState: [{
             type: Input
         }], stateChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SchedulingOverviewComponent, { className: "SchedulingOverviewComponent", filePath: "src/Scheduling/components/scheduling-overview.component.ts", lineNumber: 18 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SchedulingOverviewComponent, { className: "SchedulingOverviewComponent", filePath: "src/scheduling/components/scheduling-overview.component.ts", lineNumber: 19 }); })();
 //# sourceMappingURL=scheduling-overview.component.js.map