npm - @memberjunction/ng-core-entity-forms - Versions diffs - 3.4.0 → 4.0.0 - Mend

@memberjunction/ng-core-entity-forms 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 (1922) hide show

package/dist/lib/custom/Tests/test-suite-run-form.component.js CHANGED Viewed

@@ -26,13 +26,13 @@ import * as i8 from "@progress/kendo-angular-buttons";
 import * as i9 from "./entity-link-pill.component";
 const _c0 = () => [1, 2, 3, 4, 5];
 const _c1 = () => [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-function TestSuiteRunFormComponentExtended_li_9_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "li");
-    i0.ɵɵelement(1, "i", 8);
+    i0.ɵɵelement(1, "i", 7);
     i0.ɵɵelementStart(2, "a", 3);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_li_9_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
-    i0.ɵɵelement(3, "i", 67);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_9_Template_a_click_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
+    i0.ɵɵelement(3, "i", 66);
     i0.ɵɵelementStart(4, "span", 5);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
@@ -41,9 +41,9 @@ function TestSuiteRunFormComponentExtended_li_9_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.testSuite.Name);
 } }
-function TestSuiteRunFormComponentExtended_span_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 68);
-    i0.ɵɵelement(1, "i", 69);
+function TestSuiteRunFormComponentExtended_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
+    i0.ɵɵelement(1, "i", 67);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -51,9 +51,9 @@ function TestSuiteRunFormComponentExtended_span_25_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.Environment, " ");
 } }
-function TestSuiteRunFormComponentExtended_span_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 70);
-    i0.ɵɵelement(1, "i", 71);
+function TestSuiteRunFormComponentExtended_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 16);
+    i0.ɵɵelement(1, "i", 68);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -61,16 +61,16 @@ function TestSuiteRunFormComponentExtended_span_26_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.record.TriggerType, " ");
 } }
-function TestSuiteRunFormComponentExtended_button_29_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_29_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 72);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_button_29_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reRunSuite()); });
-    i0.ɵɵelement(1, "i", 73);
+    i0.ɵɵelementStart(0, "button", 69);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_29_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reRunSuite()); });
+    i0.ɵɵelement(1, "i", 70);
     i0.ɵɵtext(2, " Re-run Suite ");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_107_div_4_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 84);
+function TestSuiteRunFormComponentExtended_Conditional_107_Conditional_4_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 78);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -78,91 +78,93 @@ function TestSuiteRunFormComponentExtended_div_107_div_4_span_1_Template(rf, ctx
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(tag_r5);
 } }
-function TestSuiteRunFormComponentExtended_div_107_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 82);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_107_div_4_span_1_Template, 2, 1, "span", 83);
+function TestSuiteRunFormComponentExtended_Conditional_107_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 74);
+    i0.ɵɵrepeaterCreate(1, TestSuiteRunFormComponentExtended_Conditional_107_Conditional_4_For_2_Template, 2, 1, "span", 78, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.tags);
+    i0.ɵɵrepeater(ctx_r1.tags);
 } }
-function TestSuiteRunFormComponentExtended_div_107_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 85);
+function TestSuiteRunFormComponentExtended_Conditional_107_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 75);
     i0.ɵɵtext(1, "No tags");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_107_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_107_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 74)(1, "div", 75)(2, "span", 76);
-    i0.ɵɵelement(3, "i", 77);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TestSuiteRunFormComponentExtended_div_107_div_4_Template, 2, 1, "div", 78)(5, TestSuiteRunFormComponentExtended_div_107_span_5_Template, 2, 0, "span", 79);
-    i0.ɵɵelementStart(6, "button", 80);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_107_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startEditingTags()); });
-    i0.ɵɵelement(7, "i", 81);
+    i0.ɵɵelementStart(0, "div", 45)(1, "div", 71)(2, "span", 72);
+    i0.ɵɵelement(3, "i", 73);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_107_Conditional_4_Template, 3, 0, "div", 74);
+    i0.ɵɵconditionalCreate(5, TestSuiteRunFormComponentExtended_Conditional_107_Conditional_5_Template, 2, 0, "span", 75);
+    i0.ɵɵelementStart(6, "button", 76);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_107_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.startEditingTags()); });
+    i0.ɵɵelement(7, "i", 77);
     i0.ɵɵtext(8, " Add ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngIf", ctx_r1.tags.length > 0);
+    i0.ɵɵconditional(ctx_r1.tags.length > 0 ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.tags.length === 0);
+    i0.ɵɵconditional(ctx_r1.tags.length === 0 ? 5 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_108_span_7_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_108_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 100);
+    i0.ɵɵelementStart(0, "span", 83);
     i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "button", 101);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_108_span_7_Template_button_click_2_listener() { const tag_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.removeTag(tag_r8)); });
-    i0.ɵɵelement(3, "i", 102);
+    i0.ɵɵelementStart(2, "button", 92);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_108_For_8_Template_button_click_2_listener() { const tag_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.removeTag(tag_r8)); });
+    i0.ɵɵelement(3, "i", 93);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const tag_r8 = ctx.$implicit;
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", tag_r8, " ");
 } }
-function TestSuiteRunFormComponentExtended_div_108_span_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 103);
+function TestSuiteRunFormComponentExtended_Conditional_108_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 84);
     i0.ɵɵtext(1, "No tags yet");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_108_i_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 104);
+function TestSuiteRunFormComponentExtended_Conditional_108_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 90);
 } }
-function TestSuiteRunFormComponentExtended_div_108_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_108_Template(rf, ctx) { if (rf & 1) {
     const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 86)(1, "div", 87)(2, "span", 88);
-    i0.ɵɵelement(3, "i", 77);
+    i0.ɵɵelementStart(0, "div", 46)(1, "div", 79)(2, "span", 80);
+    i0.ɵɵelement(3, "i", 73);
     i0.ɵɵtext(4, " Edit Tags");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 89)(6, "div", 90);
-    i0.ɵɵtemplate(7, TestSuiteRunFormComponentExtended_div_108_span_7_Template, 4, 1, "span", 91)(8, TestSuiteRunFormComponentExtended_div_108_span_8_Template, 2, 0, "span", 92);
+    i0.ɵɵelementStart(5, "div", 81)(6, "div", 82);
+    i0.ɵɵrepeaterCreate(7, TestSuiteRunFormComponentExtended_Conditional_108_For_8_Template, 4, 1, "span", 83, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(9, TestSuiteRunFormComponentExtended_Conditional_108_Conditional_9_Template, 2, 0, "span", 84);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 93)(10, "input", 94);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_108_Template_input_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newTag, $event) || (ctx_r1.newTag = $event); return i0.ɵɵresetView($event); });
-    i0.ɵɵlistener("keyup.enter", function TestSuiteRunFormComponentExtended_div_108_Template_input_keyup_enter_10_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTag()); });
+    i0.ɵɵelementStart(10, "div", 85)(11, "input", 86);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_Conditional_108_Template_input_ngModelChange_11_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.newTag, $event) || (ctx_r1.newTag = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("keyup.enter", function TestSuiteRunFormComponentExtended_Conditional_108_Template_input_keyup_enter_11_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTag()); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 95);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_108_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTag()); });
-    i0.ɵɵelement(12, "i", 81);
+    i0.ɵɵelementStart(12, "button", 87);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_108_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addTag()); });
+    i0.ɵɵelement(13, "i", 77);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(13, "div", 96)(14, "button", 97);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_108_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveTags()); });
-    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_108_i_15_Template, 1, 0, "i", 98);
-    i0.ɵɵtext(16);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "button", 99);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_108_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelEditingTags()); });
-    i0.ɵɵtext(18, "Cancel");
+    i0.ɵɵelementStart(14, "div", 88)(15, "button", 89);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_108_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveTags()); });
+    i0.ɵɵconditionalCreate(16, TestSuiteRunFormComponentExtended_Conditional_108_Conditional_16_Template, 1, 0, "i", 90);
+    i0.ɵɵtext(17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "button", 91);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_108_Template_button_click_18_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelEditingTags()); });
+    i0.ɵɵtext(19, "Cancel");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(7);
-    i0.ɵɵproperty("ngForOf", ctx_r1.tags);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.tags.length === 0);
+    i0.ɵɵrepeater(ctx_r1.tags);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.tags.length === 0 ? 9 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.newTag);
     i0.ɵɵadvance();
@@ -170,12 +172,12 @@ function TestSuiteRunFormComponentExtended_div_108_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r1.savingTags);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.savingTags);
+    i0.ɵɵconditional(ctx_r1.savingTags ? 16 : -1);
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.savingTags ? "Saving..." : "Save", " ");
 } }
-function TestSuiteRunFormComponentExtended_span_117_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 105);
+function TestSuiteRunFormComponentExtended_Conditional_117_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 51);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -183,11 +185,11 @@ function TestSuiteRunFormComponentExtended_span_117_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.testRuns.length);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125)(1, "span", 126);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "span", 111);
     i0.ɵɵtext(2, "Avg Rating");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 127);
+    i0.ɵɵelementStart(3, "span", 112);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -195,8 +197,8 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_11_Template(
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.humanAvgRating.toFixed(1), "/10");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_12_span_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 132);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_12_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 115);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -204,25 +206,25 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_12_span_5_Te
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.humanIncorrectCount, " incorrect");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125)(1, "span", 126);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "span", 111);
     i0.ɵɵtext(2, "Correct");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 130);
+    i0.ɵɵelementStart(3, "span", 114);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(5, TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_12_span_5_Template, 2, 1, "span", 131);
+    i0.ɵɵconditionalCreate(5, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_12_Conditional_5_Template, 2, 1, "span", 115);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(ctx_r1.evaluationMetrics.humanCorrectCount);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanIncorrectCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.humanIncorrectCount > 0 ? 5 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 133)(1, "span", 134);
-    i0.ɵɵelement(2, "i", 135);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 113)(1, "span", 116);
+    i0.ɵɵelement(2, "i", 117);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -230,38 +232,39 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_13_Template(
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", ctx_r1.evaluationMetrics.humanPendingCount, " need review ");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121)(1, "div", 122);
-    i0.ɵɵelement(2, "i", 123);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 106)(1, "div", 107);
+    i0.ɵɵelement(2, "i", 108);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Human Feedback");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 124)(6, "div", 125)(7, "span", 126);
+    i0.ɵɵelementStart(5, "div", 109)(6, "div", 110)(7, "span", 111);
     i0.ɵɵtext(8, "Reviewed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 127);
+    i0.ɵɵelementStart(9, "span", 112);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(11, TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_11_Template, 5, 1, "div", 128)(12, TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_12_Template, 6, 2, "div", 128);
+    i0.ɵɵconditionalCreate(11, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_11_Template, 5, 1, "div", 110);
+    i0.ɵɵconditionalCreate(12, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_12_Template, 6, 2, "div", 110);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(13, TestSuiteRunFormComponentExtended_div_129_div_19_div_2_div_13_Template, 4, 1, "div", 129);
+    i0.ɵɵconditionalCreate(13, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Conditional_13_Template, 4, 1, "div", 113);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.humanReviewedCount, " / ", ctx_r1.evaluationMetrics.totalRuns, "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.humanReviewedCount, " / ", ctx_r1.evaluationMetrics.totalRuns);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanReviewedCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.humanReviewedCount > 0 ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanReviewedCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.humanReviewedCount > 0 ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.humanPendingCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.humanPendingCount > 0 ? 13 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_3_div_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125)(1, "span", 126);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_3_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "span", 111);
     i0.ɵɵtext(2, "Avg Score");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 127);
+    i0.ɵɵelementStart(3, "span", 112);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -269,11 +272,11 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_3_div_11_Template(
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("", (ctx_r1.evaluationMetrics.autoAvgScore * 100).toFixed(0), "%");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_3_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125)(1, "span", 126);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_3_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "span", 111);
     i0.ɵɵtext(2, "Pass Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 127);
+    i0.ɵɵelementStart(3, "span", 112);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -281,31 +284,32 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_3_div_12_Template(
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.autoPassRate.toFixed(0), "%");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121)(1, "div", 122);
-    i0.ɵɵelement(2, "i", 136);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 106)(1, "div", 107);
+    i0.ɵɵelement(2, "i", 118);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Auto Evaluation");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 124)(6, "div", 125)(7, "span", 126);
+    i0.ɵɵelementStart(5, "div", 109)(6, "div", 110)(7, "span", 111);
     i0.ɵɵtext(8, "Evaluated");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 127);
+    i0.ɵɵelementStart(9, "span", 112);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(11, TestSuiteRunFormComponentExtended_div_129_div_19_div_3_div_11_Template, 5, 1, "div", 128)(12, TestSuiteRunFormComponentExtended_div_129_div_19_div_3_div_12_Template, 5, 1, "div", 128);
+    i0.ɵɵconditionalCreate(11, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_3_Conditional_11_Template, 5, 1, "div", 110);
+    i0.ɵɵconditionalCreate(12, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_3_Conditional_12_Template, 5, 1, "div", 110);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.autoEvaluatedCount, " / ", ctx_r1.evaluationMetrics.totalRuns, "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.autoEvaluatedCount, " / ", ctx_r1.evaluationMetrics.totalRuns);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.autoEvaluatedCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.autoEvaluatedCount > 0 ? 11 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.autoEvaluatedCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.autoEvaluatedCount > 0 ? 12 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 140);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Conditional_16_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 120);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -313,8 +317,8 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_span_3_Te
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.execErrorCount, " errors");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 141);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Conditional_16_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 121);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -322,104 +326,109 @@ function TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_span_4_Te
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.execTimeoutCount, " timeouts");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 125)(1, "span", 126);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 110)(1, "span", 111);
     i0.ɵɵtext(2, "Issues");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_span_3_Template, 2, 1, "span", 138)(4, TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_span_4_Template, 2, 1, "span", 139);
+    i0.ɵɵconditionalCreate(3, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Conditional_16_Conditional_3_Template, 2, 1, "span", 120);
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Conditional_16_Conditional_4_Template, 2, 1, "span", 121);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.execErrorCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.execErrorCount > 0 ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.execTimeoutCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.execTimeoutCount > 0 ? 4 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121)(1, "div", 122);
-    i0.ɵɵelement(2, "i", 137);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 106)(1, "div", 107);
+    i0.ɵɵelement(2, "i", 119);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Execution");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 124)(6, "div", 125)(7, "span", 126);
+    i0.ɵɵelementStart(5, "div", 109)(6, "div", 110)(7, "span", 111);
     i0.ɵɵtext(8, "Completed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 127);
+    i0.ɵɵelementStart(9, "span", 112);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 125)(12, "span", 126);
+    i0.ɵɵelementStart(11, "div", 110)(12, "span", 111);
     i0.ɵɵtext(13, "Success Rate");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "span", 127);
+    i0.ɵɵelementStart(14, "span", 112);
     i0.ɵɵtext(15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(16, TestSuiteRunFormComponentExtended_div_129_div_19_div_4_div_16_Template, 5, 2, "div", 128);
+    i0.ɵɵconditionalCreate(16, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Conditional_16_Template, 5, 2, "div", 110);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(10);
-    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.execCompletedCount, " / ", ctx_r1.evaluationMetrics.totalRuns, "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.evaluationMetrics.execCompletedCount, " / ", ctx_r1.evaluationMetrics.totalRuns);
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate1("", ctx_r1.evaluationMetrics.execSuccessRate.toFixed(0), "%");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics.execErrorCount > 0 || ctx_r1.evaluationMetrics.execTimeoutCount > 0);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics.execErrorCount > 0 || ctx_r1.evaluationMetrics.execTimeoutCount > 0 ? 16 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 118)(1, "div", 119);
-    i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_129_div_19_div_2_Template, 14, 5, "div", 120)(3, TestSuiteRunFormComponentExtended_div_129_div_19_div_3_Template, 13, 4, "div", 120)(4, TestSuiteRunFormComponentExtended_div_129_div_19_div_4_Template, 17, 4, "div", 120);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 102)(1, "div", 105);
+    i0.ɵɵconditionalCreate(2, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_2_Template, 14, 5, "div", 106);
+    i0.ɵɵconditionalCreate(3, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_3_Template, 13, 4, "div", 106);
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Conditional_4_Template, 17, 4, "div", 106);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showHuman ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showAuto);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showAuto ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showExecution);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showExecution ? 4 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_20_div_8_i_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 159);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 130);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_20_div_8_i_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 160);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 131);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_20_div_8_i_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 135);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 117);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_20_div_8_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 149);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_129_div_20_div_8_Template_div_click_0_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleRunExpanded(item_r10.run.id)); });
-    i0.ɵɵelementStart(1, "div", 150);
-    i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_129_div_20_div_8_i_2_Template, 1, 0, "i", 151)(3, TestSuiteRunFormComponentExtended_div_129_div_20_div_8_i_3_Template, 1, 0, "i", 152)(4, TestSuiteRunFormComponentExtended_div_129_div_20_div_8_i_4_Template, 1, 0, "i", 153);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 154)(6, "span", 155);
+    i0.ɵɵelementStart(0, "div", 128);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Template_div_click_0_listener() { const item_r10 = i0.ɵɵrestoreView(_r9).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleRunExpanded(item_r10.run.id)); });
+    i0.ɵɵelementStart(1, "div", 129);
+    i0.ɵɵconditionalCreate(2, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Conditional_2_Template, 1, 0, "i", 130);
+    i0.ɵɵconditionalCreate(3, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Conditional_3_Template, 1, 0, "i", 131);
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Conditional_4_Template, 1, 0, "i", 117);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 132)(6, "span", 133);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "span", 156);
+    i0.ɵɵelementStart(8, "span", 134);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 157);
-    i0.ɵɵelement(11, "i", 158);
+    i0.ɵɵelementStart(10, "div", 135);
+    i0.ɵɵelement(11, "i", 136);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const item_r10 = ctx.$implicit;
     i0.ɵɵclassProp("high-priority", item_r10.priority === "high")("medium-priority", item_r10.priority === "medium");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r10.priority === "high");
+    i0.ɵɵconditional(item_r10.priority === "high" ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r10.priority === "medium");
+    i0.ɵɵconditional(item_r10.priority === "medium" ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", item_r10.priority === "low");
+    i0.ɵɵconditional(item_r10.priority === "low" ? 4 : -1);
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(item_r10.run.testName);
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(item_r10.reason);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_20_div_9_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_Conditional_10_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 161)(1, "button", 99);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_129_div_20_div_9_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeTab("runs")); });
+    i0.ɵɵelementStart(0, "div", 127)(1, "button", 91);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_Conditional_10_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.changeTab("runs")); });
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -427,58 +436,61 @@ function TestSuiteRunFormComponentExtended_div_129_div_20_div_9_Template(rf, ctx
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" View all ", ctx_r1.needsReviewItems.length, " items ");
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 142)(1, "div", 143)(2, "h3");
-    i0.ɵɵelement(3, "i", 144);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 103)(1, "div", 122)(2, "h3");
+    i0.ɵɵelement(3, "i", 123);
     i0.ɵɵtext(4, " Needs Review");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "span", 145);
+    i0.ɵɵelementStart(5, "span", 124);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "div", 146);
-    i0.ɵɵtemplate(8, TestSuiteRunFormComponentExtended_div_129_div_20_div_8_Template, 12, 9, "div", 147)(9, TestSuiteRunFormComponentExtended_div_129_div_20_div_9_Template, 3, 1, "div", 148);
+    i0.ɵɵelementStart(7, "div", 125);
+    i0.ɵɵrepeaterCreate(8, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_For_9_Template, 12, 9, "div", 126, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵconditionalCreate(10, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_Conditional_10_Template, 3, 1, "div", 127);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(6);
     i0.ɵɵtextInterpolate1("", ctx_r1.needsReviewItems.length, " items");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", ctx_r1.needsReviewItems.slice(0, 5));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.needsReviewItems.length > 5);
+    i0.ɵɵrepeater(ctx_r1.needsReviewItems.slice(0, 5));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.needsReviewItems.length > 5 ? 10 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_129_div_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 162)(1, "div", 163);
-    i0.ɵɵelement(2, "i", 164);
+function TestSuiteRunFormComponentExtended_Conditional_129_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 104)(1, "div", 137);
+    i0.ɵɵelement(2, "i", 138);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4, "Suite execution in progress...");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(5, "div", 165);
-    i0.ɵɵelement(6, "i", 166);
+    i0.ɵɵelementStart(5, "div", 139);
+    i0.ɵɵelement(6, "i", 140);
     i0.ɵɵtext(7, " Auto-refreshing every 5 seconds ");
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_129_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 106)(1, "div", 107)(2, "div", 108);
-    i0.ɵɵelement(3, "i", 12);
+function TestSuiteRunFormComponentExtended_Conditional_129_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 58)(1, "div", 94)(2, "div", 95);
+    i0.ɵɵelement(3, "i", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 109)(5, "h2");
+    i0.ɵɵelementStart(4, "div", 96)(5, "h2");
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 110)(8, "div", 111)(9, "span", 112);
+    i0.ɵɵelementStart(7, "div", 97)(8, "div", 98)(9, "span", 99);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "span", 113);
+    i0.ɵɵelementStart(11, "span", 100);
     i0.ɵɵtext(12, "Pass Rate");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(13, "div", 114);
-    i0.ɵɵelementStart(14, "div", 111)(15, "span", 112);
+    i0.ɵɵelement(13, "div", 101);
+    i0.ɵɵelementStart(14, "div", 98)(15, "span", 99);
     i0.ɵɵtext(16);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(17, "span", 113);
+    i0.ɵɵelementStart(17, "span", 100);
     i0.ɵɵtext(18, "Tests Passed");
     i0.ɵɵelementEnd()()()()();
-    i0.ɵɵtemplate(19, TestSuiteRunFormComponentExtended_div_129_div_19_Template, 5, 3, "div", 115)(20, TestSuiteRunFormComponentExtended_div_129_div_20_Template, 10, 3, "div", 116)(21, TestSuiteRunFormComponentExtended_div_129_div_21_Template, 8, 0, "div", 117);
+    i0.ɵɵconditionalCreate(19, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_19_Template, 5, 3, "div", 102);
+    i0.ɵɵconditionalCreate(20, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_20_Template, 11, 2, "div", 103);
+    i0.ɵɵconditionalCreate(21, TestSuiteRunFormComponentExtended_Conditional_129_Conditional_21_Template, 8, 0, "div", 104);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -487,23 +499,23 @@ function TestSuiteRunFormComponentExtended_div_129_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngClass", ctx_r1.getStatusIcon());
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("SUITE ", ctx_r1.record.Status.toUpperCase() || "UNKNOWN", "");
+    i0.ɵɵtextInterpolate1("SUITE ", ctx_r1.record.Status.toUpperCase() || "UNKNOWN");
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate1("", ctx_r1.getPassRate().toFixed(1), "%");
     i0.ɵɵadvance(6);
-    i0.ɵɵtextInterpolate2("", ctx_r1.record.PassedTests || 0, " / ", ctx_r1.record.TotalTests || 0, "");
+    i0.ɵɵtextInterpolate2("", ctx_r1.record.PassedTests || 0, " / ", ctx_r1.record.TotalTests || 0);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", ctx_r1.evaluationMetrics && ctx_r1.feedbacksLoaded);
+    i0.ɵɵconditional(ctx_r1.evaluationMetrics && ctx_r1.feedbacksLoaded ? 19 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman && ctx_r1.needsReviewItems.length > 0 && ctx_r1.feedbacksLoaded);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showHuman && ctx_r1.needsReviewItems.length > 0 && ctx_r1.feedbacksLoaded ? 20 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.record.Status === "Running" || ctx_r1.record.Status === "Pending");
+    i0.ɵɵconditional(ctx_r1.record.Status === "Running" || ctx_r1.record.Status === "Pending" ? 21 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_1_button_4_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_4_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 181);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_1_button_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Passed")); });
-    i0.ɵɵelement(1, "i", 182);
+    i0.ɵɵelementStart(0, "button", 153);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Passed")); });
+    i0.ɵɵelement(1, "i", 154);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -512,11 +524,11 @@ function TestSuiteRunFormComponentExtended_div_130_div_1_button_4_Template(rf, c
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Passed (", ctx_r1.getRunCountByStatus("Passed"), ") ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_1_button_5_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 183);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_1_button_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Failed")); });
-    i0.ɵɵelement(1, "i", 102);
+    i0.ɵɵelementStart(0, "button", 155);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Failed")); });
+    i0.ɵɵelement(1, "i", 93);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -525,11 +537,11 @@ function TestSuiteRunFormComponentExtended_div_130_div_1_button_5_Template(rf, c
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Failed (", ctx_r1.getRunCountByStatus("Failed"), ") ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_1_button_6_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 184);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_1_button_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Error")); });
-    i0.ɵɵelement(1, "i", 185);
+    i0.ɵɵelementStart(0, "button", 156);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter("Error")); });
+    i0.ɵɵelement(1, "i", 157);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -538,17 +550,19 @@ function TestSuiteRunFormComponentExtended_div_130_div_1_button_6_Template(rf, c
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" Error (", ctx_r1.getRunCountByStatus("Error"), ") ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_1_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 172)(1, "div", 173)(2, "button", 174);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter(null)); });
+    i0.ɵɵelementStart(0, "div", 141)(1, "div", 145)(2, "button", 146);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter(null)); });
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, TestSuiteRunFormComponentExtended_div_130_div_1_button_4_Template, 3, 3, "button", 175)(5, TestSuiteRunFormComponentExtended_div_130_div_1_button_5_Template, 3, 3, "button", 176)(6, TestSuiteRunFormComponentExtended_div_130_div_1_button_6_Template, 3, 3, "button", 177);
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_4_Template, 3, 3, "button", 147);
+    i0.ɵɵconditionalCreate(5, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_5_Template, 3, 3, "button", 148);
+    i0.ɵɵconditionalCreate(6, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Conditional_6_Template, 3, 3, "button", 149);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 178)(8, "button", 179);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.exportToCSV()); });
-    i0.ɵɵelement(9, "i", 180);
+    i0.ɵɵelementStart(7, "div", 150)(8, "button", 151);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.exportToCSV()); });
+    i0.ɵɵelement(9, "i", 152);
     i0.ɵɵtext(10, " Export CSV ");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
@@ -558,30 +572,30 @@ function TestSuiteRunFormComponentExtended_div_130_div_1_Template(rf, ctx) { if
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" All (", ctx_r1.testRuns.length, ") ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.getRunCountByStatus("Passed") > 0);
+    i0.ɵɵconditional(ctx_r1.getRunCountByStatus("Passed") > 0 ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.getRunCountByStatus("Failed") > 0);
+    i0.ɵɵconditional(ctx_r1.getRunCountByStatus("Failed") > 0 ? 5 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.getRunCountByStatus("Error") > 0);
+    i0.ɵɵconditional(ctx_r1.getRunCountByStatus("Error") > 0 ? 6 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 189);
-    i0.ɵɵelement(1, "div", 190)(2, "div", 191);
-    i0.ɵɵelementStart(3, "div", 192);
-    i0.ɵɵelement(4, "div", 193)(5, "div", 194);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_2_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 159);
+    i0.ɵɵelement(1, "div", 160)(2, "div", 161);
+    i0.ɵɵelementStart(3, "div", 162);
+    i0.ɵɵelement(4, "div", 163)(5, "div", 164);
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 186)(1, "div", 187);
-    i0.ɵɵtemplate(2, TestSuiteRunFormComponentExtended_div_130_div_2_div_2_Template, 6, 0, "div", 188);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 142)(1, "div", 158);
+    i0.ɵɵrepeaterCreate(2, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_2_For_3_Template, 6, 0, "div", 159, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(1, _c0));
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(0, _c0));
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_span_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 213);
-    i0.ɵɵelement(1, "i", 24);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 174);
+    i0.ɵɵelement(1, "i", 23);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -589,9 +603,9 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_span_12_Template(
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", run_r17.DurationSeconds.toFixed(1), "s ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_span_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 214);
-    i0.ɵɵelement(1, "i", 29);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 175);
+    i0.ɵɵelement(1, "i", 28);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -599,14 +613,14 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_span_13_Template(
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1(" ", run_r17.CostUSD.toFixed(6), " ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_mj_entity_link_pill_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-entity-link-pill", 215);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-entity-link-pill", 176);
 } if (rf & 2) {
     const run_r17 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵproperty("entityName", run_r17.TargetLogEntity)("recordId", run_r17.TargetLogID);
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_15_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 218);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_15_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 181);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -614,20 +628,20 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_15_span_1_Tem
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(tag_r18);
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 216);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_15_span_1_Template, 2, 1, "span", 217);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 177);
+    i0.ɵɵrepeaterCreate(1, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_15_For_2_Template, 2, 1, "span", 181, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r17 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.getRunTags(run_r17));
+    i0.ɵɵrepeater(ctx_r1.getRunTags(run_r17));
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_button_7_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_For_8_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 236);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_button_7_Template_button_click_0_listener($event) { const num_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); ctx_r1.setInlineRating(num_r21); return i0.ɵɵresetView($event.stopPropagation()); })("mouseenter", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_button_7_Template_button_mouseenter_0_listener() { const num_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.inlineHoverRating = num_r21); })("mouseleave", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_button_7_Template_button_mouseleave_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.inlineHoverRating = 0); });
+    i0.ɵɵelementStart(0, "button", 198);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_For_8_Template_button_click_0_listener($event) { const num_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); ctx_r1.setInlineRating(num_r21); return i0.ɵɵresetView($event.stopPropagation()); })("mouseenter", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_For_8_Template_button_mouseenter_0_listener() { const num_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.inlineHoverRating = num_r21); })("mouseleave", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_For_8_Template_button_mouseleave_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.inlineHoverRating = 0); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -637,11 +651,11 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_button_7_T
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", num_r21, " ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_div_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 237)(1, "span", 238);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 188)(1, "span", 199);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 239);
+    i0.ɵɵelementStart(3, "span", 200);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -651,80 +665,77 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_div_8_Temp
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.getInlineRatingLabel());
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 219);
-    i0.ɵɵelement(1, "div", 220);
-    i0.ɵɵelementStart(2, "div", 221)(3, "div", 222);
+    i0.ɵɵelementStart(0, "div", 180);
+    i0.ɵɵelement(1, "div", 182);
+    i0.ɵɵelementStart(2, "div", 183)(3, "div", 184);
     i0.ɵɵtext(4, "Quick Feedback");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 223)(6, "div", 224);
-    i0.ɵɵtemplate(7, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_button_7_Template, 2, 11, "button", 225);
+    i0.ɵɵelementStart(5, "div", 185)(6, "div", 186);
+    i0.ɵɵrepeaterCreate(7, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_For_8_Template, 2, 11, "button", 187, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(8, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_div_8_Template, 5, 2, "div", 226);
+    i0.ɵɵconditionalCreate(9, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Conditional_9_Template, 5, 2, "div", 188);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 227)(10, "span", 228);
-    i0.ɵɵtext(11, "Was it correct?");
+    i0.ɵɵelementStart(10, "div", 189)(11, "span", 190);
+    i0.ɵɵtext(12, "Was it correct?");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 229)(13, "label", 230);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_label_click_13_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(14, "input", 231);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_input_ngModelChange_14_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(13, "div", 191)(14, "label", 192);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_label_click_14_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(15, "input", 193);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_input_ngModelChange_15_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span");
-    i0.ɵɵtext(16, "Yes");
+    i0.ɵɵelementStart(16, "span");
+    i0.ɵɵtext(17, "Yes");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "label", 230);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_label_click_17_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(18, "input", 231);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_input_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(18, "label", 192);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_label_click_18_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(19, "input", 193);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "span");
-    i0.ɵɵtext(20, "No");
+    i0.ɵɵelementStart(20, "span");
+    i0.ɵɵtext(21, "No");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(21, "label", 230);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_label_click_21_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(22, "input", 231);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(22, "label", 192);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_label_click_22_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(23, "input", 193);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_input_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineIsCorrect, $event) || (ctx_r1.inlineIsCorrect = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "span");
-    i0.ɵɵtext(24, "Not Sure");
+    i0.ɵɵelementStart(24, "span");
+    i0.ɵɵtext(25, "Not Sure");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(25, "div", 232);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_div_click_25_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(26, "textarea", 233);
-    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_textarea_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineComments, $event) || (ctx_r1.inlineComments = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(26, "div", 194);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_div_click_26_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(27, "textarea", 195);
+    i0.ɵɵtwoWayListener("ngModelChange", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_textarea_ngModelChange_27_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); i0.ɵɵtwoWayBindingSet(ctx_r1.inlineComments, $event) || (ctx_r1.inlineComments = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(27, "div", 234);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_div_click_27_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
-    i0.ɵɵelementStart(28, "button", 179);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_button_click_28_listener() { i0.ɵɵrestoreView(_r19); const run_r17 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r17.ID)); });
-    i0.ɵɵelement(29, "i", 235);
-    i0.ɵɵtext(30, " View Full Details ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "button", 97);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template_button_click_31_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.saveInlineFeedback()); });
-    i0.ɵɵelement(32, "i", 12);
-    i0.ɵɵtext(33);
+    i0.ɵɵelementStart(28, "div", 196);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_div_click_28_listener($event) { i0.ɵɵrestoreView(_r19); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(29, "button", 151);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_button_click_29_listener() { i0.ɵɵrestoreView(_r19); const run_r17 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r17.ID)); });
+    i0.ɵɵelement(30, "i", 197);
+    i0.ɵɵtext(31, " View Full Details ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(32, "button", 89);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template_button_click_32_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.saveInlineFeedback()); });
+    i0.ɵɵelement(33, "i", 11);
+    i0.ɵɵtext(34);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const run_r17 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(7);
-    i0.ɵɵproperty("ngForOf", i0.ɵɵpureFunction0(18, _c1));
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.inlineRating > 0);
+    i0.ɵɵrepeater(i0.ɵɵpureFunction0(17, _c1));
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.inlineRating > 0 ? 9 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵpropertyInterpolate1("name", "correct-", run_r17.ID, "");
-    i0.ɵɵproperty("value", true);
+    i0.ɵɵproperty("name", i0.ɵɵinterpolate1("correct-", run_r17.ID))("value", true);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineIsCorrect);
     i0.ɵɵadvance(4);
-    i0.ɵɵpropertyInterpolate1("name", "correct-", run_r17.ID, "");
-    i0.ɵɵproperty("value", false);
+    i0.ɵɵproperty("name", i0.ɵɵinterpolate1("correct-", run_r17.ID))("value", false);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineIsCorrect);
     i0.ɵɵadvance(4);
-    i0.ɵɵpropertyInterpolate1("name", "correct-", run_r17.ID, "");
-    i0.ɵɵproperty("value", null);
+    i0.ɵɵproperty("name", i0.ɵɵinterpolate1("correct-", run_r17.ID))("value", null);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineIsCorrect);
     i0.ɵɵadvance(4);
     i0.ɵɵtwoWayProperty("ngModel", ctx_r1.inlineComments);
@@ -735,30 +746,32 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template(r
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.savingInlineFeedback ? "Saving..." : ctx_r1.hasFeedback(run_r17.ID) ? "Update" : "Save", " ");
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 197)(1, "div", 198);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_Template_div_click_1_listener() { const run_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleRunExpanded(run_r17.ID)); });
-    i0.ɵɵelementStart(2, "div", 199);
+    i0.ɵɵelementStart(0, "div", 165)(1, "div", 166);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Template_div_click_1_listener() { const run_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.toggleRunExpanded(run_r17.ID)); });
+    i0.ɵɵelementStart(2, "div", 167);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 200);
-    i0.ɵɵelement(5, "i", 12);
+    i0.ɵɵelementStart(4, "div", 168);
+    i0.ɵɵelement(5, "i", 11);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 201)(7, "div", 202)(8, "div", 203);
+    i0.ɵɵelementStart(6, "div", 169)(7, "div", 170)(8, "div", 171);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(10, "app-evaluation-badge", 204);
+    i0.ɵɵelement(10, "app-evaluation-badge", 172);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 205);
-    i0.ɵɵtemplate(12, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_span_12_Template, 3, 1, "span", 206)(13, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_span_13_Template, 3, 1, "span", 207)(14, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_mj_entity_link_pill_14_Template, 1, 2, "mj-entity-link-pill", 208);
+    i0.ɵɵelementStart(11, "div", 173);
+    i0.ɵɵconditionalCreate(12, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_12_Template, 3, 1, "span", 174);
+    i0.ɵɵconditionalCreate(13, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_13_Template, 3, 1, "span", 175);
+    i0.ɵɵconditionalCreate(14, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_14_Template, 1, 2, "mj-entity-link-pill", 176);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_15_Template, 2, 1, "div", 209);
+    i0.ɵɵconditionalCreate(15, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_15_Template, 3, 0, "div", 177);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(16, "div", 210);
-    i0.ɵɵelement(17, "i", 211);
+    i0.ɵɵelementStart(16, "div", 178);
+    i0.ɵɵelement(17, "i", 179);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(18, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_div_18_Template, 34, 19, "div", 212);
+    i0.ɵɵconditionalCreate(18, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Conditional_18_Template, 35, 18, "div", 180);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r17 = ctx.$implicit;
@@ -774,30 +787,30 @@ function TestSuiteRunFormComponentExtended_div_130_div_3_div_1_Template(rf, ctx)
     i0.ɵɵadvance();
     i0.ɵɵproperty("executionStatus", run_r17.Status)("originalStatus", run_r17.Status)("autoScore", run_r17.Score)("humanRating", ctx_r1.getFeedbackRating(run_r17.ID) || null)("humanIsCorrect", ctx_r1.getHumanIsCorrect(run_r17.ID))("hasHumanFeedback", ctx_r1.hasFeedback(run_r17.ID))("preferences", ctx_r1.evalPreferences)("mode", "compact");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", run_r17.DurationSeconds);
+    i0.ɵɵconditional(run_r17.DurationSeconds ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", run_r17.CostUSD);
+    i0.ɵɵconditional(run_r17.CostUSD ? 13 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", run_r17.TargetLogEntityID && run_r17.TargetLogID);
+    i0.ɵɵconditional(run_r17.TargetLogEntityID && run_r17.TargetLogID ? 14 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.getRunTags(run_r17).length > 0);
+    i0.ɵɵconditional(ctx_r1.getRunTags(run_r17).length > 0 ? 15 : -1);
     i0.ɵɵadvance(2);
     i0.ɵɵclassProp("fa-chevron-down", ctx_r1.expandedRunId !== run_r17.ID)("fa-chevron-up", ctx_r1.expandedRunId === run_r17.ID);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.expandedRunId === run_r17.ID);
+    i0.ɵɵconditional(ctx_r1.expandedRunId === run_r17.ID ? 18 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 195);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_130_div_3_div_1_Template, 19, 22, "div", 196);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 143);
+    i0.ɵɵrepeaterCreate(1, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_For_2_Template, 19, 22, "div", 165, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.getFilteredTestRuns());
+    i0.ɵɵrepeater(ctx_r1.getFilteredTestRuns());
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 240)(1, "div", 241);
-    i0.ɵɵelement(2, "i", 242);
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 144)(1, "div", 201);
+    i0.ɵɵelement(2, "i", 202);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "No Test Runs Found");
@@ -806,10 +819,10 @@ function TestSuiteRunFormComponentExtended_div_130_div_4_Template(rf, ctx) { if
     i0.ɵɵtext(6, "No test runs have been recorded for this suite execution.");
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_130_div_5_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 240)(1, "div", 241);
-    i0.ɵɵelement(2, "i", 243);
+    i0.ɵɵelementStart(0, "div", 144)(1, "div", 201);
+    i0.ɵɵelement(2, "i", 203);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "No Matching Runs");
@@ -817,32 +830,36 @@ function TestSuiteRunFormComponentExtended_div_130_div_5_Template(rf, ctx) { if
     i0.ɵɵelementStart(5, "p");
     i0.ɵɵtext(6, "No test runs match the current filter.");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 179);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_130_div_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter(null)); });
+    i0.ɵɵelementStart(7, "button", 151);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_130_Conditional_5_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setRunStatusFilter(null)); });
     i0.ɵɵtext(8, "Clear Filter");
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_130_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 167);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_130_div_1_Template, 11, 6, "div", 168)(2, TestSuiteRunFormComponentExtended_div_130_div_2_Template, 3, 2, "div", 169)(3, TestSuiteRunFormComponentExtended_div_130_div_3_Template, 2, 1, "div", 170)(4, TestSuiteRunFormComponentExtended_div_130_div_4_Template, 7, 0, "div", 171)(5, TestSuiteRunFormComponentExtended_div_130_div_5_Template, 9, 0, "div", 171);
+function TestSuiteRunFormComponentExtended_Conditional_130_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 59);
+    i0.ɵɵconditionalCreate(1, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_1_Template, 11, 6, "div", 141);
+    i0.ɵɵconditionalCreate(2, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_2_Template, 4, 1, "div", 142);
+    i0.ɵɵconditionalCreate(3, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_3_Template, 3, 0, "div", 143);
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_4_Template, 7, 0, "div", 144);
+    i0.ɵɵconditionalCreate(5, TestSuiteRunFormComponentExtended_Conditional_130_Conditional_5_Template, 9, 0, "div", 144);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && ctx_r1.testRuns.length > 0);
+    i0.ɵɵconditional(ctx_r1.testRunsLoaded && ctx_r1.testRuns.length > 0 ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.loadingTestRuns);
+    i0.ɵɵconditional(ctx_r1.loadingTestRuns ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0);
+    i0.ɵɵconditional(!ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0 ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length === 0);
+    i0.ɵɵconditional(ctx_r1.testRunsLoaded && !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length === 0 ? 4 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.testRunsLoaded && !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0 && ctx_r1.getFilteredTestRuns().length === 0);
+    i0.ɵɵconditional(ctx_r1.testRunsLoaded && !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0 && ctx_r1.getFilteredTestRuns().length === 0 ? 5 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_131_a_15_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_131_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_131_a_15_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_131_Conditional_15_Template_a_click_0_listener() { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.openTestSuite()); });
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -850,76 +867,77 @@ function TestSuiteRunFormComponentExtended_div_131_a_15_Template(rf, ctx) { if (
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r1.testSuite.Name);
 } }
-function TestSuiteRunFormComponentExtended_div_131_span_16_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_131_Conditional_16_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1, "Loading...");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_131_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 244)(1, "div", 245)(2, "h3");
-    i0.ɵɵelement(3, "i", 53);
+function TestSuiteRunFormComponentExtended_Conditional_131_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 60)(1, "div", 204)(2, "h3");
+    i0.ɵɵelement(3, "i", 52);
     i0.ɵɵtext(4, " Run Information");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 246)(6, "div", 247)(7, "div", 248);
+    i0.ɵɵelementStart(5, "div", 205)(6, "div", 206)(7, "div", 207);
     i0.ɵɵtext(8, "Run ID");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "div", 249);
+    i0.ɵɵelementStart(9, "div", 208);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(11, "div", 247)(12, "div", 248);
+    i0.ɵɵelementStart(11, "div", 206)(12, "div", 207);
     i0.ɵɵtext(13, "Test Suite");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "div", 250);
-    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_131_a_15_Template, 2, 1, "a", 251)(16, TestSuiteRunFormComponentExtended_div_131_span_16_Template, 2, 0, "span", 6);
+    i0.ɵɵelementStart(14, "div", 209);
+    i0.ɵɵconditionalCreate(15, TestSuiteRunFormComponentExtended_Conditional_131_Conditional_15_Template, 2, 1, "a", 210);
+    i0.ɵɵconditionalCreate(16, TestSuiteRunFormComponentExtended_Conditional_131_Conditional_16_Template, 2, 0, "span");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 247)(18, "div", 248);
+    i0.ɵɵelementStart(17, "div", 206)(18, "div", 207);
     i0.ɵɵtext(19, "Status");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(20, "div", 250)(21, "span", 252);
+    i0.ɵɵelementStart(20, "div", 209)(21, "span", 211);
     i0.ɵɵtext(22);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(23, "div", 247)(24, "div", 248);
+    i0.ɵɵelementStart(23, "div", 206)(24, "div", 207);
     i0.ɵɵtext(25, "Run By");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(26, "div", 250);
+    i0.ɵɵelementStart(26, "div", 209);
     i0.ɵɵtext(27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "div", 247)(29, "div", 248);
+    i0.ɵɵelementStart(28, "div", 206)(29, "div", 207);
     i0.ɵɵtext(30, "Started At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 250);
+    i0.ɵɵelementStart(31, "div", 209);
     i0.ɵɵtext(32);
     i0.ɵɵpipe(33, "date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(34, "div", 247)(35, "div", 248);
+    i0.ɵɵelementStart(34, "div", 206)(35, "div", 207);
     i0.ɵɵtext(36, "Completed At");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(37, "div", 250);
+    i0.ɵɵelementStart(37, "div", 209);
     i0.ɵɵtext(38);
     i0.ɵɵpipe(39, "date");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(40, "div", 247)(41, "div", 248);
+    i0.ɵɵelementStart(40, "div", 206)(41, "div", 207);
     i0.ɵɵtext(42, "Environment");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "div", 250);
+    i0.ɵɵelementStart(43, "div", 209);
     i0.ɵɵtext(44);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(45, "div", 247)(46, "div", 248);
+    i0.ɵɵelementStart(45, "div", 206)(46, "div", 207);
     i0.ɵɵtext(47, "Trigger Type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(48, "div", 250);
+    i0.ɵɵelementStart(48, "div", 209);
     i0.ɵɵtext(49);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(50, "div", 247)(51, "div", 248);
+    i0.ɵɵelementStart(50, "div", 206)(51, "div", 207);
     i0.ɵɵtext(52, "Git Commit");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(53, "div", 249);
+    i0.ɵɵelementStart(53, "div", 208);
     i0.ɵɵtext(54);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(55, "div", 247)(56, "div", 248);
+    i0.ɵɵelementStart(55, "div", 206)(56, "div", 207);
     i0.ɵɵtext(57, "Agent Version");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(58, "div", 250);
+    i0.ɵɵelementStart(58, "div", 209);
     i0.ɵɵtext(59);
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
@@ -927,9 +945,9 @@ function TestSuiteRunFormComponentExtended_div_131_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(10);
     i0.ɵɵtextInterpolate(ctx_r1.record.ID);
     i0.ɵɵadvance(5);
-    i0.ɵɵproperty("ngIf", ctx_r1.testSuite);
+    i0.ɵɵconditional(ctx_r1.testSuite ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.testSuite);
+    i0.ɵɵconditional(!ctx_r1.testSuite ? 16 : -1);
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass());
     i0.ɵɵadvance();
@@ -949,67 +967,67 @@ function TestSuiteRunFormComponentExtended_div_131_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance(5);
     i0.ɵɵtextInterpolate(ctx_r1.record.AgentVersion || "N/A");
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 256);
-    i0.ɵɵelement(1, "i", 104);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 212);
+    i0.ɵɵelement(1, "i", 90);
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3, "Loading test results...");
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 257)(1, "h3");
-    i0.ɵɵelement(2, "i", 258);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 213)(1, "h3");
+    i0.ɵɵelement(2, "i", 214);
     i0.ɵɵtext(3, " Summary Statistics");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 259)(5, "div", 260)(6, "div", 261);
-    i0.ɵɵelement(7, "i", 34);
+    i0.ɵɵelementStart(4, "div", 215)(5, "div", 216)(6, "div", 217);
+    i0.ɵɵelement(7, "i", 33);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 262)(9, "div", 112);
+    i0.ɵɵelementStart(8, "div", 218)(9, "div", 99);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "div", 113);
+    i0.ɵɵelementStart(11, "div", 100);
     i0.ɵɵtext(12, "Passed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "div", 263);
+    i0.ɵɵelementStart(13, "div", 219);
     i0.ɵɵtext(14);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "div", 260)(16, "div", 264);
-    i0.ɵɵelement(17, "i", 39);
+    i0.ɵɵelementStart(15, "div", 216)(16, "div", 220);
+    i0.ɵɵelement(17, "i", 38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "div", 262)(19, "div", 112);
+    i0.ɵɵelementStart(18, "div", 218)(19, "div", 99);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 113);
+    i0.ɵɵelementStart(21, "div", 100);
     i0.ɵɵtext(22, "Failed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(23, "div", 263);
+    i0.ɵɵelementStart(23, "div", 219);
     i0.ɵɵtext(24);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(25, "div", 260)(26, "div", 265);
-    i0.ɵɵelement(27, "i", 266);
+    i0.ɵɵelementStart(25, "div", 216)(26, "div", 221);
+    i0.ɵɵelement(27, "i", 222);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "div", 262)(29, "div", 112);
+    i0.ɵɵelementStart(28, "div", 218)(29, "div", 99);
     i0.ɵɵtext(30);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "div", 113);
+    i0.ɵɵelementStart(31, "div", 100);
     i0.ɵɵtext(32, "Avg Score");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(33, "div", 260)(34, "div", 267);
-    i0.ɵɵelement(35, "i", 24);
+    i0.ɵɵelementStart(33, "div", 216)(34, "div", 223);
+    i0.ɵɵelement(35, "i", 23);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(36, "div", 262)(37, "div", 112);
+    i0.ɵɵelementStart(36, "div", 218)(37, "div", 99);
     i0.ɵɵtext(38);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "div", 113);
+    i0.ɵɵelementStart(39, "div", 100);
     i0.ɵɵtext(40, "Avg Duration");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(41, "div", 260)(42, "div", 268);
-    i0.ɵɵelement(43, "i", 29);
+    i0.ɵɵelementStart(41, "div", 216)(42, "div", 224);
+    i0.ɵɵelement(43, "i", 28);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "div", 262)(45, "div", 112);
+    i0.ɵɵelementStart(44, "div", 218)(45, "div", 99);
     i0.ɵɵtext(46);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "div", 113);
+    i0.ɵɵelementStart(47, "div", 100);
     i0.ɵɵtext(48, "Total Cost");
     i0.ɵɵelementEnd()()()()();
 } if (rf & 2) {
@@ -1027,25 +1045,25 @@ function TestSuiteRunFormComponentExtended_div_132_div_2_Template(rf, ctx) { if
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate1("", ctx_r1.getAverageDuration().toFixed(1), "s");
     i0.ɵɵadvance(8);
-    i0.ɵɵtextInterpolate1("$", ctx_r1.getTotalCost().toFixed(4), "");
+    i0.ɵɵtextInterpolate1("$", ctx_r1.getTotalCost().toFixed(4));
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_th_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 286);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 236);
     i0.ɵɵtext(1, "Status");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_th_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 287);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 237);
     i0.ɵɵtext(1, "Auto Score");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_th_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 288);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Conditional_28_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "th", 238);
     i0.ɵɵtext(1, "Human Score");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_div_7_span_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 296);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_7_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 247);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -1053,19 +1071,19 @@ function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_div_7_span_1_Temp
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(tag_r26);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_div_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 294);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_div_7_span_1_Template, 2, 1, "span", 295);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 245);
+    i0.ɵɵrepeaterCreate(1, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_7_For_2_Template, 2, 1, "span", 247, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r25 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.getRunTags(run_r25).slice(0, 2));
+    i0.ɵɵrepeater(ctx_r1.getRunTags(run_r25).slice(0, 2));
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 286)(1, "span", 15);
-    i0.ɵɵelement(2, "i", 211);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 236)(1, "span", 14);
+    i0.ɵɵelement(2, "i", 179);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1077,11 +1095,11 @@ function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_8_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", run_r25.Status, " ");
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 298)(1, "div", 299);
-    i0.ɵɵelement(2, "div", 300);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_9_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 248)(1, "div", 249);
+    i0.ɵɵelement(2, "div", 250);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 301);
+    i0.ɵɵelementStart(3, "span", 251);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -1092,25 +1110,26 @@ function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_div_1_Templa
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", (run_r25.Score * 100).toFixed(0), "%");
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 302);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_9_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 246);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 287);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_div_1_Template, 5, 9, "div", 297)(2, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_span_2_Template, 2, 0, "span", 293);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 237);
+    i0.ɵɵconditionalCreate(1, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_9_Conditional_1_Template, 5, 9, "div", 248);
+    i0.ɵɵconditionalCreate(2, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_9_Conditional_2_Template, 2, 0, "span", 246);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r25 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", run_r25.Score != null);
+    i0.ɵɵconditional(run_r25.Score != null ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", run_r25.Score == null);
+    i0.ɵɵconditional(run_r25.Score == null ? 2 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_div_1_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 308);
-    i0.ɵɵelement(1, "i", 211);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Conditional_1_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 255);
+    i0.ɵɵelement(1, "i", 179);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r25 = i0.ɵɵnextContext(3).$implicit;
@@ -1118,11 +1137,11 @@ function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_div_1_span_
     i0.ɵɵadvance();
     i0.ɵɵclassProp("fa-check", ctx_r1.getHumanIsCorrect(run_r25.ID) === true)("fa-times", ctx_r1.getHumanIsCorrect(run_r25.ID) === false)("correct", ctx_r1.getHumanIsCorrect(run_r25.ID) === true)("incorrect", ctx_r1.getHumanIsCorrect(run_r25.ID) === false);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 305)(1, "span", 306);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 252)(1, "span", 254);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_div_1_span_3_Template, 2, 8, "span", 307);
+    i0.ɵɵconditionalCreate(3, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Conditional_1_Conditional_3_Template, 2, 8, "span", 255);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r25 = i0.ɵɵnextContext(2).$implicit;
@@ -1132,26 +1151,27 @@ function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_div_1_Templ
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r1.getFeedbackRating(run_r25.ID), "/10 ");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.getHumanIsCorrect(run_r25.ID) !== null);
+    i0.ɵɵconditional(ctx_r1.getHumanIsCorrect(run_r25.ID) !== null ? 3 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_span_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 309);
-    i0.ɵɵelement(1, "i", 310);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 253);
+    i0.ɵɵelement(1, "i", 256);
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 288);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_div_1_Template, 4, 8, "div", 303)(2, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_span_2_Template, 2, 0, "span", 304);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "td", 238);
+    i0.ɵɵconditionalCreate(1, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Conditional_1_Template, 4, 8, "div", 252);
+    i0.ɵɵconditionalCreate(2, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Conditional_2_Template, 2, 0, "span", 253);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r25 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.hasFeedback(run_r25.ID));
+    i0.ɵɵconditional(ctx_r1.hasFeedback(run_r25.ID) ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.hasFeedback(run_r25.ID));
+    i0.ɵɵconditional(!ctx_r1.hasFeedback(run_r25.ID) ? 2 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_12_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
@@ -1160,121 +1180,127 @@ function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_12_Template(
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", run_r25.DurationSeconds.toFixed(1), "s");
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_13_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 302);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 246);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_15_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_15_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const run_r25 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("$", run_r25.CostUSD.toFixed(4), "");
+    i0.ɵɵtextInterpolate1("$", run_r25.CostUSD.toFixed(4));
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 302);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 246);
     i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "tr", 289);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_Template_tr_click_0_listener() { const run_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r25.ID)); });
-    i0.ɵɵelementStart(1, "td", 278);
+    i0.ɵɵelementStart(0, "tr", 242);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Template_tr_click_0_listener() { const run_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.openTestRun(run_r25.ID)); });
+    i0.ɵɵelementStart(1, "td", 234);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 279)(4, "div", 290)(5, "span", 291);
+    i0.ɵɵelementStart(3, "td", 235)(4, "div", 243)(5, "span", 244);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(7, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_div_7_Template, 2, 1, "div", 292);
+    i0.ɵɵconditionalCreate(7, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_7_Template, 3, 0, "div", 245);
     i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_8_Template, 4, 16, "td", 280)(9, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_9_Template, 3, 2, "td", 281)(10, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_td_10_Template, 3, 2, "td", 282);
-    i0.ɵɵelementStart(11, "td", 283);
-    i0.ɵɵtemplate(12, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_12_Template, 2, 1, "span", 6)(13, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_13_Template, 2, 0, "span", 293);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "td", 284);
-    i0.ɵɵtemplate(15, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_15_Template, 2, 1, "span", 6)(16, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_span_16_Template, 2, 0, "span", 293);
+    i0.ɵɵconditionalCreate(8, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_8_Template, 4, 16, "td", 236);
+    i0.ɵɵconditionalCreate(9, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_9_Template, 3, 2, "td", 237);
+    i0.ɵɵconditionalCreate(10, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_10_Template, 3, 2, "td", 238);
+    i0.ɵɵelementStart(11, "td", 239);
+    i0.ɵɵconditionalCreate(12, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_12_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(13, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_13_Template, 2, 0, "span", 246);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "td", 240);
+    i0.ɵɵconditionalCreate(15, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_15_Template, 2, 1, "span");
+    i0.ɵɵconditionalCreate(16, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Conditional_16_Template, 2, 0, "span", 246);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const run_r25 = ctx.$implicit;
-    const i_r27 = ctx.index;
+    const ɵ$index_1024_r27 = ctx.$index;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵclassProp("row-passed", run_r25.Status === "Passed")("row-failed", run_r25.Status === "Failed")("row-error", run_r25.Status === "Error")("row-skipped", run_r25.Status === "Skipped");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i_r27 + 1);
+    i0.ɵɵtextInterpolate(ɵ$index_1024_r27 + 1);
     i0.ɵɵadvance(4);
     i0.ɵɵtextInterpolate(run_r25.Test || "Unknown Test");
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.getRunTags(run_r25).length > 0);
+    i0.ɵɵconditional(ctx_r1.getRunTags(run_r25).length > 0 ? 7 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showExecution);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showExecution ? 8 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showAuto);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showAuto ? 9 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showHuman ? 10 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", run_r25.DurationSeconds);
+    i0.ɵɵconditional(run_r25.DurationSeconds ? 12 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !run_r25.DurationSeconds);
+    i0.ɵɵconditional(!run_r25.DurationSeconds ? 13 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", run_r25.CostUSD);
+    i0.ɵɵconditional(run_r25.CostUSD ? 15 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !run_r25.CostUSD);
+    i0.ɵɵconditional(!run_r25.CostUSD ? 16 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 257)(1, "div", 269)(2, "h3");
-    i0.ɵɵelement(3, "i", 270);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 213)(1, "div", 225)(2, "h3");
+    i0.ɵɵelement(3, "i", 226);
     i0.ɵɵtext(4, " Test Results");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div", 271)(6, "span", 272);
-    i0.ɵɵelement(7, "i", 34);
+    i0.ɵɵelementStart(5, "div", 227)(6, "span", 228);
+    i0.ɵɵelement(7, "i", 33);
     i0.ɵɵtext(8, " Passed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "span", 273);
-    i0.ɵɵelement(10, "i", 39);
+    i0.ɵɵelementStart(9, "span", 229);
+    i0.ɵɵelement(10, "i", 38);
     i0.ɵɵtext(11, " Failed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "span", 274);
-    i0.ɵɵelement(13, "i", 41);
+    i0.ɵɵelementStart(12, "span", 230);
+    i0.ɵɵelement(13, "i", 40);
     i0.ɵɵtext(14, " Error");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "span", 275);
-    i0.ɵɵelement(16, "i", 43);
+    i0.ɵɵelementStart(15, "span", 231);
+    i0.ɵɵelement(16, "i", 42);
     i0.ɵɵtext(17, " Skipped");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(18, "div", 276)(19, "table", 277)(20, "thead")(21, "tr")(22, "th", 278);
+    i0.ɵɵelementStart(18, "div", 232)(19, "table", 233)(20, "thead")(21, "tr")(22, "th", 234);
     i0.ɵɵtext(23, "#");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(24, "th", 279);
+    i0.ɵɵelementStart(24, "th", 235);
     i0.ɵɵtext(25, "Test Name");
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(26, TestSuiteRunFormComponentExtended_div_132_div_3_th_26_Template, 2, 0, "th", 280)(27, TestSuiteRunFormComponentExtended_div_132_div_3_th_27_Template, 2, 0, "th", 281)(28, TestSuiteRunFormComponentExtended_div_132_div_3_th_28_Template, 2, 0, "th", 282);
-    i0.ɵɵelementStart(29, "th", 283);
+    i0.ɵɵconditionalCreate(26, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Conditional_26_Template, 2, 0, "th", 236);
+    i0.ɵɵconditionalCreate(27, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Conditional_27_Template, 2, 0, "th", 237);
+    i0.ɵɵconditionalCreate(28, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Conditional_28_Template, 2, 0, "th", 238);
+    i0.ɵɵelementStart(29, "th", 239);
     i0.ɵɵtext(30, "Duration");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(31, "th", 284);
+    i0.ɵɵelementStart(31, "th", 240);
     i0.ɵɵtext(32, "Cost");
     i0.ɵɵelementEnd()()();
     i0.ɵɵelementStart(33, "tbody");
-    i0.ɵɵtemplate(34, TestSuiteRunFormComponentExtended_div_132_div_3_tr_34_Template, 17, 18, "tr", 285);
+    i0.ɵɵrepeaterCreate(34, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_For_35_Template, 17, 18, "tr", 241, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(26);
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showExecution);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showExecution ? 26 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showAuto);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showAuto ? 27 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.evalPreferences.showHuman);
+    i0.ɵɵconditional(ctx_r1.evalPreferences.showHuman ? 28 : -1);
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngForOf", ctx_r1.testRuns);
+    i0.ɵɵrepeater(ctx_r1.testRuns);
 } }
-function TestSuiteRunFormComponentExtended_div_132_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 240)(1, "div", 241);
-    i0.ɵɵelement(2, "i", 55);
+function TestSuiteRunFormComponentExtended_Conditional_132_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 144)(1, "div", 201);
+    i0.ɵɵelement(2, "i", 54);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h4");
     i0.ɵɵtext(4, "No Test Results Yet");
@@ -1283,52 +1309,55 @@ function TestSuiteRunFormComponentExtended_div_132_div_4_Template(rf, ctx) { if
     i0.ɵɵtext(6, "Test runs will appear here once the suite execution completes.");
     i0.ɵɵelementEnd()();
 } }
-function TestSuiteRunFormComponentExtended_div_132_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 253);
-    i0.ɵɵtemplate(1, TestSuiteRunFormComponentExtended_div_132_div_1_Template, 4, 0, "div", 254)(2, TestSuiteRunFormComponentExtended_div_132_div_2_Template, 49, 7, "div", 255)(3, TestSuiteRunFormComponentExtended_div_132_div_3_Template, 35, 4, "div", 255)(4, TestSuiteRunFormComponentExtended_div_132_div_4_Template, 7, 0, "div", 171);
+function TestSuiteRunFormComponentExtended_Conditional_132_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 61);
+    i0.ɵɵconditionalCreate(1, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_1_Template, 4, 0, "div", 212);
+    i0.ɵɵconditionalCreate(2, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_2_Template, 49, 7, "div", 213);
+    i0.ɵɵconditionalCreate(3, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_3_Template, 36, 3, "div", 213);
+    i0.ɵɵconditionalCreate(4, TestSuiteRunFormComponentExtended_Conditional_132_Conditional_4_Template, 7, 0, "div", 144);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.loadingTestRuns);
+    i0.ɵɵconditional(ctx_r1.loadingTestRuns ? 1 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0);
+    i0.ɵɵconditional(!ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0 ? 2 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0);
+    i0.ɵɵconditional(!ctx_r1.loadingTestRuns && ctx_r1.testRuns.length > 0 ? 3 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r1.loadingTestRuns && ctx_r1.testRunsLoaded && ctx_r1.testRuns.length === 0);
+    i0.ɵɵconditional(!ctx_r1.loadingTestRuns && ctx_r1.testRunsLoaded && ctx_r1.testRuns.length === 0 ? 4 : -1);
 } }
-function TestSuiteRunFormComponentExtended_div_133_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 311);
-    i0.ɵɵelement(1, "mj-execution-context", 312);
+function TestSuiteRunFormComponentExtended_Conditional_133_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 62);
+    i0.ɵɵelement(1, "mj-execution-context", 257);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵproperty("machineName", ctx_r1.record.MachineName)("machineId", ctx_r1.record.MachineID)("runByUserName", ctx_r1.record.RunByUserName)("runByUserEmail", ctx_r1.record.RunByUserEmail)("runContextDetailsJson", ctx_r1.record.RunContextDetails);
 } }
-function TestSuiteRunFormComponentExtended_div_136_Template(rf, ctx) { if (rf & 1) {
+function TestSuiteRunFormComponentExtended_Conditional_136_Template(rf, ctx) { if (rf & 1) {
     const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 313)(1, "div", 314);
-    i0.ɵɵelement(2, "i", 65);
+    i0.ɵɵelementStart(0, "div", 65)(1, "div", 258);
+    i0.ɵɵelement(2, "i", 64);
     i0.ɵɵtext(3, " Shortcuts ");
-    i0.ɵɵelementStart(4, "button", 315);
-    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_div_136_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleShortcuts()); });
-    i0.ɵɵelement(5, "i", 102);
+    i0.ɵɵelementStart(4, "button", 259);
+    i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Conditional_136_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r28); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleShortcuts()); });
+    i0.ɵɵelement(5, "i", 93);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 316)(7, "div", 317)(8, "span");
+    i0.ɵɵelementStart(6, "div", 260)(7, "div", 261)(8, "span");
     i0.ɵɵtext(9, "Refresh");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 318)(11, "kbd");
+    i0.ɵɵelementStart(10, "span", 262)(11, "kbd");
     i0.ɵɵtext(12, "Cmd");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(13, "kbd");
     i0.ɵɵtext(14, "R");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(15, "div", 317)(16, "span");
+    i0.ɵɵelementStart(15, "div", 261)(16, "span");
     i0.ɵɵtext(17, "Re-run Suite");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(18, "span", 318)(19, "kbd");
+    i0.ɵɵelementStart(18, "span", 262)(19, "kbd");
     i0.ɵɵtext(20, "Cmd");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(21, "kbd");
@@ -1337,10 +1366,10 @@ function TestSuiteRunFormComponentExtended_div_136_Template(rf, ctx) { if (rf &
     i0.ɵɵelementStart(23, "kbd");
     i0.ɵɵtext(24, "R");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(25, "div", 317)(26, "span");
+    i0.ɵɵelementStart(25, "div", 261)(26, "span");
     i0.ɵɵtext(27, "Switch Tabs");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(28, "span", 318)(29, "kbd");
+    i0.ɵɵelementStart(28, "span", 262)(29, "kbd");
     i0.ɵɵtext(30, "1");
     i0.ɵɵelementEnd();
     i0.ɵɵtext(31, "-");
@@ -2048,164 +2077,170 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
     }
     static { this.ɵfac = function TestSuiteRunFormComponentExtended_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TestSuiteRunFormComponentExtended)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router), i0.ɵɵdirectiveInject(i2.ActivatedRoute), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i3.TestingDialogService), i0.ɵɵdirectiveInject(i3.EvaluationPreferencesService), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i4.ApplicationManager)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TestSuiteRunFormComponentExtended, selectors: [["mj-test-suite-run-form"]], hostBindings: function TestSuiteRunFormComponentExtended_HostBindings(rf, ctx) { if (rf & 1) {
-            i0.ɵɵlistener("keydown", function TestSuiteRunFormComponentExtended_keydown_HostBindingHandler($event) { return ctx.handleKeyboardShortcut($event); }, false, i0.ɵɵresolveDocument);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 137, vars: 48, consts: [["kendoDialogContainer", "", 1, "test-suite-run-form"], [1, "suite-run-header"], ["aria-label", "Breadcrumb", 1, "breadcrumb"], ["href", "javascript:void(0)", 3, "click"], [1, "fas", "fa-vial"], [1, "breadcrumb-text"], [4, "ngIf"], [1, "current"], [1, "fas", "fa-chevron-right", "separator"], [1, "header-content"], [1, "header-left"], [1, "suite-run-icon"], [1, "fas", 3, "ngClass"], [1, "suite-run-info"], [1, "suite-run-meta"], [1, "status-badge", 3, "ngClass"], ["class", "meta-tag environment", 4, "ngIf"], ["class", "meta-tag trigger", 4, "ngIf"], [1, "header-actions"], ["kendoButton", "", "themeColor", "primary", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "click", "disabled"], [1, "metrics-bar"], [1, "metric-card"], [1, "metric-icon"], [1, "fas", "fa-clock"], [1, "metric-content"], [1, "metric-value"], [1, "metric-label"], [1, "fas", "fa-percentage"], [1, "fas", "fa-dollar-sign"], [1, "fas", "fa-calendar"], [1, "results-summary"], [1, "result-item", "passed"], [1, "result-icon"], [1, "fas", "fa-check-circle"], [1, "result-content"], [1, "result-count"], [1, "result-label"], [1, "result-item", "failed"], [1, "fas", "fa-times-circle"], [1, "result-item", "error"], [1, "fas", "fa-exclamation-circle"], [1, "result-item", "skipped"], [1, "fas", "fa-forward"], [1, "result-item", "total"], [1, "fas", "fa-list"], ["class", "tags-bar", 4, "ngIf"], ["class", "tags-editor-panel", 4, "ngIf"], [1, "tabs-container"], ["role", "tablist", 1, "tabs"], ["role", "tab", 1, "tab", 3, "click"], [1, "fas", "fa-th-large"], ["class", "tab-badge", 4, "ngIf"], [1, "fas", "fa-info-circle"], ["role", "tab", "title", "Press 4", 1, "tab", 3, "click"], [1, "fas", "fa-chart-bar"], ["role", "tab", "title", "Press 5", 1, "tab", 3, "click"], [1, "fas", "fa-microchip"], [1, "tab-content"], ["class", "overview-tab", 4, "ngIf"], ["class", "runs-tab", 4, "ngIf"], ["class", "details-tab", 4, "ngIf"], ["class", "analytics-tab", 4, "ngIf"], ["class", "execution-tab", 4, "ngIf"], [1, "shortcuts-toggle", 3, "click", "title"], [1, "fas", "fa-keyboard"], ["class", "keyboard-shortcuts", 4, "ngIf"], [1, "fas", "fa-layer-group"], [1, "meta-tag", "environment"], [1, "fas", "fa-server"], [1, "meta-tag", "trigger"], [1, "fas", "fa-bolt"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fas", "fa-play"], [1, "tags-bar"], [1, "tags-bar-content"], [1, "tags-bar-label"], [1, "fas", "fa-tags"], ["class", "tags-bar-chips", 4, "ngIf"], ["class", "tags-bar-empty", 4, "ngIf"], ["title", "Edit tags", 1, "tags-bar-edit", 3, "click"], [1, "fas", "fa-plus"], [1, "tags-bar-chips"], ["class", "tag-inline", 4, "ngFor", "ngForOf"], [1, "tag-inline"], [1, "tags-bar-empty"], [1, "tags-editor-panel"], [1, "tags-editor-header"], [1, "tags-editor-title"], [1, "tags-editor-body"], [1, "tags-editor-chips"], ["class", "tag-editable", 4, "ngFor", "ngForOf"], ["class", "tags-empty-hint", 4, "ngIf"], [1, "tags-editor-input"], ["type", "text", "placeholder", "Type a tag and press Enter...", 1, "tag-text-input", 3, "ngModelChange", "keyup.enter", "ngModel"], ["kendoButton", "", "fillMode", "flat", 3, "click", "disabled"], [1, "tags-editor-footer"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], ["class", "fas fa-spinner fa-spin", 4, "ngIf"], ["kendoButton", "", "fillMode", "flat", 3, "click"], [1, "tag-editable"], ["title", "Remove tag", 1, "tag-remove-btn", 3, "click"], [1, "fas", "fa-times"], [1, "tags-empty-hint"], [1, "fas", "fa-spinner", "fa-spin"], [1, "tab-badge"], [1, "overview-tab"], [1, "result-hero"], [1, "result-hero-icon"], [1, "result-hero-text"], [1, "result-hero-stats"], [1, "stat-item"], [1, "stat-value"], [1, "stat-label"], [1, "stat-divider"], ["class", "evaluation-summary", 4, "ngIf"], ["class", "needs-review-section", 4, "ngIf"], ["class", "progress-section", 4, "ngIf"], [1, "evaluation-summary"], [1, "eval-summary-grid"], ["class", "eval-summary-card", 4, "ngIf"], [1, "eval-summary-card"], [1, "eval-card-header"], [1, "fa-solid", "fa-user"], [1, "eval-card-body"], [1, "eval-stat-row"], [1, "eval-stat-label"], [1, "eval-stat-value"], ["class", "eval-stat-row", 4, "ngIf"], ["class", "eval-card-footer", 4, "ngIf"], [1, "eval-stat-value", "correct"], ["class", "eval-stat-value incorrect", 4, "ngIf"], [1, "eval-stat-value", "incorrect"], [1, "eval-card-footer"], [1, "pending-badge"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-circle-check"], ["class", "eval-stat-value error", 4, "ngIf"], ["class", "eval-stat-value timeout", 4, "ngIf"], [1, "eval-stat-value", "error"], [1, "eval-stat-value", "timeout"], [1, "needs-review-section"], [1, "needs-review-header"], [1, "fa-solid", "fa-user-clock"], [1, "review-count"], [1, "needs-review-list"], ["class", "review-item", 3, "high-priority", "medium-priority", "click", 4, "ngFor", "ngForOf"], ["class", "review-more", 4, "ngIf"], [1, "review-item", 3, "click"], [1, "review-item-icon"], ["class", "fa-solid fa-exclamation-triangle", 4, "ngIf"], ["class", "fa-solid fa-circle-dot", 4, "ngIf"], ["class", "fa-solid fa-clock", 4, "ngIf"], [1, "review-item-content"], [1, "review-item-name"], [1, "review-item-reason"], [1, "review-item-action"], [1, "fa-solid", "fa-chevron-right"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-circle-dot"], [1, "review-more"], [1, "progress-section"], [1, "progress-info"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "auto-refresh-notice"], [1, "fas", "fa-sync"], [1, "runs-tab"], ["class", "runs-toolbar", 4, "ngIf"], ["class", "loading-state", 4, "ngIf"], ["class", "test-runs-list", 4, "ngIf"], ["class", "empty-state", 4, "ngIf"], [1, "runs-toolbar"], [1, "run-filters"], [1, "filter-btn", 3, "click"], ["class", "filter-btn passed", 3, "active", "click", 4, "ngIf"], ["class", "filter-btn failed", 3, "active", "click", 4, "ngIf"], ["class", "filter-btn error", 3, "active", "click", 4, "ngIf"], [1, "runs-actions"], ["kendoButton", "", 3, "click"], [1, "fas", "fa-download"], [1, "filter-btn", "passed", 3, "click"], [1, "fas", "fa-check"], [1, "filter-btn", "failed", 3, "click"], [1, "filter-btn", "error", 3, "click"], [1, "fas", "fa-exclamation"], [1, "loading-state"], [1, "skeleton-list"], ["class", "skeleton-card", 4, "ngFor", "ngForOf"], [1, "skeleton-card"], [1, "skeleton-sequence"], [1, "skeleton-icon"], [1, "skeleton-content"], [1, "skeleton-line", "wide"], [1, "skeleton-line", "narrow"], [1, "test-runs-list"], ["class", "test-run-card", 4, "ngFor", "ngForOf"], [1, "test-run-card"], [1, "test-run-item", 3, "click"], [1, "run-sequence"], [1, "run-icon"], [1, "run-content"], [1, "run-header-row"], [1, "run-name"], [3, "executionStatus", "originalStatus", "autoScore", "humanRating", "humanIsCorrect", "hasHumanFeedback", "preferences", "mode"], [1, "run-meta"], ["class", "run-duration", 4, "ngIf"], ["class", "run-cost", 4, "ngIf"], [3, "entityName", "recordId", 4, "ngIf"], ["class", "run-tags", 4, "ngIf"], [1, "run-expand"], [1, "fas"], ["class", "inline-feedback", 4, "ngIf"], [1, "run-duration"], [1, "run-cost"], [3, "entityName", "recordId"], [1, "run-tags"], ["class", "tag-chip", 4, "ngFor", "ngForOf"], [1, "tag-chip"], [1, "inline-feedback"], [1, "feedback-divider"], [1, "feedback-section"], [1, "feedback-label"], [1, "inline-rating"], [1, "rating-numbers"], ["type", "button", "class", "rating-btn", 3, "selected", "hover", "low", "mid", "high", "click", "mouseenter", "mouseleave", 4, "ngFor", "ngForOf"], ["class", "rating-info", 4, "ngIf"], [1, "correctness-row"], [1, "correctness-label"], [1, "correctness-options"], [1, "radio-opt", 3, "click"], ["type", "radio", 3, "ngModelChange", "name", "value", "ngModel"], [1, "comments-row", 3, "click"], ["placeholder", "Add comments or corrections...", "rows", "3", 1, "feedback-textarea", 3, "ngModelChange", "ngModel"], [1, "feedback-actions", 3, "click"], [1, "fas", "fa-external-link-alt"], ["type", "button", 1, "rating-btn", 3, "click", "mouseenter", "mouseleave"], [1, "rating-info"], [1, "rating-value"], [1, "rating-label-text"], [1, "empty-state"], [1, "empty-icon"], [1, "fas", "fa-inbox"], [1, "fas", "fa-filter"], [1, "details-tab"], [1, "details-card"], [1, "details-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value", "monospace"], [1, "detail-value"], ["href", "javascript:void(0)", 3, "click", 4, "ngIf"], [1, "status-inline", 3, "ngClass"], [1, "analytics-tab"], ["class", "analytics-loading", 4, "ngIf"], ["class", "analytics-section", 4, "ngIf"], [1, "analytics-loading"], [1, "analytics-section"], [1, "fas", "fa-chart-pie"], [1, "stats-grid"], [1, "stat-card"], [1, "stat-icon", "passed"], [1, "stat-content"], [1, "stat-percent"], [1, "stat-icon", "failed"], [1, "stat-icon", "score"], [1, "fas", "fa-star"], [1, "stat-icon", "duration"], [1, "stat-icon", "cost"], [1, "analytics-header"], [1, "fas", "fa-table"], [1, "analytics-legend"], [1, "legend-item", "passed"], [1, "legend-item", "failed"], [1, "legend-item", "error"], [1, "legend-item", "skipped"], [1, "results-table-wrapper"], [1, "results-table"], [1, "seq-col"], [1, "name-col"], ["class", "status-col", 4, "ngIf"], ["class", "score-col", 4, "ngIf"], ["class", "feedback-col", 4, "ngIf"], [1, "duration-col"], [1, "cost-col"], ["class", "result-row", 3, "row-passed", "row-failed", "row-error", "row-skipped", "click", 4, "ngFor", "ngForOf"], [1, "status-col"], [1, "score-col"], [1, "feedback-col"], [1, "result-row", 3, "click"], [1, "test-name-wrapper"], [1, "test-name"], ["class", "test-tags", 4, "ngIf"], ["class", "na-value", 4, "ngIf"], [1, "test-tags"], ["class", "tag-mini", 4, "ngFor", "ngForOf"], [1, "tag-mini"], ["class", "score-display", 4, "ngIf"], [1, "score-display"], [1, "score-bar-mini"], [1, "score-fill"], [1, "score-text"], [1, "na-value"], ["class", "feedback-display", 4, "ngIf"], ["class", "na-value needs-review", 4, "ngIf"], [1, "feedback-display"], [1, "feedback-rating"], ["class", "feedback-correctness", 4, "ngIf"], [1, "feedback-correctness"], [1, "na-value", "needs-review"], [1, "fas", "fa-user-clock"], [1, "execution-tab"], [3, "machineName", "machineId", "runByUserName", "runByUserEmail", "runContextDetailsJson"], [1, "keyboard-shortcuts"], [1, "shortcuts-header"], ["title", "Hide shortcuts", 1, "shortcuts-close", 3, "click"], [1, "shortcut-list"], [1, "shortcut-item"], [1, "shortcut-keys"]], template: function TestSuiteRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("keydown", function TestSuiteRunFormComponentExtended_keydown_HostBindingHandler($event) { return ctx.handleKeyboardShortcut($event); }, i0.ɵɵresolveDocument);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 137, vars: 48, consts: [["kendoDialogContainer", "", 1, "test-suite-run-form"], [1, "suite-run-header"], ["aria-label", "Breadcrumb", 1, "breadcrumb"], ["href", "javascript:void(0)", 3, "click"], [1, "fas", "fa-vial"], [1, "breadcrumb-text"], [1, "current"], [1, "fas", "fa-chevron-right", "separator"], [1, "header-content"], [1, "header-left"], [1, "suite-run-icon"], [1, "fas", 3, "ngClass"], [1, "suite-run-info"], [1, "suite-run-meta"], [1, "status-badge", 3, "ngClass"], [1, "meta-tag", "environment"], [1, "meta-tag", "trigger"], [1, "header-actions"], ["kendoButton", "", "themeColor", "primary"], ["kendoButton", "", 3, "click", "disabled"], [1, "metrics-bar"], [1, "metric-card"], [1, "metric-icon"], [1, "fas", "fa-clock"], [1, "metric-content"], [1, "metric-value"], [1, "metric-label"], [1, "fas", "fa-percentage"], [1, "fas", "fa-dollar-sign"], [1, "fas", "fa-calendar"], [1, "results-summary"], [1, "result-item", "passed"], [1, "result-icon"], [1, "fas", "fa-check-circle"], [1, "result-content"], [1, "result-count"], [1, "result-label"], [1, "result-item", "failed"], [1, "fas", "fa-times-circle"], [1, "result-item", "error"], [1, "fas", "fa-exclamation-circle"], [1, "result-item", "skipped"], [1, "fas", "fa-forward"], [1, "result-item", "total"], [1, "fas", "fa-list"], [1, "tags-bar"], [1, "tags-editor-panel"], [1, "tabs-container"], ["role", "tablist", 1, "tabs"], ["role", "tab", 1, "tab", 3, "click"], [1, "fas", "fa-th-large"], [1, "tab-badge"], [1, "fas", "fa-info-circle"], ["role", "tab", "title", "Press 4", 1, "tab", 3, "click"], [1, "fas", "fa-chart-bar"], ["role", "tab", "title", "Press 5", 1, "tab", 3, "click"], [1, "fas", "fa-microchip"], [1, "tab-content"], [1, "overview-tab"], [1, "runs-tab"], [1, "details-tab"], [1, "analytics-tab"], [1, "execution-tab"], [1, "shortcuts-toggle", 3, "click", "title"], [1, "fas", "fa-keyboard"], [1, "keyboard-shortcuts"], [1, "fas", "fa-layer-group"], [1, "fas", "fa-server"], [1, "fas", "fa-bolt"], ["kendoButton", "", "themeColor", "primary", 3, "click"], [1, "fas", "fa-play"], [1, "tags-bar-content"], [1, "tags-bar-label"], [1, "fas", "fa-tags"], [1, "tags-bar-chips"], [1, "tags-bar-empty"], ["title", "Edit tags", 1, "tags-bar-edit", 3, "click"], [1, "fas", "fa-plus"], [1, "tag-inline"], [1, "tags-editor-header"], [1, "tags-editor-title"], [1, "tags-editor-body"], [1, "tags-editor-chips"], [1, "tag-editable"], [1, "tags-empty-hint"], [1, "tags-editor-input"], ["type", "text", "placeholder", "Type a tag and press Enter...", 1, "tag-text-input", 3, "ngModelChange", "keyup.enter", "ngModel"], ["kendoButton", "", "fillMode", "flat", 3, "click", "disabled"], [1, "tags-editor-footer"], ["kendoButton", "", "themeColor", "primary", 3, "click", "disabled"], [1, "fas", "fa-spinner", "fa-spin"], ["kendoButton", "", "fillMode", "flat", 3, "click"], ["title", "Remove tag", 1, "tag-remove-btn", 3, "click"], [1, "fas", "fa-times"], [1, "result-hero"], [1, "result-hero-icon"], [1, "result-hero-text"], [1, "result-hero-stats"], [1, "stat-item"], [1, "stat-value"], [1, "stat-label"], [1, "stat-divider"], [1, "evaluation-summary"], [1, "needs-review-section"], [1, "progress-section"], [1, "eval-summary-grid"], [1, "eval-summary-card"], [1, "eval-card-header"], [1, "fa-solid", "fa-user"], [1, "eval-card-body"], [1, "eval-stat-row"], [1, "eval-stat-label"], [1, "eval-stat-value"], [1, "eval-card-footer"], [1, "eval-stat-value", "correct"], [1, "eval-stat-value", "incorrect"], [1, "pending-badge"], [1, "fa-solid", "fa-clock"], [1, "fa-solid", "fa-robot"], [1, "fa-solid", "fa-circle-check"], [1, "eval-stat-value", "error"], [1, "eval-stat-value", "timeout"], [1, "needs-review-header"], [1, "fa-solid", "fa-user-clock"], [1, "review-count"], [1, "needs-review-list"], [1, "review-item", 3, "high-priority", "medium-priority"], [1, "review-more"], [1, "review-item", 3, "click"], [1, "review-item-icon"], [1, "fa-solid", "fa-exclamation-triangle"], [1, "fa-solid", "fa-circle-dot"], [1, "review-item-content"], [1, "review-item-name"], [1, "review-item-reason"], [1, "review-item-action"], [1, "fa-solid", "fa-chevron-right"], [1, "progress-info"], [1, "fas", "fa-circle-notch", "fa-spin"], [1, "auto-refresh-notice"], [1, "fas", "fa-sync"], [1, "runs-toolbar"], [1, "loading-state"], [1, "test-runs-list"], [1, "empty-state"], [1, "run-filters"], [1, "filter-btn", 3, "click"], [1, "filter-btn", "passed", 3, "active"], [1, "filter-btn", "failed", 3, "active"], [1, "filter-btn", "error", 3, "active"], [1, "runs-actions"], ["kendoButton", "", 3, "click"], [1, "fas", "fa-download"], [1, "filter-btn", "passed", 3, "click"], [1, "fas", "fa-check"], [1, "filter-btn", "failed", 3, "click"], [1, "filter-btn", "error", 3, "click"], [1, "fas", "fa-exclamation"], [1, "skeleton-list"], [1, "skeleton-card"], [1, "skeleton-sequence"], [1, "skeleton-icon"], [1, "skeleton-content"], [1, "skeleton-line", "wide"], [1, "skeleton-line", "narrow"], [1, "test-run-card"], [1, "test-run-item", 3, "click"], [1, "run-sequence"], [1, "run-icon"], [1, "run-content"], [1, "run-header-row"], [1, "run-name"], [3, "executionStatus", "originalStatus", "autoScore", "humanRating", "humanIsCorrect", "hasHumanFeedback", "preferences", "mode"], [1, "run-meta"], [1, "run-duration"], [1, "run-cost"], [3, "entityName", "recordId"], [1, "run-tags"], [1, "run-expand"], [1, "fas"], [1, "inline-feedback"], [1, "tag-chip"], [1, "feedback-divider"], [1, "feedback-section"], [1, "feedback-label"], [1, "inline-rating"], [1, "rating-numbers"], ["type", "button", 1, "rating-btn", 3, "selected", "hover", "low", "mid", "high"], [1, "rating-info"], [1, "correctness-row"], [1, "correctness-label"], [1, "correctness-options"], [1, "radio-opt", 3, "click"], ["type", "radio", 3, "ngModelChange", "name", "value", "ngModel"], [1, "comments-row", 3, "click"], ["placeholder", "Add comments or corrections...", "rows", "3", 1, "feedback-textarea", 3, "ngModelChange", "ngModel"], [1, "feedback-actions", 3, "click"], [1, "fas", "fa-external-link-alt"], ["type", "button", 1, "rating-btn", 3, "click", "mouseenter", "mouseleave"], [1, "rating-value"], [1, "rating-label-text"], [1, "empty-icon"], [1, "fas", "fa-inbox"], [1, "fas", "fa-filter"], [1, "details-card"], [1, "details-grid"], [1, "detail-item"], [1, "detail-label"], [1, "detail-value", "monospace"], [1, "detail-value"], ["href", "javascript:void(0)"], [1, "status-inline", 3, "ngClass"], [1, "analytics-loading"], [1, "analytics-section"], [1, "fas", "fa-chart-pie"], [1, "stats-grid"], [1, "stat-card"], [1, "stat-icon", "passed"], [1, "stat-content"], [1, "stat-percent"], [1, "stat-icon", "failed"], [1, "stat-icon", "score"], [1, "fas", "fa-star"], [1, "stat-icon", "duration"], [1, "stat-icon", "cost"], [1, "analytics-header"], [1, "fas", "fa-table"], [1, "analytics-legend"], [1, "legend-item", "passed"], [1, "legend-item", "failed"], [1, "legend-item", "error"], [1, "legend-item", "skipped"], [1, "results-table-wrapper"], [1, "results-table"], [1, "seq-col"], [1, "name-col"], [1, "status-col"], [1, "score-col"], [1, "feedback-col"], [1, "duration-col"], [1, "cost-col"], [1, "result-row", 3, "row-passed", "row-failed", "row-error", "row-skipped"], [1, "result-row", 3, "click"], [1, "test-name-wrapper"], [1, "test-name"], [1, "test-tags"], [1, "na-value"], [1, "tag-mini"], [1, "score-display"], [1, "score-bar-mini"], [1, "score-fill"], [1, "score-text"], [1, "feedback-display"], [1, "na-value", "needs-review"], [1, "feedback-rating"], [1, "feedback-correctness"], [1, "fas", "fa-user-clock"], [3, "machineName", "machineId", "runByUserName", "runByUserEmail", "runContextDetailsJson"], [1, "shortcuts-header"], ["title", "Hide shortcuts", 1, "shortcuts-close", 3, "click"], [1, "shortcut-list"], [1, "shortcut-item"], [1, "shortcut-keys"]], template: function TestSuiteRunFormComponentExtended_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "nav", 2)(3, "ol")(4, "li")(5, "a", 3);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_a_click_5_listener() { return ctx.navigateToTestingDashboard(); });
             i0.ɵɵelement(6, "i", 4);
             i0.ɵɵelementStart(7, "span", 5);
             i0.ɵɵtext(8, "Testing");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵtemplate(9, TestSuiteRunFormComponentExtended_li_9_Template, 6, 1, "li", 6);
-            i0.ɵɵelementStart(10, "li", 7);
-            i0.ɵɵelement(11, "i", 8);
+            i0.ɵɵconditionalCreate(9, TestSuiteRunFormComponentExtended_Conditional_9_Template, 6, 1, "li");
+            i0.ɵɵelementStart(10, "li", 6);
+            i0.ɵɵelement(11, "i", 7);
             i0.ɵɵelementStart(12, "span");
             i0.ɵɵtext(13);
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(14, "div", 9)(15, "div", 10)(16, "div", 11);
-            i0.ɵɵelement(17, "i", 12);
+            i0.ɵɵelementStart(14, "div", 8)(15, "div", 9)(16, "div", 10);
+            i0.ɵɵelement(17, "i", 11);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "div", 13)(19, "h1");
+            i0.ɵɵelementStart(18, "div", 12)(19, "h1");
             i0.ɵɵtext(20, "Suite Run");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(21, "div", 14)(22, "span", 15);
-            i0.ɵɵelement(23, "i", 12);
+            i0.ɵɵelementStart(21, "div", 13)(22, "span", 14);
+            i0.ɵɵelement(23, "i", 11);
             i0.ɵɵtext(24);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(25, TestSuiteRunFormComponentExtended_span_25_Template, 3, 1, "span", 16)(26, TestSuiteRunFormComponentExtended_span_26_Template, 3, 1, "span", 17);
+            i0.ɵɵconditionalCreate(25, TestSuiteRunFormComponentExtended_Conditional_25_Template, 3, 1, "span", 15);
+            i0.ɵɵconditionalCreate(26, TestSuiteRunFormComponentExtended_Conditional_26_Template, 3, 1, "span", 16);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(27, "div", 18);
+            i0.ɵɵelementStart(27, "div", 17);
             i0.ɵɵelement(28, "app-evaluation-mode-toggle");
-            i0.ɵɵtemplate(29, TestSuiteRunFormComponentExtended_button_29_Template, 3, 0, "button", 19);
-            i0.ɵɵelementStart(30, "button", 20);
+            i0.ɵɵconditionalCreate(29, TestSuiteRunFormComponentExtended_Conditional_29_Template, 3, 0, "button", 18);
+            i0.ɵɵelementStart(30, "button", 19);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_30_listener() { return ctx.refresh(); });
-            i0.ɵɵelement(31, "i", 12);
+            i0.ɵɵelement(31, "i", 11);
             i0.ɵɵtext(32);
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(33, "div", 21)(34, "div", 22)(35, "div", 23);
-            i0.ɵɵelement(36, "i", 24);
+            i0.ɵɵelementStart(33, "div", 20)(34, "div", 21)(35, "div", 22);
+            i0.ɵɵelement(36, "i", 23);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(37, "div", 25)(38, "div", 26);
+            i0.ɵɵelementStart(37, "div", 24)(38, "div", 25);
             i0.ɵɵtext(39);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(40, "div", 27);
+            i0.ɵɵelementStart(40, "div", 26);
             i0.ɵɵtext(41, "Duration");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(42, "div", 22)(43, "div", 23);
-            i0.ɵɵelement(44, "i", 28);
+            i0.ɵɵelementStart(42, "div", 21)(43, "div", 22);
+            i0.ɵɵelement(44, "i", 27);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(45, "div", 25)(46, "div", 26);
+            i0.ɵɵelementStart(45, "div", 24)(46, "div", 25);
             i0.ɵɵtext(47);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(48, "div", 27);
+            i0.ɵɵelementStart(48, "div", 26);
             i0.ɵɵtext(49, "Pass Rate");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(50, "div", 22)(51, "div", 23);
-            i0.ɵɵelement(52, "i", 29);
+            i0.ɵɵelementStart(50, "div", 21)(51, "div", 22);
+            i0.ɵɵelement(52, "i", 28);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(53, "div", 25)(54, "div", 26);
+            i0.ɵɵelementStart(53, "div", 24)(54, "div", 25);
             i0.ɵɵtext(55);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(56, "div", 27);
+            i0.ɵɵelementStart(56, "div", 26);
             i0.ɵɵtext(57, "Total Cost");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(58, "div", 22)(59, "div", 23);
-            i0.ɵɵelement(60, "i", 30);
+            i0.ɵɵelementStart(58, "div", 21)(59, "div", 22);
+            i0.ɵɵelement(60, "i", 29);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(61, "div", 25)(62, "div", 26);
+            i0.ɵɵelementStart(61, "div", 24)(62, "div", 25);
             i0.ɵɵtext(63);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(64, "div", 27);
+            i0.ɵɵelementStart(64, "div", 26);
             i0.ɵɵtext(65, "Started");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(66, "div", 31)(67, "div", 32)(68, "div", 33);
-            i0.ɵɵelement(69, "i", 34);
+            i0.ɵɵelementStart(66, "div", 30)(67, "div", 31)(68, "div", 32);
+            i0.ɵɵelement(69, "i", 33);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(70, "div", 35)(71, "span", 36);
+            i0.ɵɵelementStart(70, "div", 34)(71, "span", 35);
             i0.ɵɵtext(72);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(73, "span", 37);
+            i0.ɵɵelementStart(73, "span", 36);
             i0.ɵɵtext(74, "Passed");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(75, "div", 38)(76, "div", 33);
-            i0.ɵɵelement(77, "i", 39);
+            i0.ɵɵelementStart(75, "div", 37)(76, "div", 32);
+            i0.ɵɵelement(77, "i", 38);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(78, "div", 35)(79, "span", 36);
+            i0.ɵɵelementStart(78, "div", 34)(79, "span", 35);
             i0.ɵɵtext(80);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(81, "span", 37);
+            i0.ɵɵelementStart(81, "span", 36);
             i0.ɵɵtext(82, "Failed");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(83, "div", 40)(84, "div", 33);
-            i0.ɵɵelement(85, "i", 41);
+            i0.ɵɵelementStart(83, "div", 39)(84, "div", 32);
+            i0.ɵɵelement(85, "i", 40);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(86, "div", 35)(87, "span", 36);
+            i0.ɵɵelementStart(86, "div", 34)(87, "span", 35);
             i0.ɵɵtext(88);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(89, "span", 37);
+            i0.ɵɵelementStart(89, "span", 36);
             i0.ɵɵtext(90, "Errors");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(91, "div", 42)(92, "div", 33);
-            i0.ɵɵelement(93, "i", 43);
+            i0.ɵɵelementStart(91, "div", 41)(92, "div", 32);
+            i0.ɵɵelement(93, "i", 42);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(94, "div", 35)(95, "span", 36);
+            i0.ɵɵelementStart(94, "div", 34)(95, "span", 35);
             i0.ɵɵtext(96);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(97, "span", 37);
+            i0.ɵɵelementStart(97, "span", 36);
             i0.ɵɵtext(98, "Skipped");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(99, "div", 44)(100, "div", 33);
-            i0.ɵɵelement(101, "i", 45);
+            i0.ɵɵelementStart(99, "div", 43)(100, "div", 32);
+            i0.ɵɵelement(101, "i", 44);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(102, "div", 35)(103, "span", 36);
+            i0.ɵɵelementStart(102, "div", 34)(103, "span", 35);
             i0.ɵɵtext(104);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(105, "span", 37);
+            i0.ɵɵelementStart(105, "span", 36);
             i0.ɵɵtext(106, "Total");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵtemplate(107, TestSuiteRunFormComponentExtended_div_107_Template, 9, 2, "div", 46)(108, TestSuiteRunFormComponentExtended_div_108_Template, 19, 7, "div", 47);
+            i0.ɵɵconditionalCreate(107, TestSuiteRunFormComponentExtended_Conditional_107_Template, 9, 2, "div", 45);
+            i0.ɵɵconditionalCreate(108, TestSuiteRunFormComponentExtended_Conditional_108_Template, 20, 6, "div", 46);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(109, "div", 48)(110, "div", 49)(111, "button", 50);
+            i0.ɵɵelementStart(109, "div", 47)(110, "div", 48)(111, "button", 49);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_111_listener() { return ctx.changeTab("overview"); });
-            i0.ɵɵelement(112, "i", 51);
+            i0.ɵɵelement(112, "i", 50);
             i0.ɵɵtext(113, " Overview ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(114, "button", 50);
+            i0.ɵɵelementStart(114, "button", 49);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_114_listener() { return ctx.changeTab("runs"); });
-            i0.ɵɵelement(115, "i", 45);
+            i0.ɵɵelement(115, "i", 44);
             i0.ɵɵtext(116, " Test Runs ");
-            i0.ɵɵtemplate(117, TestSuiteRunFormComponentExtended_span_117_Template, 2, 1, "span", 52);
+            i0.ɵɵconditionalCreate(117, TestSuiteRunFormComponentExtended_Conditional_117_Template, 2, 1, "span", 51);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(118, "button", 50);
+            i0.ɵɵelementStart(118, "button", 49);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_118_listener() { return ctx.changeTab("details"); });
-            i0.ɵɵelement(119, "i", 53);
+            i0.ɵɵelement(119, "i", 52);
             i0.ɵɵtext(120, " Details ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(121, "button", 54);
+            i0.ɵɵelementStart(121, "button", 53);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_121_listener() { return ctx.changeTab("analytics"); });
-            i0.ɵɵelement(122, "i", 55);
+            i0.ɵɵelement(122, "i", 54);
             i0.ɵɵtext(123, " Analytics ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(124, "button", 56);
+            i0.ɵɵelementStart(124, "button", 55);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_124_listener() { return ctx.changeTab("execution"); });
-            i0.ɵɵelement(125, "i", 57);
+            i0.ɵɵelement(125, "i", 56);
             i0.ɵɵelementStart(126, "span");
             i0.ɵɵtext(127, "Execution");
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(128, "div", 58);
-            i0.ɵɵtemplate(129, TestSuiteRunFormComponentExtended_div_129_Template, 22, 16, "div", 59)(130, TestSuiteRunFormComponentExtended_div_130_Template, 6, 5, "div", 60)(131, TestSuiteRunFormComponentExtended_div_131_Template, 60, 18, "div", 61)(132, TestSuiteRunFormComponentExtended_div_132_Template, 5, 4, "div", 62)(133, TestSuiteRunFormComponentExtended_div_133_Template, 2, 5, "div", 63);
+            i0.ɵɵelementStart(128, "div", 57);
+            i0.ɵɵconditionalCreate(129, TestSuiteRunFormComponentExtended_Conditional_129_Template, 22, 16, "div", 58);
+            i0.ɵɵconditionalCreate(130, TestSuiteRunFormComponentExtended_Conditional_130_Template, 6, 5, "div", 59);
+            i0.ɵɵconditionalCreate(131, TestSuiteRunFormComponentExtended_Conditional_131_Template, 60, 18, "div", 60);
+            i0.ɵɵconditionalCreate(132, TestSuiteRunFormComponentExtended_Conditional_132_Template, 5, 4, "div", 61);
+            i0.ɵɵconditionalCreate(133, TestSuiteRunFormComponentExtended_Conditional_133_Template, 2, 5, "div", 62);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(134, "button", 64);
+            i0.ɵɵelementStart(134, "button", 63);
             i0.ɵɵlistener("click", function TestSuiteRunFormComponentExtended_Template_button_click_134_listener() { return ctx.toggleShortcuts(); });
-            i0.ɵɵelement(135, "i", 65);
+            i0.ɵɵelement(135, "i", 64);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(136, TestSuiteRunFormComponentExtended_div_136_Template, 34, 0, "div", 66);
+            i0.ɵɵconditionalCreate(136, TestSuiteRunFormComponentExtended_Conditional_136_Template, 34, 0, "div", 65);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance(9);
-            i0.ɵɵproperty("ngIf", ctx.testSuite);
+            i0.ɵɵconditional(ctx.testSuite ? 9 : -1);
             i0.ɵɵadvance(4);
-            i0.ɵɵtextInterpolate1("Run #", ctx.record.ID.substring(0, 8), "");
+            i0.ɵɵtextInterpolate1("Run #", ctx.record.ID.substring(0, 8));
             i0.ɵɵadvance(3);
             i0.ɵɵstyleProp("background-color", ctx.getStatusColor());
             i0.ɵɵadvance();
@@ -2217,11 +2252,11 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
             i0.ɵɵadvance();
             i0.ɵɵtextInterpolate1(" ", ctx.record.Status, " ");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.record.Environment);
+            i0.ɵɵconditional(ctx.record.Environment ? 25 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.record.TriggerType);
+            i0.ɵɵconditional(ctx.record.TriggerType ? 26 : -1);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.record.SuiteID);
+            i0.ɵɵconditional(ctx.record.SuiteID ? 29 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("disabled", ctx.isRefreshing);
             i0.ɵɵadvance();
@@ -2247,9 +2282,9 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
             i0.ɵɵadvance(8);
             i0.ɵɵtextInterpolate(ctx.record.TotalTests || 0);
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", !ctx.editingTags);
+            i0.ɵɵconditional(!ctx.editingTags ? 107 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.editingTags);
+            i0.ɵɵconditional(ctx.editingTags ? 108 : -1);
             i0.ɵɵadvance(3);
             i0.ɵɵclassProp("active", ctx.activeTab === "overview");
             i0.ɵɵattribute("aria-selected", ctx.activeTab === "overview");
@@ -2257,7 +2292,7 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
             i0.ɵɵclassProp("active", ctx.activeTab === "runs");
             i0.ɵɵattribute("aria-selected", ctx.activeTab === "runs");
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", ctx.testRunsLoaded);
+            i0.ɵɵconditional(ctx.testRunsLoaded ? 117 : -1);
             i0.ɵɵadvance();
             i0.ɵɵclassProp("active", ctx.activeTab === "details");
             i0.ɵɵattribute("aria-selected", ctx.activeTab === "details");
@@ -2268,20 +2303,20 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
             i0.ɵɵclassProp("active", ctx.activeTab === "execution");
             i0.ɵɵattribute("aria-selected", ctx.activeTab === "execution");
             i0.ɵɵadvance(5);
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "overview");
+            i0.ɵɵconditional(ctx.activeTab === "overview" ? 129 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "runs");
+            i0.ɵɵconditional(ctx.activeTab === "runs" ? 130 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "details");
+            i0.ɵɵconditional(ctx.activeTab === "details" ? 131 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "analytics");
+            i0.ɵɵconditional(ctx.activeTab === "analytics" ? 132 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.activeTab === "execution");
+            i0.ɵɵconditional(ctx.activeTab === "execution" ? 133 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("title", ctx.showShortcuts ? "Hide keyboard shortcuts" : "Show keyboard shortcuts");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.showShortcuts);
-        } }, dependencies: [i5.NgClass, i5.NgForOf, i5.NgIf, i6.DefaultValueAccessor, i6.RadioControlValueAccessor, i6.NgControlStatus, i6.NgModel, i7.DialogContainerDirective, i8.ButtonComponent, i3.EvaluationBadgeComponent, i3.EvaluationModeToggleComponent, i3.ExecutionContextComponent, i9.EntityLinkPillComponent, i5.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n  --suite-run-primary: #3b82f6;\n  --suite-run-primary-light: #eff6ff;\n  --suite-run-success: #10b981;\n  --suite-run-success-light: #ecfdf5;\n  --suite-run-danger: #ef4444;\n  --suite-run-danger-light: #fef2f2;\n  --suite-run-warning: #f59e0b;\n  --suite-run-warning-light: #fffbeb;\n  --suite-run-info: #8b5cf6;\n  --suite-run-info-light: #f5f3ff;\n  --suite-run-neutral: #6b7280;\n  --suite-run-neutral-light: #f9fafb;\n  --suite-run-bg: #f8fafc;\n  --suite-run-card: #ffffff;\n  --suite-run-border: #e2e8f0;\n  --suite-run-text: #1e293b;\n  --suite-run-text-secondary: #64748b;\n  --suite-run-radius: 12px;\n  --suite-run-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --suite-run-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --suite-run-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\n\n.test-suite-run-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--suite-run-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\n\n\n\n.suite-run-header[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  padding: 20px 24px;\n}\n\n\n\n.breadcrumb[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   ol[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  background: rgba(59, 130, 246, 0.1);\n  text-decoration: none;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .separator[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--suite-run-text-secondary);\n  margin: 0 4px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-weight: 500;\n}\n\n.breadcrumb-text[_ngcontent-%COMP%] {\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n\n.suite-run-icon[_ngcontent-%COMP%] {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--suite-run-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.suite-run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.status-badge.status-completed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-badge.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-badge.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-badge.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-badge.status-cancelled[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.meta-tag[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.meta-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  padding: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.metric-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-card);\n  border-radius: 10px;\n  color: var(--suite-run-primary);\n  font-size: 16px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  margin-top: 2px;\n}\n\n\n\n\n\n.results-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding-top: 20px;\n  border-top: 1px solid var(--suite-run-border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.result-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  flex-shrink: 0;\n  transition: var(--suite-run-transition);\n}\n\n.result-item[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.result-icon[_ngcontent-%COMP%] {\n  font-size: 24px;\n}\n\n.result-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\n.result-count[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.result-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.result-item.passed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.passed[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.result-item.failed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.failed[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.result-item.error[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.error[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.result-item.skipped[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.skipped[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n.result-item.total[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.total[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n\n\n\n\n.tabs-container[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 0 24px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n\n.tabs[_ngcontent-%COMP%]::-webkit-scrollbar {\n  display: none;\n}\n\n.tab[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  white-space: nowrap;\n  position: relative;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tab.active[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  border-bottom-color: var(--suite-run-primary);\n  font-weight: 600;\n}\n\n.tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 15px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n  background: var(--suite-run-border);\n  color: var(--suite-run-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.tab-shortcut[_ngcontent-%COMP%] {\n  display: none;\n  width: 18px;\n  height: 18px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n}\n\n\n\n\n\n.tab-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n}\n\n\n\n\n\n.overview-tab[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.result-hero[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 48px 32px;\n  text-align: center;\n  border: 2px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n}\n\n.result-hero.passed[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  border-color: var(--suite-run-success);\n}\n\n.result-hero.failed[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);\n  border-color: var(--suite-run-danger);\n}\n\n.result-hero.running[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: var(--suite-run-primary);\n}\n\n.result-hero.pending[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n  border-color: var(--suite-run-info);\n}\n\n.result-hero-icon[_ngcontent-%COMP%] {\n  font-size: 72px;\n  margin-bottom: 20px;\n}\n\n.result-hero.passed[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.result-hero.failed[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.result-hero.running[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.result-hero.pending[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-info);\n}\n\n.result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.result-hero-stats[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-divider[_ngcontent-%COMP%] {\n  width: 1px;\n  height: 40px;\n  background: var(--suite-run-border);\n}\n\n\n\n.progress-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: var(--suite-run-radius);\n  padding: 20px;\n  text-align: center;\n}\n\n.progress-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--suite-run-primary);\n  margin-bottom: 8px;\n}\n\n.progress-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n}\n\n.auto-refresh-notice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n\n\n\n\n.runs-tab[_ngcontent-%COMP%] {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.skeleton-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 1px solid var(--suite-run-border);\n}\n\n.skeleton-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 50%;\n}\n\n.skeleton-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n.skeleton-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line[_ngcontent-%COMP%] {\n  height: 14px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 4px;\n}\n\n.skeleton-line.wide[_ngcontent-%COMP%] {\n  width: 70%;\n}\n\n.skeleton-line.narrow[_ngcontent-%COMP%] {\n  width: 40%;\n}\n\n@keyframes _ngcontent-%COMP%_shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n\n\n.test-runs-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n  border-color: #93c5fd;\n  transform: translateX(4px);\n}\n\n.test-run-item[_ngcontent-%COMP%]:active {\n  transform: translateX(2px);\n}\n\n.run-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.run-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  color: white;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.run-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-status[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n\n.run-score[_ngcontent-%COMP%], \n.run-duration[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-score[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.run-duration[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.test-run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  color: #cbd5e1;\n  font-size: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover    > i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  transform: translateX(4px);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 2px dashed var(--suite-run-border);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: #cbd5e1;\n}\n\n.empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: var(--suite-run-text-secondary);\n  max-width: 300px;\n}\n\n\n\n\n\n.details-tab[_ngcontent-%COMP%] {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.details-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.details-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--suite-run-text);\n  word-wrap: break-word;\n}\n\n.detail-value.monospace[_ngcontent-%COMP%] {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  background: var(--suite-run-neutral-light);\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  font-weight: 500;\n  transition: var(--suite-run-transition);\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.status-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-inline.status-completed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-inline.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-inline.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-inline.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-inline.status-cancelled[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n\n\n\n\n\n\n.shortcuts-toggle[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  box-shadow: var(--suite-run-shadow);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--suite-run-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  padding: 12px 16px;\n  box-shadow: var(--suite-run-shadow-lg);\n  font-size: 12px;\n  z-index: 100;\n  opacity: 0.9;\n  transition: var(--suite-run-transition);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n}\n\n.shortcuts-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.shortcuts-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.shortcuts-close[_ngcontent-%COMP%] {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--suite-run-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--suite-run-transition);\n}\n\n.shortcuts-close[_ngcontent-%COMP%]:hover {\n  color: var(--suite-run-text);\n  background: var(--suite-run-border);\n}\n\n.shortcut-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.shortcut-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child {\n  color: var(--suite-run-text-secondary);\n}\n\n.shortcut-keys[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\nkbd[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  box-shadow: 0 1px 0 #94a3b8;\n}\n\n\n\n\n\n@media (max-width: 1024px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 16px 20px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .result-hero-stats[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .stat-divider[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .tab-shortcut[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .suite-run-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .header-actions[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 12px;\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n\n  .metric-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .results-summary[_ngcontent-%COMP%] {\n    gap: 8px;\n    padding-top: 16px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: -8px;\n  }\n\n  .result-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    min-width: 90px;\n  }\n\n  .result-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .result-count[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 16px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n    font-size: 13px;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .result-hero[_ngcontent-%COMP%] {\n    padding: 32px 20px;\n  }\n\n  .result-hero-icon[_ngcontent-%COMP%] {\n    font-size: 56px;\n  }\n\n  .result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 24px;\n  }\n\n  .stat-value[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .run-sequence[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n\n  .run-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .run-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .run-meta[_ngcontent-%COMP%] {\n    gap: 10px;\n    font-size: 11px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 40px 16px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%] {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n  }\n\n  .details-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    gap: 16px;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%], .shortcuts-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 480px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .breadcrumb[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-bottom: 12px;\n  }\n\n  .suite-run-icon[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n\n  .suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .suite-run-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .status-badge[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .meta-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    padding: 3px 8px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 10px;\n    gap: 6px;\n  }\n\n  .metric-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .metric-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n  }\n\n  .result-item[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    min-width: 80px;\n    gap: 8px;\n  }\n\n  .result-icon[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .result-count[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .result-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 12px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    gap: 6px;\n  }\n\n  .tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .result-hero[_ngcontent-%COMP%] {\n    padding: 24px 16px;\n  }\n\n  .result-hero-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .stat-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .progress-section[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .progress-info[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .run-sequence[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    font-size: 11px;\n  }\n\n  .run-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n    border-radius: 8px;\n  }\n\n  .run-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-bottom: 3px;\n  }\n\n  .run-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n    font-size: 10px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 32px 12px;\n  }\n\n  .empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .details-card[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .detail-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .detail-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n}\n\n\n\n\n\n@media (hover: none) and (pointer: coarse) {\n  .test-run-item[_ngcontent-%COMP%] {\n    min-height: 64px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%]:hover {\n    transform: none;\n    background: var(--suite-run-card);\n    border-color: var(--suite-run-border);\n  }\n\n  .test-run-item[_ngcontent-%COMP%]:active {\n    background: var(--suite-run-primary-light);\n    border-color: #93c5fd;\n  }\n\n  .tab[_ngcontent-%COMP%]:hover {\n    background: transparent;\n    color: var(--suite-run-text-secondary);\n  }\n\n  .tab[_ngcontent-%COMP%]:active {\n    background: var(--suite-run-primary-light);\n    color: var(--suite-run-primary);\n  }\n\n  .metric-card[_ngcontent-%COMP%]:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .result-item[_ngcontent-%COMP%]:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media print {\n  .suite-run-header[_ngcontent-%COMP%] {\n    background: white;\n    box-shadow: none;\n    border-bottom: 2px solid #000;\n  }\n\n  .tabs-container[_ngcontent-%COMP%], \n   .header-actions[_ngcontent-%COMP%], \n   .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 20px 0;\n  }\n\n  .result-hero[_ngcontent-%COMP%], \n   .test-run-item[_ngcontent-%COMP%], \n   .details-card[_ngcontent-%COMP%] {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\n\n\n\n\n@media (prefers-color-scheme: dark) {\n  \n\n}\n\n\n\n\n\n.tags-bar[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);\n  border: 1px solid rgba(59, 130, 246, 0.15);\n  border-radius: 8px;\n  max-width: 600px;\n}\n\n.tags-bar-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.tags-bar-label[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n}\n\n.tags-bar-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n.tags-bar-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1;\n}\n\n.tag-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.tags-bar-empty[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  opacity: 0.7;\n  flex: 1;\n}\n\n.tags-bar-edit[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  background: transparent;\n  border: 1px dashed var(--suite-run-border);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.tags-bar-edit[_ngcontent-%COMP%]:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tags-bar-edit[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n\n\n.tags-editor-panel[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n  max-width: 600px;\n}\n\n.tags-editor-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--suite-run-primary-light);\n  border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.tags-editor-title[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tags-editor-body[_ngcontent-%COMP%] {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tags-editor-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-height: 32px;\n}\n\n.tag-editable[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 8px 5px 12px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  border-radius: 14px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n  border: none;\n  color: var(--suite-run-primary);\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 9px;\n  opacity: 0.6;\n  transition: var(--suite-run-transition);\n}\n\n.tag-remove-btn[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.tags-empty-hint[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  font-style: italic;\n  padding: 4px 0;\n}\n\n.tags-editor-input[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag-text-input[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 10px 14px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 13px;\n  background: var(--suite-run-neutral-light);\n}\n\n.tag-text-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  background: var(--suite-run-card);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.tag-text-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n.tags-editor-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-top: 1px solid var(--suite-run-border);\n}\n\n\n\n\n\n.runs-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.run-filters[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n  padding: 6px 14px;\n  border: 1px solid var(--suite-run-border);\n  background: var(--suite-run-card);\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n  color: white;\n}\n\n.filter-btn.passed[_ngcontent-%COMP%]:hover, \n.filter-btn.passed.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-success);\n  border-color: var(--suite-run-success);\n  color: white;\n}\n\n.filter-btn.failed[_ngcontent-%COMP%]:hover, \n.filter-btn.failed.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger);\n  border-color: var(--suite-run-danger);\n  color: white;\n}\n\n.filter-btn.error[_ngcontent-%COMP%]:hover, \n.filter-btn.error.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning);\n  border-color: var(--suite-run-warning);\n  color: white;\n}\n\n.runs-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n\n\n.test-run-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n  margin-bottom: 10px;\n}\n\n.test-run-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.run-header-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-feedback-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.run-feedback-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.run-tags[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.tag-mini[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.tag-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1d4ed8;\n}\n\n.run-expand[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover   .run-expand[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.run-cost[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-cost[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n\n\n\n\n.inline-feedback[_ngcontent-%COMP%] {\n  padding: 0 16px 16px;\n  animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.feedback-divider[_ngcontent-%COMP%] {\n  height: 1px;\n  background: var(--suite-run-border);\n  margin-bottom: 16px;\n}\n\n.feedback-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.feedback-label[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.inline-rating[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rating-numbers[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rating-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: 2px solid var(--suite-run-border);\n  border-radius: 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.rating-btn[_ngcontent-%COMP%]:hover, \n.rating-btn.hover[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.low[_ngcontent-%COMP%]:hover, \n.rating-btn.low.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.rating-btn.mid[_ngcontent-%COMP%]:hover, \n.rating-btn.mid.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.rating-btn.high[_ngcontent-%COMP%]:hover, \n.rating-btn.high.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.rating-btn.selected[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.selected.low[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger);\n  color: white;\n}\n\n.rating-btn.selected.mid[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning);\n  color: white;\n}\n\n.rating-btn.selected.high[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success);\n  color: white;\n}\n\n.rating-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 8px;\n}\n\n.rating-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.rating-label-text[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.correctness-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.correctness-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.correctness-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n}\n\n.radio-opt[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.radio-opt[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.comments-row[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.feedback-textarea[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  min-height: 80px;\n}\n\n.feedback-textarea[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n.feedback-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 8px;\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .tags-bar[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n  }\n\n  .tags-bar-content[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .tag-inline[_ngcontent-%COMP%] {\n    padding: 3px 8px;\n    font-size: 10px;\n  }\n\n  .tags-editor-panel[_ngcontent-%COMP%] {\n    margin-top: 12px;\n  }\n\n  .tags-editor-body[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .tags-editor-footer[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .runs-toolbar[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .run-filters[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .runs-actions[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .rating-numbers[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .rating-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n\n  .correctness-row[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .feedback-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .feedback-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n\n\n@keyframes _ngcontent-%COMP%_pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.result-hero.running[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\n}\n\n\n\n.overview-tab[_ngcontent-%COMP%], \n.runs-tab[_ngcontent-%COMP%], \n.details-tab[_ngcontent-%COMP%], \n.analytics-tab[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n\n\n\n\n.analytics-tab[_ngcontent-%COMP%] {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analytics-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.analytics-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.analytics-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.analytics-legend[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.legend-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.legend-item.passed[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.legend-item.failed[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.legend-item.error[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.legend-item.skipped[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n\n\n.performance-matrix[_ngcontent-%COMP%] {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.matrix-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 2fr 120px 150px 100px 100px;\n  border-bottom: 1px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n  cursor: pointer;\n}\n\n.matrix-row[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.matrix-row[_ngcontent-%COMP%]:hover:not(.matrix-header-row) {\n  background: var(--suite-run-primary-light);\n}\n\n.matrix-row.passed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.matrix-row.failed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.matrix-row.error[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.matrix-row.skipped[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n.matrix-header-row[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  cursor: default;\n}\n\n.matrix-cell[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n}\n\n.test-name-cell[_ngcontent-%COMP%] {\n  gap: 12px;\n}\n\n.test-sequence[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.test-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-indicator.status-passed[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.status-indicator.status-failed[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.status-indicator.status-error[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.status-indicator.status-skipped[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n.status-indicator.status-pending[_ngcontent-%COMP%] {\n  color: var(--suite-run-info);\n}\n\n.status-indicator.status-running[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.score-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.score-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: 10px;\n  transition: width 0.3s ease;\n}\n\n.score-fill.high[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-success) 0%, #34d399 100%);\n}\n\n.score-fill.medium[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-warning) 0%, #fbbf24 100%);\n}\n\n.score-fill.low[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-danger) 0%, #f87171 100%);\n}\n\n.score-text[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.na-value[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n\n\n.stats-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 12px;\n  transition: var(--suite-run-transition);\n}\n\n.stat-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.stat-icon[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  font-size: 20px;\n}\n\n.stat-icon.passed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.stat-icon.failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.stat-icon.score[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.stat-icon.duration[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.stat-icon.cost[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.stat-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-card[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-percent[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n\n\n@media (max-width: 768px) {\n  .analytics-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .matrix-row[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 12px;\n  }\n\n  .matrix-header-row[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .matrix-cell[_ngcontent-%COMP%] {\n    padding: 4px 0;\n  }\n\n  .test-name-cell[_ngcontent-%COMP%]::before, \n   .status-cell[_ngcontent-%COMP%]::before, \n   .score-cell[_ngcontent-%COMP%]::before, \n   .duration-cell[_ngcontent-%COMP%]::before, \n   .cost-cell[_ngcontent-%COMP%]::before {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--suite-run-text-secondary);\n    text-transform: uppercase;\n    margin-right: 8px;\n    min-width: 80px;\n  }\n\n  .status-cell[_ngcontent-%COMP%]::before { content: 'Status:'; }\n  .score-cell[_ngcontent-%COMP%]::before { content: 'Score:'; }\n  .duration-cell[_ngcontent-%COMP%]::before { content: 'Duration:'; }\n  .cost-cell[_ngcontent-%COMP%]::before { content: 'Cost:'; }\n\n  .stats-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .stat-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .stat-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n}\n\n\n\n.tab[_ngcontent-%COMP%]:focus-visible, \n.test-run-item[_ngcontent-%COMP%]:focus-visible, \nbutton[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--suite-run-primary);\n  outline-offset: 2px;\n}\n\n\n\n\n\n.analytics-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 60px 20px;\n  color: var(--suite-run-text-secondary);\n}\n\n.analytics-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: var(--suite-run-primary);\n}\n\n\n\n\n\n.results-table-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.results-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.results-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n}\n\n.results-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.results-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n}\n\n.results-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n  border-bottom: none;\n}\n\n\n\n.seq-col[_ngcontent-%COMP%] {\n  width: 40px;\n  min-width: 40px;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.name-col[_ngcontent-%COMP%] {\n  \n\n  width: auto;\n  max-width: 50%;\n}\n\n.status-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n}\n\n.score-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  min-width: 120px; \n\n  white-space: nowrap;\n}\n\n.duration-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: right;\n}\n\n.cost-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: right;\n}\n\n\n\n.result-row[_ngcontent-%COMP%] {\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.result-row[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.result-row.row-passed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.result-row.row-failed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.result-row.row-error[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.result-row.row-skipped[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n\n\n.test-name-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.test-name-wrapper[_ngcontent-%COMP%]   .test-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.test-tags[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n\n\n.score-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.score-bar-mini[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 6px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 3px;\n  overflow: hidden;\n  min-width: 60px;\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.3s ease;\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.high[_ngcontent-%COMP%] {\n  background: var(--suite-run-success);\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.medium[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning);\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.low[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger);\n}\n\n.score-display[_ngcontent-%COMP%]   .score-text[_ngcontent-%COMP%] {\n  position: static;\n  transform: none;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  min-width: 35px;\n  text-align: right;\n}\n\n\n\n.results-table[_ngcontent-%COMP%]   .status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-passed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-error[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-skipped[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n\n\n@media (max-width: 768px) {\n  .results-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n  }\n\n  .results-table[_ngcontent-%COMP%] {\n    min-width: 600px;\n  }\n\n  .results-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n   .results-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .name-col[_ngcontent-%COMP%] {\n    min-width: 150px;\n  }\n}\n\n\n\n\n\n@media (prefers-contrast: high) {\n  .status-badge[_ngcontent-%COMP%], \n   .status-inline[_ngcontent-%COMP%] {\n    border: 2px solid currentColor;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    border-width: 2px;\n  }\n\n  .tab.active[_ngcontent-%COMP%] {\n    border-bottom-width: 4px;\n  }\n}\n\n\n\n\n\n.evaluation-summary[_ngcontent-%COMP%] {\n  margin-top: 20px;\n}\n\n.eval-summary-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n\n.eval-summary-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n}\n\n.eval-summary-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.eval-card-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-bottom: 1px solid var(--suite-run-border);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.eval-card-body[_ngcontent-%COMP%] {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.eval-stat-row[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.eval-stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.eval-stat-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-stat-value.correct[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.eval-stat-value.incorrect[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.eval-stat-value.error[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.eval-stat-value.timeout[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.eval-card-footer[_ngcontent-%COMP%] {\n  padding: 10px 16px;\n  background: var(--suite-run-warning-light);\n  border-top: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.pending-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-warning);\n}\n\n.pending-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n\n\n.needs-review-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n}\n\n.needs-review-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 20px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-bottom: 1px solid rgba(245, 158, 11, 0.3);\n}\n\n.needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #92400e;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.review-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: #92400e;\n  background: rgba(255, 255, 255, 0.6);\n  padding: 2px 10px;\n  border-radius: 12px;\n}\n\n.needs-review-list[_ngcontent-%COMP%] {\n  padding: 8px;\n}\n\n.review-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.review-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.review-item-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.review-item.high-priority[_ngcontent-%COMP%]   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.review-item.medium-priority[_ngcontent-%COMP%]   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.review-item[_ngcontent-%COMP%]:not(.high-priority):not(.medium-priority)   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.review-item-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.review-item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.review-item-reason[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--suite-run-text-secondary);\n}\n\n.review-item-action[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-size: 12px;\n}\n\n.review-item[_ngcontent-%COMP%]:hover   .review-item-action[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.review-more[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--suite-run-border);\n}\n\n\n\n@media (max-width: 768px) {\n  .eval-summary-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .eval-card-header[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    font-size: 12px;\n  }\n\n  .eval-card-body[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n  }\n\n  .needs-review-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .review-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .review-item-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n\n\n\n\n.feedback-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: center;\n}\n\n.feedback-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.feedback-rating[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--suite-run-neutral-light);\n}\n\n.feedback-rating.low[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.feedback-rating.mid[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.feedback-rating.high[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i.correct[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i.incorrect[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.na-value.needs-review[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n  opacity: 0.7;\n}\n\n.na-value.needs-review[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}"], changeDetection: 0 }); }
+            i0.ɵɵconditional(ctx.showShortcuts ? 136 : -1);
+        } }, dependencies: [i5.NgClass, i6.DefaultValueAccessor, i6.RadioControlValueAccessor, i6.NgControlStatus, i6.NgModel, i7.DialogContainerDirective, i8.ButtonComponent, i3.EvaluationBadgeComponent, i3.EvaluationModeToggleComponent, i3.ExecutionContextComponent, i9.EntityLinkPillComponent, i5.DatePipe], styles: ["\n\n\n\n\n\n\n\n[_nghost-%COMP%] {\n  --suite-run-primary: #3b82f6;\n  --suite-run-primary-light: #eff6ff;\n  --suite-run-success: #10b981;\n  --suite-run-success-light: #ecfdf5;\n  --suite-run-danger: #ef4444;\n  --suite-run-danger-light: #fef2f2;\n  --suite-run-warning: #f59e0b;\n  --suite-run-warning-light: #fffbeb;\n  --suite-run-info: #8b5cf6;\n  --suite-run-info-light: #f5f3ff;\n  --suite-run-neutral: #6b7280;\n  --suite-run-neutral-light: #f9fafb;\n  --suite-run-bg: #f8fafc;\n  --suite-run-card: #ffffff;\n  --suite-run-border: #e2e8f0;\n  --suite-run-text: #1e293b;\n  --suite-run-text-secondary: #64748b;\n  --suite-run-radius: 12px;\n  --suite-run-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --suite-run-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --suite-run-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n\n\n.test-suite-run-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--suite-run-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n\n\n\n\n.suite-run-header[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  padding: 20px 24px;\n}\n\n\n\n.breadcrumb[_ngcontent-%COMP%] {\n  margin-bottom: 16px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   ol[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  background: rgba(59, 130, 246, 0.1);\n  text-decoration: none;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .separator[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--suite-run-text-secondary);\n  margin: 0 4px;\n}\n\n.breadcrumb[_ngcontent-%COMP%]   .current[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-weight: 500;\n}\n\n.breadcrumb-text[_ngcontent-%COMP%] {\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n\n\n.header-content[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n\n.suite-run-icon[_ngcontent-%COMP%] {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--suite-run-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.suite-run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.status-badge.status-completed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-badge.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-badge.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-badge.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-badge.status-cancelled[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.meta-tag[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.meta-tag[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.header-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n\n\n\n\n.metrics-bar[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.metric-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  padding: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.metric-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-card);\n  border-radius: 10px;\n  color: var(--suite-run-primary);\n  font-size: 16px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.metric-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.metric-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  margin-top: 2px;\n}\n\n\n\n\n\n.results-summary[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding-top: 20px;\n  border-top: 1px solid var(--suite-run-border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.result-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  flex-shrink: 0;\n  transition: var(--suite-run-transition);\n}\n\n.result-item[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.result-icon[_ngcontent-%COMP%] {\n  font-size: 24px;\n}\n\n.result-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n}\n\n.result-count[_ngcontent-%COMP%] {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.result-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.result-item.passed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.passed[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.result-item.failed[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.failed[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.result-item.error[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.error[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.result-item.skipped[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.skipped[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n.result-item.total[_ngcontent-%COMP%]   .result-icon[_ngcontent-%COMP%], \n.result-item.total[_ngcontent-%COMP%]   .result-count[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n\n\n\n\n.tabs-container[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs[_ngcontent-%COMP%] {\n  display: flex;\n  padding: 0 24px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n\n.tabs[_ngcontent-%COMP%]::-webkit-scrollbar {\n  display: none;\n}\n\n.tab[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  white-space: nowrap;\n  position: relative;\n}\n\n.tab[_ngcontent-%COMP%]:hover {\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tab.active[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  border-bottom-color: var(--suite-run-primary);\n  font-weight: 600;\n}\n\n.tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 15px;\n}\n\n.tab-badge[_ngcontent-%COMP%] {\n  background: var(--suite-run-border);\n  color: var(--suite-run-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active[_ngcontent-%COMP%]   .tab-badge[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.tab-shortcut[_ngcontent-%COMP%] {\n  display: none;\n  width: 18px;\n  height: 18px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n}\n\n\n\n\n\n.tab-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n}\n\n\n\n\n\n.overview-tab[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.result-hero[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 48px 32px;\n  text-align: center;\n  border: 2px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n}\n\n.result-hero.passed[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  border-color: var(--suite-run-success);\n}\n\n.result-hero.failed[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);\n  border-color: var(--suite-run-danger);\n}\n\n.result-hero.running[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: var(--suite-run-primary);\n}\n\n.result-hero.pending[_ngcontent-%COMP%] {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n  border-color: var(--suite-run-info);\n}\n\n.result-hero-icon[_ngcontent-%COMP%] {\n  font-size: 72px;\n  margin-bottom: 20px;\n}\n\n.result-hero.passed[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.result-hero.failed[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.result-hero.running[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.result-hero.pending[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  color: var(--suite-run-info);\n}\n\n.result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  margin: 0 0 16px 0;\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.result-hero-stats[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.stat-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-divider[_ngcontent-%COMP%] {\n  width: 1px;\n  height: 40px;\n  background: var(--suite-run-border);\n}\n\n\n\n.progress-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: var(--suite-run-radius);\n  padding: 20px;\n  text-align: center;\n}\n\n.progress-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--suite-run-primary);\n  margin-bottom: 8px;\n}\n\n.progress-info[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n}\n\n.auto-refresh-notice[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n\n\n\n\n.runs-tab[_ngcontent-%COMP%] {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n\n\n.loading-state[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n@keyframes _ngcontent-%COMP%_fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.skeleton-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 1px solid var(--suite-run-border);\n}\n\n.skeleton-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 50%;\n}\n\n.skeleton-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n.skeleton-content[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line[_ngcontent-%COMP%] {\n  height: 14px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: _ngcontent-%COMP%_shimmer 1.5s infinite;\n  border-radius: 4px;\n}\n\n.skeleton-line.wide[_ngcontent-%COMP%] {\n  width: 70%;\n}\n\n.skeleton-line.narrow[_ngcontent-%COMP%] {\n  width: 40%;\n}\n\n@keyframes _ngcontent-%COMP%_shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n\n\n.test-runs-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n  border-color: #93c5fd;\n  transform: translateX(4px);\n}\n\n.test-run-item[_ngcontent-%COMP%]:active {\n  transform: translateX(2px);\n}\n\n.run-sequence[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.run-icon[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  color: white;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.run-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-meta[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-status[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n\n.run-score[_ngcontent-%COMP%], \n.run-duration[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-score[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], \n.run-duration[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.test-run-item[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n  color: #cbd5e1;\n  font-size: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover    > i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  transform: translateX(4px);\n}\n\n\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 2px dashed var(--suite-run-border);\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: #cbd5e1;\n}\n\n.empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: var(--suite-run-text-secondary);\n  max-width: 300px;\n}\n\n\n\n\n\n.details-tab[_ngcontent-%COMP%] {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.details-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.details-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.detail-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n}\n\n.detail-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  color: var(--suite-run-text);\n  word-wrap: break-word;\n}\n\n.detail-value.monospace[_ngcontent-%COMP%] {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  background: var(--suite-run-neutral-light);\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  font-weight: 500;\n  transition: var(--suite-run-transition);\n}\n\n.detail-value[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.status-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-inline.status-completed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-inline.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-inline.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-inline.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-inline.status-cancelled[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n\n\n\n\n\n\n.shortcuts-toggle[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  box-shadow: var(--suite-run-shadow);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--suite-run-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%] {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  padding: 12px 16px;\n  box-shadow: var(--suite-run-shadow-lg);\n  font-size: 12px;\n  z-index: 100;\n  opacity: 0.9;\n  transition: var(--suite-run-transition);\n}\n\n.keyboard-shortcuts[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n}\n\n.shortcuts-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.shortcuts-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.shortcuts-close[_ngcontent-%COMP%] {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--suite-run-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--suite-run-transition);\n}\n\n.shortcuts-close[_ngcontent-%COMP%]:hover {\n  color: var(--suite-run-text);\n  background: var(--suite-run-border);\n}\n\n.shortcut-list[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.shortcut-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]:first-child {\n  color: var(--suite-run-text-secondary);\n}\n\n.shortcut-keys[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 4px;\n}\n\nkbd[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  box-shadow: 0 1px 0 #94a3b8;\n}\n\n\n\n\n\n@media (max-width: 1024px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 16px 20px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .result-hero-stats[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .stat-divider[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .tab-shortcut[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .header-content[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .suite-run-icon[_ngcontent-%COMP%] {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .header-actions[_ngcontent-%COMP%] {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    flex: 1;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 12px;\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n\n  .metric-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .results-summary[_ngcontent-%COMP%] {\n    gap: 8px;\n    padding-top: 16px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: -8px;\n  }\n\n  .result-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n    min-width: 90px;\n  }\n\n  .result-icon[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .result-count[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 16px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 14px 16px;\n    font-size: 13px;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .result-hero[_ngcontent-%COMP%] {\n    padding: 32px 20px;\n  }\n\n  .result-hero-icon[_ngcontent-%COMP%] {\n    font-size: 56px;\n  }\n\n  .result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 24px;\n  }\n\n  .stat-value[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .run-sequence[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n\n  .run-icon[_ngcontent-%COMP%] {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .run-name[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .run-meta[_ngcontent-%COMP%] {\n    gap: 10px;\n    font-size: 11px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 40px 16px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%] {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 28px;\n  }\n\n  .details-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .details-grid[_ngcontent-%COMP%] {\n    gap: 16px;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%], .shortcuts-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media (max-width: 480px) {\n  .suite-run-header[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .breadcrumb[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-bottom: 12px;\n  }\n\n  .suite-run-icon[_ngcontent-%COMP%] {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n\n  .suite-run-info[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .suite-run-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .status-badge[_ngcontent-%COMP%] {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .meta-tag[_ngcontent-%COMP%] {\n    font-size: 11px;\n    padding: 3px 8px;\n  }\n\n  .metrics-bar[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .metric-card[_ngcontent-%COMP%] {\n    padding: 10px;\n    gap: 6px;\n  }\n\n  .metric-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .metric-value[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .metric-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n  }\n\n  .result-item[_ngcontent-%COMP%] {\n    padding: 8px 10px;\n    min-width: 80px;\n    gap: 8px;\n  }\n\n  .result-icon[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .result-count[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .result-label[_ngcontent-%COMP%] {\n    font-size: 9px;\n  }\n\n  .tabs[_ngcontent-%COMP%] {\n    padding: 0 12px;\n  }\n\n  .tab[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n    gap: 6px;\n  }\n\n  .tab[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .result-hero[_ngcontent-%COMP%] {\n    padding: 24px 16px;\n  }\n\n  .result-hero-icon[_ngcontent-%COMP%] {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .result-hero-text[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .stat-value[_ngcontent-%COMP%] {\n    font-size: 18px;\n  }\n\n  .stat-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .progress-section[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .progress-info[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .run-sequence[_ngcontent-%COMP%] {\n    width: 24px;\n    height: 24px;\n    font-size: 11px;\n  }\n\n  .run-icon[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n    border-radius: 8px;\n  }\n\n  .run-name[_ngcontent-%COMP%] {\n    font-size: 12px;\n    margin-bottom: 3px;\n  }\n\n  .run-meta[_ngcontent-%COMP%] {\n    gap: 8px;\n    font-size: 10px;\n  }\n\n  .empty-state[_ngcontent-%COMP%] {\n    padding: 32px 12px;\n  }\n\n  .empty-state[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .details-card[_ngcontent-%COMP%] {\n    padding: 14px;\n  }\n\n  .details-card[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .detail-label[_ngcontent-%COMP%] {\n    font-size: 10px;\n  }\n\n  .detail-value[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n}\n\n\n\n\n\n@media (hover: none) and (pointer: coarse) {\n  .test-run-item[_ngcontent-%COMP%] {\n    min-height: 64px;\n  }\n\n  .test-run-item[_ngcontent-%COMP%]:hover {\n    transform: none;\n    background: var(--suite-run-card);\n    border-color: var(--suite-run-border);\n  }\n\n  .test-run-item[_ngcontent-%COMP%]:active {\n    background: var(--suite-run-primary-light);\n    border-color: #93c5fd;\n  }\n\n  .tab[_ngcontent-%COMP%]:hover {\n    background: transparent;\n    color: var(--suite-run-text-secondary);\n  }\n\n  .tab[_ngcontent-%COMP%]:active {\n    background: var(--suite-run-primary-light);\n    color: var(--suite-run-primary);\n  }\n\n  .metric-card[_ngcontent-%COMP%]:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .result-item[_ngcontent-%COMP%]:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none;\n  }\n}\n\n\n\n\n\n@media print {\n  .suite-run-header[_ngcontent-%COMP%] {\n    background: white;\n    box-shadow: none;\n    border-bottom: 2px solid #000;\n  }\n\n  .tabs-container[_ngcontent-%COMP%], \n   .header-actions[_ngcontent-%COMP%], \n   .keyboard-shortcuts[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .tab-content[_ngcontent-%COMP%] {\n    padding: 20px 0;\n  }\n\n  .result-hero[_ngcontent-%COMP%], \n   .test-run-item[_ngcontent-%COMP%], \n   .details-card[_ngcontent-%COMP%] {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\n\n\n\n\n@media (prefers-color-scheme: dark) {\n  \n\n}\n\n\n\n\n\n.tags-bar[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);\n  border: 1px solid rgba(59, 130, 246, 0.15);\n  border-radius: 8px;\n  max-width: 600px;\n}\n\n.tags-bar-content[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.tags-bar-label[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n}\n\n.tags-bar-label[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  opacity: 0.6;\n}\n\n.tags-bar-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1;\n}\n\n.tag-inline[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.tags-bar-empty[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  opacity: 0.7;\n  flex: 1;\n}\n\n.tags-bar-edit[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  background: transparent;\n  border: 1px dashed var(--suite-run-border);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.tags-bar-edit[_ngcontent-%COMP%]:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tags-bar-edit[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n\n\n\n\n.tags-editor-panel[_ngcontent-%COMP%] {\n  margin-top: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n  max-width: 600px;\n}\n\n.tags-editor-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--suite-run-primary-light);\n  border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.tags-editor-title[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tags-editor-body[_ngcontent-%COMP%] {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tags-editor-chips[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-height: 32px;\n}\n\n.tag-editable[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 8px 5px 12px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  border-radius: 14px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n  border: none;\n  color: var(--suite-run-primary);\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 9px;\n  opacity: 0.6;\n  transition: var(--suite-run-transition);\n}\n\n.tag-remove-btn[_ngcontent-%COMP%]:hover {\n  opacity: 1;\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.tags-empty-hint[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  font-style: italic;\n  padding: 4px 0;\n}\n\n.tags-editor-input[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag-text-input[_ngcontent-%COMP%] {\n  flex: 1;\n  padding: 10px 14px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 13px;\n  background: var(--suite-run-neutral-light);\n}\n\n.tag-text-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  background: var(--suite-run-card);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.tag-text-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n.tags-editor-footer[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-start;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-top: 1px solid var(--suite-run-border);\n}\n\n\n\n\n\n.runs-toolbar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.run-filters[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-btn[_ngcontent-%COMP%] {\n  padding: 6px 14px;\n  border: 1px solid var(--suite-run-border);\n  background: var(--suite-run-card);\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn[_ngcontent-%COMP%]:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n}\n\n.filter-btn.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n  color: white;\n}\n\n.filter-btn.passed[_ngcontent-%COMP%]:hover, \n.filter-btn.passed.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-success);\n  border-color: var(--suite-run-success);\n  color: white;\n}\n\n.filter-btn.failed[_ngcontent-%COMP%]:hover, \n.filter-btn.failed.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger);\n  border-color: var(--suite-run-danger);\n  color: white;\n}\n\n.filter-btn.error[_ngcontent-%COMP%]:hover, \n.filter-btn.error.active[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning);\n  border-color: var(--suite-run-warning);\n  color: white;\n}\n\n.runs-actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n}\n\n\n\n\n\n.test-run-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n  margin-bottom: 10px;\n}\n\n.test-run-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.test-run-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.run-header-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-feedback-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.run-feedback-indicator[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n}\n\n.run-tags[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.tag-mini[_ngcontent-%COMP%] {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.tag-chip[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1d4ed8;\n}\n\n.run-expand[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item[_ngcontent-%COMP%]:hover   .run-expand[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.run-cost[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-cost[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n\n\n\n\n.inline-feedback[_ngcontent-%COMP%] {\n  padding: 0 16px 16px;\n  animation: _ngcontent-%COMP%_slideDown 0.2s ease-out;\n}\n\n@keyframes _ngcontent-%COMP%_slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.feedback-divider[_ngcontent-%COMP%] {\n  height: 1px;\n  background: var(--suite-run-border);\n  margin-bottom: 16px;\n}\n\n.feedback-section[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.feedback-label[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.inline-rating[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rating-numbers[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rating-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 36px;\n  border: 2px solid var(--suite-run-border);\n  border-radius: 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.rating-btn[_ngcontent-%COMP%]:hover, \n.rating-btn.hover[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.low[_ngcontent-%COMP%]:hover, \n.rating-btn.low.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.rating-btn.mid[_ngcontent-%COMP%]:hover, \n.rating-btn.mid.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.rating-btn.high[_ngcontent-%COMP%]:hover, \n.rating-btn.high.hover[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.rating-btn.selected[_ngcontent-%COMP%] {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.selected.low[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger);\n  color: white;\n}\n\n.rating-btn.selected.mid[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning);\n  color: white;\n}\n\n.rating-btn.selected.high[_ngcontent-%COMP%] {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success);\n  color: white;\n}\n\n.rating-info[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 8px;\n}\n\n.rating-value[_ngcontent-%COMP%] {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.rating-label-text[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.correctness-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.correctness-label[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.correctness-options[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n}\n\n.radio-opt[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.radio-opt[_ngcontent-%COMP%]   input[type=\"radio\"][_ngcontent-%COMP%] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.comments-row[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.feedback-textarea[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  min-height: 80px;\n}\n\n.feedback-textarea[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n.feedback-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 8px;\n}\n\n\n\n\n\n@media (max-width: 768px) {\n  .tags-bar[_ngcontent-%COMP%] {\n    padding: 8px 12px;\n  }\n\n  .tags-bar-content[_ngcontent-%COMP%] {\n    gap: 8px;\n  }\n\n  .tag-inline[_ngcontent-%COMP%] {\n    padding: 3px 8px;\n    font-size: 10px;\n  }\n\n  .tags-editor-panel[_ngcontent-%COMP%] {\n    margin-top: 12px;\n  }\n\n  .tags-editor-body[_ngcontent-%COMP%] {\n    padding: 12px;\n  }\n\n  .tags-editor-footer[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .runs-toolbar[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .run-filters[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .runs-actions[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .rating-numbers[_ngcontent-%COMP%] {\n    justify-content: center;\n  }\n\n  .rating-btn[_ngcontent-%COMP%] {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n\n  .correctness-row[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .feedback-actions[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .feedback-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n\n\n\n\n@keyframes _ngcontent-%COMP%_pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.result-hero.running[_ngcontent-%COMP%]   .result-hero-icon[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_pulse 2s ease-in-out infinite;\n}\n\n\n\n.overview-tab[_ngcontent-%COMP%], \n.runs-tab[_ngcontent-%COMP%], \n.details-tab[_ngcontent-%COMP%], \n.analytics-tab[_ngcontent-%COMP%] {\n  animation: _ngcontent-%COMP%_fadeIn 0.3s ease;\n}\n\n\n\n\n\n.analytics-tab[_ngcontent-%COMP%] {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analytics-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.analytics-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-section[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.analytics-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.analytics-legend[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.legend-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.legend-item.passed[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.legend-item.failed[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.legend-item.error[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.legend-item.skipped[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n\n\n.performance-matrix[_ngcontent-%COMP%] {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.matrix-row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 2fr 120px 150px 100px 100px;\n  border-bottom: 1px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n  cursor: pointer;\n}\n\n.matrix-row[_ngcontent-%COMP%]:last-child {\n  border-bottom: none;\n}\n\n.matrix-row[_ngcontent-%COMP%]:hover:not(.matrix-header-row) {\n  background: var(--suite-run-primary-light);\n}\n\n.matrix-row.passed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.matrix-row.failed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.matrix-row.error[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.matrix-row.skipped[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n.matrix-header-row[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  cursor: default;\n}\n\n.matrix-cell[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n}\n\n.test-name-cell[_ngcontent-%COMP%] {\n  gap: 12px;\n}\n\n.test-sequence[_ngcontent-%COMP%] {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.test-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status-indicator[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-indicator.status-passed[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.status-indicator.status-failed[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.status-indicator.status-error[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.status-indicator.status-skipped[_ngcontent-%COMP%] {\n  color: var(--suite-run-neutral);\n}\n\n.status-indicator.status-pending[_ngcontent-%COMP%] {\n  color: var(--suite-run-info);\n}\n\n.status-indicator.status-running[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.score-bar[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.score-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: 10px;\n  transition: width 0.3s ease;\n}\n\n.score-fill.high[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-success) 0%, #34d399 100%);\n}\n\n.score-fill.medium[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-warning) 0%, #fbbf24 100%);\n}\n\n.score-fill.low[_ngcontent-%COMP%] {\n  background: linear-gradient(90deg, var(--suite-run-danger) 0%, #f87171 100%);\n}\n\n.score-text[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.na-value[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n\n\n.stats-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 16px;\n}\n\n.stat-card[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 12px;\n  transition: var(--suite-run-transition);\n}\n\n.stat-card[_ngcontent-%COMP%]:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.stat-icon[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  font-size: 20px;\n}\n\n.stat-icon.passed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.stat-icon.failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.stat-icon.score[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.stat-icon.duration[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.stat-icon.cost[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.stat-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-card[_ngcontent-%COMP%]   .stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-percent[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n\n\n@media (max-width: 768px) {\n  .analytics-header[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .matrix-row[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 12px;\n  }\n\n  .matrix-header-row[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .matrix-cell[_ngcontent-%COMP%] {\n    padding: 4px 0;\n  }\n\n  .test-name-cell[_ngcontent-%COMP%]::before, \n   .status-cell[_ngcontent-%COMP%]::before, \n   .score-cell[_ngcontent-%COMP%]::before, \n   .duration-cell[_ngcontent-%COMP%]::before, \n   .cost-cell[_ngcontent-%COMP%]::before {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--suite-run-text-secondary);\n    text-transform: uppercase;\n    margin-right: 8px;\n    min-width: 80px;\n  }\n\n  .status-cell[_ngcontent-%COMP%]::before { content: 'Status:'; }\n  .score-cell[_ngcontent-%COMP%]::before { content: 'Score:'; }\n  .duration-cell[_ngcontent-%COMP%]::before { content: 'Duration:'; }\n  .cost-cell[_ngcontent-%COMP%]::before { content: 'Cost:'; }\n\n  .stats-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .stat-card[_ngcontent-%COMP%] {\n    padding: 16px;\n  }\n\n  .stat-icon[_ngcontent-%COMP%] {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .stat-card[_ngcontent-%COMP%]   .stat-value[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n}\n\n\n\n.tab[_ngcontent-%COMP%]:focus-visible, \n.test-run-item[_ngcontent-%COMP%]:focus-visible, \nbutton[_ngcontent-%COMP%]:focus-visible {\n  outline: 2px solid var(--suite-run-primary);\n  outline-offset: 2px;\n}\n\n\n\n\n\n.analytics-loading[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 60px 20px;\n  color: var(--suite-run-text-secondary);\n}\n\n.analytics-loading[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: var(--suite-run-primary);\n}\n\n\n\n\n\n.results-table-wrapper[_ngcontent-%COMP%] {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.results-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.results-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n}\n\n.results-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.results-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n}\n\n.results-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n  border-bottom: none;\n}\n\n\n\n.seq-col[_ngcontent-%COMP%] {\n  width: 40px;\n  min-width: 40px;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.name-col[_ngcontent-%COMP%] {\n  \n\n  width: auto;\n  max-width: 50%;\n}\n\n.status-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n}\n\n.score-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  min-width: 120px; \n\n  white-space: nowrap;\n}\n\n.duration-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: right;\n}\n\n.cost-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: right;\n}\n\n\n\n.result-row[_ngcontent-%COMP%] {\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.result-row[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.result-row.row-passed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.result-row.row-failed[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.result-row.row-error[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.result-row.row-skipped[_ngcontent-%COMP%] {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n\n\n.test-name-wrapper[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.test-name-wrapper[_ngcontent-%COMP%]   .test-name[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.test-tags[_ngcontent-%COMP%] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n\n\n.score-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.score-bar-mini[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 6px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 3px;\n  overflow: hidden;\n  min-width: 60px;\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill[_ngcontent-%COMP%] {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.3s ease;\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.high[_ngcontent-%COMP%] {\n  background: var(--suite-run-success);\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.medium[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning);\n}\n\n.score-bar-mini[_ngcontent-%COMP%]   .score-fill.low[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger);\n}\n\n.score-display[_ngcontent-%COMP%]   .score-text[_ngcontent-%COMP%] {\n  position: static;\n  transform: none;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  min-width: 35px;\n  text-align: right;\n}\n\n\n\n.results-table[_ngcontent-%COMP%]   .status-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-passed[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-failed[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-error[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-skipped[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-pending[_ngcontent-%COMP%] {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.results-table[_ngcontent-%COMP%]   .status-badge.status-running[_ngcontent-%COMP%] {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n\n\n@media (max-width: 768px) {\n  .results-table-wrapper[_ngcontent-%COMP%] {\n    overflow-x: auto;\n  }\n\n  .results-table[_ngcontent-%COMP%] {\n    min-width: 600px;\n  }\n\n  .results-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%], \n   .results-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .name-col[_ngcontent-%COMP%] {\n    min-width: 150px;\n  }\n}\n\n\n\n\n\n@media (prefers-contrast: high) {\n  .status-badge[_ngcontent-%COMP%], \n   .status-inline[_ngcontent-%COMP%] {\n    border: 2px solid currentColor;\n  }\n\n  .test-run-item[_ngcontent-%COMP%] {\n    border-width: 2px;\n  }\n\n  .tab.active[_ngcontent-%COMP%] {\n    border-bottom-width: 4px;\n  }\n}\n\n\n\n\n\n.evaluation-summary[_ngcontent-%COMP%] {\n  margin-top: 20px;\n}\n\n.eval-summary-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n\n.eval-summary-card[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n}\n\n.eval-summary-card[_ngcontent-%COMP%]:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.eval-card-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-bottom: 1px solid var(--suite-run-border);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-card-header[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.eval-card-body[_ngcontent-%COMP%] {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.eval-stat-row[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.eval-stat-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.eval-stat-value[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-stat-value.correct[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.eval-stat-value.incorrect[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.eval-stat-value.error[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.eval-stat-value.timeout[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n}\n\n.eval-card-footer[_ngcontent-%COMP%] {\n  padding: 10px 16px;\n  background: var(--suite-run-warning-light);\n  border-top: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.pending-badge[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-warning);\n}\n\n.pending-badge[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n\n\n.needs-review-section[_ngcontent-%COMP%] {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n}\n\n.needs-review-header[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 20px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-bottom: 1px solid rgba(245, 158, 11, 0.3);\n}\n\n.needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #92400e;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.review-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n  color: #92400e;\n  background: rgba(255, 255, 255, 0.6);\n  padding: 2px 10px;\n  border-radius: 12px;\n}\n\n.needs-review-list[_ngcontent-%COMP%] {\n  padding: 8px;\n}\n\n.review-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.review-item[_ngcontent-%COMP%]:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.review-item-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.review-item.high-priority[_ngcontent-%COMP%]   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.review-item.medium-priority[_ngcontent-%COMP%]   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.review-item[_ngcontent-%COMP%]:not(.high-priority):not(.medium-priority)   .review-item-icon[_ngcontent-%COMP%] {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.review-item-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.review-item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.review-item-reason[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--suite-run-text-secondary);\n}\n\n.review-item-action[_ngcontent-%COMP%] {\n  color: var(--suite-run-text-secondary);\n  font-size: 12px;\n}\n\n.review-item[_ngcontent-%COMP%]:hover   .review-item-action[_ngcontent-%COMP%] {\n  color: var(--suite-run-primary);\n}\n\n.review-more[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--suite-run-border);\n}\n\n\n\n@media (max-width: 768px) {\n  .eval-summary-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .eval-card-header[_ngcontent-%COMP%] {\n    padding: 10px 14px;\n    font-size: 12px;\n  }\n\n  .eval-card-body[_ngcontent-%COMP%] {\n    padding: 12px 14px;\n  }\n\n  .needs-review-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .needs-review-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 13px;\n  }\n\n  .review-item[_ngcontent-%COMP%] {\n    padding: 10px 12px;\n  }\n\n  .review-item-icon[_ngcontent-%COMP%] {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n\n\n\n\n.feedback-col[_ngcontent-%COMP%] {\n  width: 1%; \n\n  white-space: nowrap;\n  text-align: center;\n}\n\n.feedback-display[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.feedback-rating[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--suite-run-neutral-light);\n}\n\n.feedback-rating.low[_ngcontent-%COMP%] {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.feedback-rating.mid[_ngcontent-%COMP%] {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.feedback-rating.high[_ngcontent-%COMP%] {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i.correct[_ngcontent-%COMP%] {\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness[_ngcontent-%COMP%]   i.incorrect[_ngcontent-%COMP%] {\n  color: var(--suite-run-danger);\n}\n\n.na-value.needs-review[_ngcontent-%COMP%] {\n  color: var(--suite-run-warning);\n  opacity: 0.7;\n}\n\n.na-value.needs-review[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}"], changeDetection: 0 }); }
 };
 TestSuiteRunFormComponentExtended = __decorate([
     RegisterClass(BaseFormComponent, 'MJ: Test Suite Runs')
@@ -2289,14 +2324,10 @@ TestSuiteRunFormComponentExtended = __decorate([
 export { TestSuiteRunFormComponentExtended };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TestSuiteRunFormComponentExtended, [{
         type: Component,
-        args: [{ selector: 'mj-test-suite-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"test-suite-run-form\" kendoDialogContainer>\n  <!-- Header Section -->\n  <div class=\"suite-run-header\">\n    <!-- Breadcrumb Navigation -->\n    <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n      <ol>\n        <li>\n          <a href=\"javascript:void(0)\" (click)=\"navigateToTestingDashboard()\">\n            <i class=\"fas fa-vial\"></i>\n            <span class=\"breadcrumb-text\">Testing</span>\n          </a>\n        </li>\n        <li *ngIf=\"testSuite\">\n          <i class=\"fas fa-chevron-right separator\"></i>\n          <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\">\n            <i class=\"fas fa-layer-group\"></i>\n            <span class=\"breadcrumb-text\">{{ testSuite.Name }}</span>\n          </a>\n        </li>\n        <li class=\"current\">\n          <i class=\"fas fa-chevron-right separator\"></i>\n          <span>Run #{{ record.ID.substring(0, 8) }}</span>\n        </li>\n      </ol>\n    </nav>\n\n    <!-- Header Content -->\n    <div class=\"header-content\">\n      <div class=\"header-left\">\n        <div class=\"suite-run-icon\" [style.background-color]=\"getStatusColor()\">\n          <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n        </div>\n        <div class=\"suite-run-info\">\n          <h1>Suite Run</h1>\n          <div class=\"suite-run-meta\">\n            <span class=\"status-badge\" [ngClass]=\"getStatusClass()\">\n              <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n              {{ record.Status }}\n            </span>\n            <span class=\"meta-tag environment\" *ngIf=\"record.Environment\">\n              <i class=\"fas fa-server\"></i>\n              {{ record.Environment }}\n            </span>\n            <span class=\"meta-tag trigger\" *ngIf=\"record.TriggerType\">\n              <i class=\"fas fa-bolt\"></i>\n              {{ record.TriggerType }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        <!-- Evaluation Mode Toggle -->\n        <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n        <button kendoButton (click)=\"reRunSuite()\" themeColor=\"primary\" *ngIf=\"record.SuiteID\">\n          <i class=\"fas fa-play\"></i> Re-run Suite\n        </button>\n        <button kendoButton (click)=\"refresh()\" [disabled]=\"isRefreshing\">\n          <i class=\"fas\" [ngClass]=\"isRefreshing ? 'fa-sync fa-spin' : 'fa-sync'\"></i>\n          {{ isRefreshing ? 'Refreshing...' : 'Refresh' }}\n        </button>\n      </div>\n    </div>\n\n    <!-- Metrics Bar -->\n    <div class=\"metrics-bar\">\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-clock\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ calculateDuration() }}</div>\n          <div class=\"metric-label\">Duration</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-percentage\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ getPassRate().toFixed(1) }}%</div>\n          <div class=\"metric-label\">Pass Rate</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-dollar-sign\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ formatCost(record.TotalCostUSD) }}</div>\n          <div class=\"metric-label\">Total Cost</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-calendar\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ getRelativeTime(record.StartedAt) }}</div>\n          <div class=\"metric-label\">Started</div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Results Summary -->\n    <div class=\"results-summary\">\n      <div class=\"result-item passed\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-check-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.PassedTests || 0 }}</span>\n          <span class=\"result-label\">Passed</span>\n        </div>\n      </div>\n      <div class=\"result-item failed\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-times-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.FailedTests || 0 }}</span>\n          <span class=\"result-label\">Failed</span>\n        </div>\n      </div>\n      <div class=\"result-item error\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-exclamation-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.ErrorTests || 0 }}</span>\n          <span class=\"result-label\">Errors</span>\n        </div>\n      </div>\n      <div class=\"result-item skipped\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-forward\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.SkippedTests || 0 }}</span>\n          <span class=\"result-label\">Skipped</span>\n        </div>\n      </div>\n      <div class=\"result-item total\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-list\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.TotalTests || 0 }}</span>\n          <span class=\"result-label\">Total</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tags Section - Sleek inline design -->\n    <div class=\"tags-bar\" *ngIf=\"!editingTags\">\n      <div class=\"tags-bar-content\">\n        <span class=\"tags-bar-label\"><i class=\"fas fa-tags\"></i></span>\n        <div class=\"tags-bar-chips\" *ngIf=\"tags.length > 0\">\n          <span class=\"tag-inline\" *ngFor=\"let tag of tags\">{{ tag }}</span>\n        </div>\n        <span class=\"tags-bar-empty\" *ngIf=\"tags.length === 0\">No tags</span>\n        <button class=\"tags-bar-edit\" (click)=\"startEditingTags()\" title=\"Edit tags\">\n          <i class=\"fas fa-plus\"></i> Add\n        </button>\n      </div>\n    </div>\n\n    <!-- Tags Editor - Expanded when editing -->\n    <div class=\"tags-editor-panel\" *ngIf=\"editingTags\">\n      <div class=\"tags-editor-header\">\n        <span class=\"tags-editor-title\"><i class=\"fas fa-tags\"></i> Edit Tags</span>\n      </div>\n      <div class=\"tags-editor-body\">\n        <div class=\"tags-editor-chips\">\n          <span class=\"tag-editable\" *ngFor=\"let tag of tags\">\n            {{ tag }}\n            <button class=\"tag-remove-btn\" (click)=\"removeTag(tag)\" title=\"Remove tag\">\n              <i class=\"fas fa-times\"></i>\n            </button>\n          </span>\n          <span class=\"tags-empty-hint\" *ngIf=\"tags.length === 0\">No tags yet</span>\n        </div>\n        <div class=\"tags-editor-input\">\n          <input type=\"text\"\n                 [(ngModel)]=\"newTag\"\n                 placeholder=\"Type a tag and press Enter...\"\n                 (keyup.enter)=\"addTag()\"\n                 class=\"tag-text-input\" />\n          <button kendoButton (click)=\"addTag()\" [disabled]=\"!newTag.trim()\" fillMode=\"flat\">\n            <i class=\"fas fa-plus\"></i>\n          </button>\n        </div>\n      </div>\n      <div class=\"tags-editor-footer\">\n        <button kendoButton (click)=\"saveTags()\" themeColor=\"primary\" [disabled]=\"savingTags\">\n          <i class=\"fas fa-spinner fa-spin\" *ngIf=\"savingTags\"></i>\n          {{ savingTags ? 'Saving...' : 'Save' }}\n        </button>\n        <button kendoButton (click)=\"cancelEditingTags()\" fillMode=\"flat\">Cancel</button>\n      </div>\n    </div>\n  </div>\n\n  <!-- Tabs -->\n  <div class=\"tabs-container\">\n    <div class=\"tabs\" role=\"tablist\">\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'overview'\"\n              (click)=\"changeTab('overview')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'overview'\">\n        <i class=\"fas fa-th-large\"></i> Overview\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'runs'\"\n              (click)=\"changeTab('runs')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'runs'\">\n        <i class=\"fas fa-list\"></i> Test Runs\n        <span class=\"tab-badge\" *ngIf=\"testRunsLoaded\">{{ testRuns.length }}</span>\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'details'\"\n              (click)=\"changeTab('details')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'details'\">\n        <i class=\"fas fa-info-circle\"></i> Details\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'analytics'\"\n              (click)=\"changeTab('analytics')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'analytics'\"\n              title=\"Press 4\">\n        <i class=\"fas fa-chart-bar\"></i> Analytics\n      </button>\n      <button class=\"tab\"\n              [class.active]=\"activeTab === 'execution'\"\n              (click)=\"changeTab('execution')\"\n              role=\"tab\"\n              [attr.aria-selected]=\"activeTab === 'execution'\"\n              title=\"Press 5\">\n        <i class=\"fas fa-microchip\"></i>\n        <span>Execution</span>\n      </button>\n    </div>\n  </div>\n\n  <!-- Tab Content -->\n  <div class=\"tab-content\">\n    <!-- Overview Tab -->\n    <div class=\"overview-tab\" *ngIf=\"activeTab === 'overview'\">\n      <!-- Result Hero -->\n      <div class=\"result-hero\"\n           [class.passed]=\"record.Status === 'Completed' && getPassRate() >= 90\"\n           [class.failed]=\"record.Status === 'Failed' || getPassRate() < 50\"\n           [class.running]=\"record.Status === 'Running'\"\n           [class.pending]=\"record.Status === 'Pending'\">\n        <div class=\"result-hero-icon\">\n          <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n        </div>\n        <div class=\"result-hero-text\">\n          <h2>SUITE {{ record.Status.toUpperCase() || 'UNKNOWN' }}</h2>\n          <div class=\"result-hero-stats\">\n            <div class=\"stat-item\">\n              <span class=\"stat-value\">{{ getPassRate().toFixed(1) }}%</span>\n              <span class=\"stat-label\">Pass Rate</span>\n            </div>\n            <div class=\"stat-divider\"></div>\n            <div class=\"stat-item\">\n              <span class=\"stat-value\">{{ record.PassedTests || 0 }} / {{ record.TotalTests || 0 }}</span>\n              <span class=\"stat-label\">Tests Passed</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Evaluation Metrics Summary -->\n      <div class=\"evaluation-summary\" *ngIf=\"evaluationMetrics && feedbacksLoaded\">\n        <div class=\"eval-summary-grid\">\n          <!-- Human Feedback Card -->\n          <div class=\"eval-summary-card\" *ngIf=\"evalPreferences.showHuman\">\n            <div class=\"eval-card-header\">\n              <i class=\"fa-solid fa-user\"></i>\n              <span>Human Feedback</span>\n            </div>\n            <div class=\"eval-card-body\">\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Reviewed</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.humanReviewedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.humanReviewedCount > 0\">\n                <span class=\"eval-stat-label\">Avg Rating</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.humanAvgRating.toFixed(1) }}/10</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.humanReviewedCount > 0\">\n                <span class=\"eval-stat-label\">Correct</span>\n                <span class=\"eval-stat-value correct\">{{ evaluationMetrics.humanCorrectCount }}</span>\n                <span class=\"eval-stat-value incorrect\" *ngIf=\"evaluationMetrics.humanIncorrectCount > 0\">{{ evaluationMetrics.humanIncorrectCount }} incorrect</span>\n              </div>\n            </div>\n            <div class=\"eval-card-footer\" *ngIf=\"evaluationMetrics.humanPendingCount > 0\">\n              <span class=\"pending-badge\">\n                <i class=\"fa-solid fa-clock\"></i>\n                {{ evaluationMetrics.humanPendingCount }} need review\n              </span>\n            </div>\n          </div>\n\n          <!-- Auto Score Card -->\n          <div class=\"eval-summary-card\" *ngIf=\"evalPreferences.showAuto\">\n            <div class=\"eval-card-header\">\n              <i class=\"fa-solid fa-robot\"></i>\n              <span>Auto Evaluation</span>\n            </div>\n            <div class=\"eval-card-body\">\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Evaluated</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.autoEvaluatedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.autoEvaluatedCount > 0\">\n                <span class=\"eval-stat-label\">Avg Score</span>\n                <span class=\"eval-stat-value\">{{ (evaluationMetrics.autoAvgScore * 100).toFixed(0) }}%</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.autoEvaluatedCount > 0\">\n                <span class=\"eval-stat-label\">Pass Rate</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.autoPassRate.toFixed(0) }}%</span>\n              </div>\n            </div>\n          </div>\n\n          <!-- Execution Card -->\n          <div class=\"eval-summary-card\" *ngIf=\"evalPreferences.showExecution\">\n            <div class=\"eval-card-header\">\n              <i class=\"fa-solid fa-circle-check\"></i>\n              <span>Execution</span>\n            </div>\n            <div class=\"eval-card-body\">\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Completed</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.execCompletedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n              </div>\n              <div class=\"eval-stat-row\">\n                <span class=\"eval-stat-label\">Success Rate</span>\n                <span class=\"eval-stat-value\">{{ evaluationMetrics.execSuccessRate.toFixed(0) }}%</span>\n              </div>\n              <div class=\"eval-stat-row\" *ngIf=\"evaluationMetrics.execErrorCount > 0 || evaluationMetrics.execTimeoutCount > 0\">\n                <span class=\"eval-stat-label\">Issues</span>\n                <span class=\"eval-stat-value error\" *ngIf=\"evaluationMetrics.execErrorCount > 0\">{{ evaluationMetrics.execErrorCount }} errors</span>\n                <span class=\"eval-stat-value timeout\" *ngIf=\"evaluationMetrics.execTimeoutCount > 0\">{{ evaluationMetrics.execTimeoutCount }} timeouts</span>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Needs Review Section -->\n      <div class=\"needs-review-section\" *ngIf=\"evalPreferences.showHuman && needsReviewItems.length > 0 && feedbacksLoaded\">\n        <div class=\"needs-review-header\">\n          <h3><i class=\"fa-solid fa-user-clock\"></i> Needs Review</h3>\n          <span class=\"review-count\">{{ needsReviewItems.length }} items</span>\n        </div>\n        <div class=\"needs-review-list\">\n          <div class=\"review-item\" *ngFor=\"let item of needsReviewItems.slice(0, 5)\"\n               [class.high-priority]=\"item.priority === 'high'\"\n               [class.medium-priority]=\"item.priority === 'medium'\"\n               (click)=\"toggleRunExpanded(item.run.id)\">\n            <div class=\"review-item-icon\">\n              <i class=\"fa-solid fa-exclamation-triangle\" *ngIf=\"item.priority === 'high'\"></i>\n              <i class=\"fa-solid fa-circle-dot\" *ngIf=\"item.priority === 'medium'\"></i>\n              <i class=\"fa-solid fa-clock\" *ngIf=\"item.priority === 'low'\"></i>\n            </div>\n            <div class=\"review-item-content\">\n              <span class=\"review-item-name\">{{ item.run.testName }}</span>\n              <span class=\"review-item-reason\">{{ item.reason }}</span>\n            </div>\n            <div class=\"review-item-action\">\n              <i class=\"fa-solid fa-chevron-right\"></i>\n            </div>\n          </div>\n          <div class=\"review-more\" *ngIf=\"needsReviewItems.length > 5\">\n            <button kendoButton fillMode=\"flat\" (click)=\"changeTab('runs')\">\n              View all {{ needsReviewItems.length }} items\n            </button>\n          </div>\n        </div>\n      </div>\n\n      <!-- Progress Ring (when running) -->\n      <div class=\"progress-section\" *ngIf=\"record.Status === 'Running' || record.Status === 'Pending'\">\n        <div class=\"progress-info\">\n          <i class=\"fas fa-circle-notch fa-spin\"></i>\n          <span>Suite execution in progress...</span>\n        </div>\n        <div class=\"auto-refresh-notice\">\n          <i class=\"fas fa-sync\"></i>\n          Auto-refreshing every 5 seconds\n        </div>\n      </div>\n    </div>\n\n    <!-- Test Runs Tab -->\n    <div class=\"runs-tab\" *ngIf=\"activeTab === 'runs'\">\n      <!-- Toolbar -->\n      <div class=\"runs-toolbar\" *ngIf=\"testRunsLoaded && testRuns.length > 0\">\n        <div class=\"run-filters\">\n          <button class=\"filter-btn\"\n                  [class.active]=\"runStatusFilter === null\"\n                  (click)=\"setRunStatusFilter(null)\">\n            All ({{ testRuns.length }})\n          </button>\n          <button class=\"filter-btn passed\"\n                  [class.active]=\"runStatusFilter === 'Passed'\"\n                  (click)=\"setRunStatusFilter('Passed')\"\n                  *ngIf=\"getRunCountByStatus('Passed') > 0\">\n            <i class=\"fas fa-check\"></i> Passed ({{ getRunCountByStatus('Passed') }})\n          </button>\n          <button class=\"filter-btn failed\"\n                  [class.active]=\"runStatusFilter === 'Failed'\"\n                  (click)=\"setRunStatusFilter('Failed')\"\n                  *ngIf=\"getRunCountByStatus('Failed') > 0\">\n            <i class=\"fas fa-times\"></i> Failed ({{ getRunCountByStatus('Failed') }})\n          </button>\n          <button class=\"filter-btn error\"\n                  [class.active]=\"runStatusFilter === 'Error'\"\n                  (click)=\"setRunStatusFilter('Error')\"\n                  *ngIf=\"getRunCountByStatus('Error') > 0\">\n            <i class=\"fas fa-exclamation\"></i> Error ({{ getRunCountByStatus('Error') }})\n          </button>\n        </div>\n        <div class=\"runs-actions\">\n          <button kendoButton (click)=\"exportToCSV()\">\n            <i class=\"fas fa-download\"></i> Export CSV\n          </button>\n        </div>\n      </div>\n\n      <!-- Loading State -->\n      <div class=\"loading-state\" *ngIf=\"loadingTestRuns\">\n        <div class=\"skeleton-list\">\n          <div class=\"skeleton-card\" *ngFor=\"let i of [1,2,3,4,5]\">\n            <div class=\"skeleton-sequence\"></div>\n            <div class=\"skeleton-icon\"></div>\n            <div class=\"skeleton-content\">\n              <div class=\"skeleton-line wide\"></div>\n              <div class=\"skeleton-line narrow\"></div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Test Runs List -->\n      <div class=\"test-runs-list\" *ngIf=\"!loadingTestRuns && testRuns.length > 0\">\n        <div class=\"test-run-card\" *ngFor=\"let run of getFilteredTestRuns()\">\n          <div class=\"test-run-item\" (click)=\"toggleRunExpanded(run.ID)\">\n            <div class=\"run-sequence\">{{ run.Sequence || '-' }}</div>\n            <div class=\"run-icon\" [style.background-color]=\"getRunStatusColor(run.Status)\">\n              <i class=\"fas\" [ngClass]=\"getRunStatusIcon(run.Status)\"></i>\n            </div>\n            <div class=\"run-content\">\n              <div class=\"run-header-row\">\n                <div class=\"run-name\">{{ run.Test }}</div>\n                <!-- Evaluation Badge -->\n                <app-evaluation-badge\n                  [executionStatus]=\"run.Status\"\n                  [originalStatus]=\"run.Status\"\n                  [autoScore]=\"run.Score\"\n                  [humanRating]=\"getFeedbackRating(run.ID) || null\"\n                  [humanIsCorrect]=\"getHumanIsCorrect(run.ID)\"\n                  [hasHumanFeedback]=\"hasFeedback(run.ID)\"\n                  [preferences]=\"evalPreferences\"\n                  [mode]=\"'compact'\">\n                </app-evaluation-badge>\n              </div>\n              <div class=\"run-meta\">\n                <span class=\"run-duration\" *ngIf=\"run.DurationSeconds\">\n                  <i class=\"fas fa-clock\"></i> {{ run.DurationSeconds.toFixed(1) }}s\n                </span>\n                <span class=\"run-cost\" *ngIf=\"run.CostUSD\">\n                  <i class=\"fas fa-dollar-sign\"></i> {{ run.CostUSD.toFixed(6) }}\n                </span>\n                <mj-entity-link-pill\n                  *ngIf=\"run.TargetLogEntityID && run.TargetLogID\"\n                  [entityName]=\"run.TargetLogEntity\"\n                  [recordId]=\"run.TargetLogID\">\n                </mj-entity-link-pill>\n              </div>\n              <div class=\"run-tags\" *ngIf=\"getRunTags(run).length > 0\">\n                <span class=\"tag-chip\" *ngFor=\"let tag of getRunTags(run)\">{{ tag }}</span>\n              </div>\n            </div>\n            <div class=\"run-expand\">\n              <i class=\"fas\" [class.fa-chevron-down]=\"expandedRunId !== run.ID\" [class.fa-chevron-up]=\"expandedRunId === run.ID\"></i>\n            </div>\n          </div>\n\n          <!-- Expanded Inline Feedback -->\n          <div class=\"inline-feedback\" *ngIf=\"expandedRunId === run.ID\">\n            <div class=\"feedback-divider\"></div>\n\n            <div class=\"feedback-section\">\n              <div class=\"feedback-label\">Quick Feedback</div>\n\n              <div class=\"inline-rating\">\n                <div class=\"rating-numbers\">\n                  <button *ngFor=\"let num of [1,2,3,4,5,6,7,8,9,10]\"\n                          type=\"button\"\n                          class=\"rating-btn\"\n                          [class.selected]=\"num === inlineRating\"\n                          [class.hover]=\"num === inlineHoverRating\"\n                          [class.low]=\"num <= 3\"\n                          [class.mid]=\"num >= 4 && num <= 6\"\n                          [class.high]=\"num >= 7\"\n                          (click)=\"setInlineRating(num); $event.stopPropagation()\"\n                          (mouseenter)=\"inlineHoverRating = num\"\n                          (mouseleave)=\"inlineHoverRating = 0\">\n                    {{ num }}\n                  </button>\n                </div>\n                <div class=\"rating-info\" *ngIf=\"inlineRating > 0\">\n                  <span class=\"rating-value\">{{ inlineRating }}/10</span>\n                  <span class=\"rating-label-text\">{{ getInlineRatingLabel() }}</span>\n                </div>\n              </div>\n\n              <div class=\"correctness-row\">\n                <span class=\"correctness-label\">Was it correct?</span>\n                <div class=\"correctness-options\">\n                  <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"true\" [(ngModel)]=\"inlineIsCorrect\">\n                    <span>Yes</span>\n                  </label>\n                  <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"false\" [(ngModel)]=\"inlineIsCorrect\">\n                    <span>No</span>\n                  </label>\n                  <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                    <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"null\" [(ngModel)]=\"inlineIsCorrect\">\n                    <span>Not Sure</span>\n                  </label>\n                </div>\n              </div>\n\n              <div class=\"comments-row\" (click)=\"$event.stopPropagation()\">\n                <textarea\n                  class=\"feedback-textarea\"\n                  [(ngModel)]=\"inlineComments\"\n                  placeholder=\"Add comments or corrections...\"\n                  rows=\"3\"></textarea>\n              </div>\n\n              <div class=\"feedback-actions\" (click)=\"$event.stopPropagation()\">\n                <button kendoButton (click)=\"openTestRun(run.ID)\">\n                  <i class=\"fas fa-external-link-alt\"></i> View Full Details\n                </button>\n                <button kendoButton\n                        themeColor=\"primary\"\n                        (click)=\"saveInlineFeedback()\"\n                        [disabled]=\"!canSubmitInlineFeedback() || savingInlineFeedback\">\n                  <i class=\"fas\" [ngClass]=\"savingInlineFeedback ? 'fa-spinner fa-spin' : 'fa-save'\"></i>\n                  {{ savingInlineFeedback ? 'Saving...' : (hasFeedback(run.ID) ? 'Update' : 'Save') }}\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Empty State -->\n      <div class=\"empty-state\" *ngIf=\"testRunsLoaded && !loadingTestRuns && testRuns.length === 0\">\n        <div class=\"empty-icon\">\n          <i class=\"fas fa-inbox\"></i>\n        </div>\n        <h4>No Test Runs Found</h4>\n        <p>No test runs have been recorded for this suite execution.</p>\n      </div>\n\n      <!-- Filtered Empty -->\n      <div class=\"empty-state\" *ngIf=\"testRunsLoaded && !loadingTestRuns && testRuns.length > 0 && getFilteredTestRuns().length === 0\">\n        <div class=\"empty-icon\">\n          <i class=\"fas fa-filter\"></i>\n        </div>\n        <h4>No Matching Runs</h4>\n        <p>No test runs match the current filter.</p>\n        <button kendoButton (click)=\"setRunStatusFilter(null)\">Clear Filter</button>\n      </div>\n    </div>\n\n    <!-- Details Tab -->\n    <div class=\"details-tab\" *ngIf=\"activeTab === 'details'\">\n      <div class=\"details-card\">\n        <h3><i class=\"fas fa-info-circle\"></i> Run Information</h3>\n        <div class=\"details-grid\">\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Run ID</div>\n            <div class=\"detail-value monospace\">{{ record.ID }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Test Suite</div>\n            <div class=\"detail-value\">\n              <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\" *ngIf=\"testSuite\">{{ testSuite.Name }}</a>\n              <span *ngIf=\"!testSuite\">Loading...</span>\n            </div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Status</div>\n            <div class=\"detail-value\">\n              <span class=\"status-inline\" [ngClass]=\"getStatusClass()\">{{ record.Status }}</span>\n            </div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Run By</div>\n            <div class=\"detail-value\">{{ record.RunByUser || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Started At</div>\n            <div class=\"detail-value\">{{ record.StartedAt | date:'medium' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Completed At</div>\n            <div class=\"detail-value\">{{ record.CompletedAt | date:'medium' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Environment</div>\n            <div class=\"detail-value\">{{ record.Environment || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Trigger Type</div>\n            <div class=\"detail-value\">{{ record.TriggerType || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Git Commit</div>\n            <div class=\"detail-value monospace\">{{ record.GitCommit || 'N/A' }}</div>\n          </div>\n          <div class=\"detail-item\">\n            <div class=\"detail-label\">Agent Version</div>\n            <div class=\"detail-value\">{{ record.AgentVersion || 'N/A' }}</div>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Analytics Tab -->\n    <div class=\"analytics-tab\" *ngIf=\"activeTab === 'analytics'\">\n      <!-- Loading State -->\n      <div class=\"analytics-loading\" *ngIf=\"loadingTestRuns\">\n        <i class=\"fas fa-spinner fa-spin\"></i>\n        <span>Loading test results...</span>\n      </div>\n\n      <!-- Summary Statistics - Moved to top for better overview -->\n      <div class=\"analytics-section\" *ngIf=\"!loadingTestRuns && testRuns.length > 0\">\n        <h3><i class=\"fas fa-chart-pie\"></i> Summary Statistics</h3>\n        <div class=\"stats-grid\">\n          <div class=\"stat-card\">\n            <div class=\"stat-icon passed\"><i class=\"fas fa-check-circle\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ getPassedCount() }}</div>\n              <div class=\"stat-label\">Passed</div>\n              <div class=\"stat-percent\">{{ getPassedPercent().toFixed(1) }}%</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon failed\"><i class=\"fas fa-times-circle\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ getFailedCount() }}</div>\n              <div class=\"stat-label\">Failed</div>\n              <div class=\"stat-percent\">{{ getFailedPercent().toFixed(1) }}%</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon score\"><i class=\"fas fa-star\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ (getAverageScore() * 100).toFixed(1) }}%</div>\n              <div class=\"stat-label\">Avg Score</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon duration\"><i class=\"fas fa-clock\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">{{ getAverageDuration().toFixed(1) }}s</div>\n              <div class=\"stat-label\">Avg Duration</div>\n            </div>\n          </div>\n          <div class=\"stat-card\">\n            <div class=\"stat-icon cost\"><i class=\"fas fa-dollar-sign\"></i></div>\n            <div class=\"stat-content\">\n              <div class=\"stat-value\">${{ getTotalCost().toFixed(4) }}</div>\n              <div class=\"stat-label\">Total Cost</div>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Test Results Table -->\n      <div class=\"analytics-section\" *ngIf=\"!loadingTestRuns && testRuns.length > 0\">\n        <div class=\"analytics-header\">\n          <h3><i class=\"fas fa-table\"></i> Test Results</h3>\n          <div class=\"analytics-legend\">\n            <span class=\"legend-item passed\"><i class=\"fas fa-check-circle\"></i> Passed</span>\n            <span class=\"legend-item failed\"><i class=\"fas fa-times-circle\"></i> Failed</span>\n            <span class=\"legend-item error\"><i class=\"fas fa-exclamation-circle\"></i> Error</span>\n            <span class=\"legend-item skipped\"><i class=\"fas fa-forward\"></i> Skipped</span>\n          </div>\n        </div>\n\n        <!-- Results Table -->\n        <div class=\"results-table-wrapper\">\n          <table class=\"results-table\">\n            <thead>\n              <tr>\n                <th class=\"seq-col\">#</th>\n                <th class=\"name-col\">Test Name</th>\n                <th class=\"status-col\" *ngIf=\"evalPreferences.showExecution\">Status</th>\n                <th class=\"score-col\" *ngIf=\"evalPreferences.showAuto\">Auto Score</th>\n                <th class=\"feedback-col\" *ngIf=\"evalPreferences.showHuman\">Human Score</th>\n                <th class=\"duration-col\">Duration</th>\n                <th class=\"cost-col\">Cost</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let run of testRuns; let i = index\"\n                  class=\"result-row\"\n                  [class.row-passed]=\"run.Status === 'Passed'\"\n                  [class.row-failed]=\"run.Status === 'Failed'\"\n                  [class.row-error]=\"run.Status === 'Error'\"\n                  [class.row-skipped]=\"run.Status === 'Skipped'\"\n                  (click)=\"openTestRun(run.ID)\">\n                <td class=\"seq-col\">{{ i + 1 }}</td>\n                <td class=\"name-col\">\n                  <div class=\"test-name-wrapper\">\n                    <span class=\"test-name\">{{ run.Test || 'Unknown Test' }}</span>\n                    <div class=\"test-tags\" *ngIf=\"getRunTags(run).length > 0\">\n                      <span class=\"tag-mini\" *ngFor=\"let tag of getRunTags(run).slice(0, 2)\">{{ tag }}</span>\n                    </div>\n                  </div>\n                </td>\n                <td class=\"status-col\" *ngIf=\"evalPreferences.showExecution\">\n                  <span class=\"status-badge\" [ngClass]=\"'status-' + run.Status.toLowerCase()\">\n                    <i class=\"fas\"\n                       [class.fa-check-circle]=\"run.Status === 'Passed'\"\n                       [class.fa-times-circle]=\"run.Status === 'Failed'\"\n                       [class.fa-exclamation-circle]=\"run.Status === 'Error'\"\n                       [class.fa-forward]=\"run.Status === 'Skipped'\"\n                       [class.fa-clock]=\"run.Status === 'Pending'\"\n                       [class.fa-spinner]=\"run.Status === 'Running'\"\n                       [class.fa-spin]=\"run.Status === 'Running'\"></i>\n                    {{ run.Status }}\n                  </span>\n                </td>\n                <td class=\"score-col\" *ngIf=\"evalPreferences.showAuto\">\n                  <div class=\"score-display\" *ngIf=\"run.Score != null\">\n                    <div class=\"score-bar-mini\">\n                      <div class=\"score-fill\"\n                           [style.width.%]=\"run.Score * 100\"\n                           [class.high]=\"run.Score >= 0.8\"\n                           [class.medium]=\"run.Score >= 0.5 && run.Score < 0.8\"\n                           [class.low]=\"run.Score < 0.5\"></div>\n                    </div>\n                    <span class=\"score-text\">{{ (run.Score * 100).toFixed(0) }}%</span>\n                  </div>\n                  <span class=\"na-value\" *ngIf=\"run.Score == null\">\u2014</span>\n                </td>\n                <td class=\"feedback-col\" *ngIf=\"evalPreferences.showHuman\">\n                  <div class=\"feedback-display\" *ngIf=\"hasFeedback(run.ID)\">\n                    <span class=\"feedback-rating\" [class.low]=\"getFeedbackRating(run.ID) <= 3\" [class.mid]=\"getFeedbackRating(run.ID) >= 4 && getFeedbackRating(run.ID) <= 6\" [class.high]=\"getFeedbackRating(run.ID) >= 7\">\n                      {{ getFeedbackRating(run.ID) }}/10\n                    </span>\n                    <span class=\"feedback-correctness\" *ngIf=\"getHumanIsCorrect(run.ID) !== null\">\n                      <i class=\"fas\" [class.fa-check]=\"getHumanIsCorrect(run.ID) === true\" [class.fa-times]=\"getHumanIsCorrect(run.ID) === false\" [class.correct]=\"getHumanIsCorrect(run.ID) === true\" [class.incorrect]=\"getHumanIsCorrect(run.ID) === false\"></i>\n                    </span>\n                  </div>\n                  <span class=\"na-value needs-review\" *ngIf=\"!hasFeedback(run.ID)\">\n                    <i class=\"fas fa-user-clock\"></i>\n                  </span>\n                </td>\n                <td class=\"duration-col\">\n                  <span *ngIf=\"run.DurationSeconds\">{{ run.DurationSeconds.toFixed(1) }}s</span>\n                  <span class=\"na-value\" *ngIf=\"!run.DurationSeconds\">\u2014</span>\n                </td>\n                <td class=\"cost-col\">\n                  <span *ngIf=\"run.CostUSD\">${{ run.CostUSD.toFixed(4) }}</span>\n                  <span class=\"na-value\" *ngIf=\"!run.CostUSD\">\u2014</span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </div>\n\n      <!-- Empty State -->\n      <div class=\"empty-state\" *ngIf=\"!loadingTestRuns && testRunsLoaded && testRuns.length === 0\">\n        <div class=\"empty-icon\">\n          <i class=\"fas fa-chart-bar\"></i>\n        </div>\n        <h4>No Test Results Yet</h4>\n        <p>Test runs will appear here once the suite execution completes.</p>\n      </div>\n    </div>\n\n    <!-- Execution Tab -->\n    <div class=\"execution-tab\" *ngIf=\"activeTab === 'execution'\">\n      <mj-execution-context\n        [machineName]=\"record.MachineName\"\n        [machineId]=\"record.MachineID\"\n        [runByUserName]=\"record.RunByUserName\"\n        [runByUserEmail]=\"record.RunByUserEmail\"\n        [runContextDetailsJson]=\"record.RunContextDetails\">\n      </mj-execution-context>\n    </div>\n  </div>\n\n  <!-- Keyboard Shortcuts Toggle Button -->\n  <button class=\"shortcuts-toggle\" (click)=\"toggleShortcuts()\" [title]=\"showShortcuts ? 'Hide keyboard shortcuts' : 'Show keyboard shortcuts'\">\n    <i class=\"fas fa-keyboard\"></i>\n  </button>\n\n  <!-- Keyboard Shortcuts Hint (Desktop Only) -->\n  <div class=\"keyboard-shortcuts\" *ngIf=\"showShortcuts\">\n    <div class=\"shortcuts-header\">\n      <i class=\"fas fa-keyboard\"></i>\n      Shortcuts\n      <button class=\"shortcuts-close\" (click)=\"toggleShortcuts()\" title=\"Hide shortcuts\">\n        <i class=\"fas fa-times\"></i>\n      </button>\n    </div>\n    <div class=\"shortcut-list\">\n      <div class=\"shortcut-item\">\n        <span>Refresh</span>\n        <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>R</kbd></span>\n      </div>\n      <div class=\"shortcut-item\">\n        <span>Re-run Suite</span>\n        <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>Shift</kbd><kbd>R</kbd></span>\n      </div>\n      <div class=\"shortcut-item\">\n        <span>Switch Tabs</span>\n        <span class=\"shortcut-keys\"><kbd>1</kbd>-<kbd>5</kbd></span>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["/* ===================================\n   Test Suite Run Form - Premium UX\n   World-class responsive design\n   =================================== */\n\n/* CSS Custom Properties */\n:host {\n  --suite-run-primary: #3b82f6;\n  --suite-run-primary-light: #eff6ff;\n  --suite-run-success: #10b981;\n  --suite-run-success-light: #ecfdf5;\n  --suite-run-danger: #ef4444;\n  --suite-run-danger-light: #fef2f2;\n  --suite-run-warning: #f59e0b;\n  --suite-run-warning-light: #fffbeb;\n  --suite-run-info: #8b5cf6;\n  --suite-run-info-light: #f5f3ff;\n  --suite-run-neutral: #6b7280;\n  --suite-run-neutral-light: #f9fafb;\n  --suite-run-bg: #f8fafc;\n  --suite-run-card: #ffffff;\n  --suite-run-border: #e2e8f0;\n  --suite-run-text: #1e293b;\n  --suite-run-text-secondary: #64748b;\n  --suite-run-radius: 12px;\n  --suite-run-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --suite-run-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --suite-run-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Base Container */\n.test-suite-run-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--suite-run-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n/* ===================================\n   Header Section\n   =================================== */\n.suite-run-header {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  padding: 20px 24px;\n}\n\n/* Breadcrumb */\n.breadcrumb {\n  margin-bottom: 16px;\n}\n\n.breadcrumb ol {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n\n.breadcrumb li {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.breadcrumb a {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.breadcrumb a:hover {\n  background: rgba(59, 130, 246, 0.1);\n  text-decoration: none;\n}\n\n.breadcrumb .separator {\n  font-size: 10px;\n  color: var(--suite-run-text-secondary);\n  margin: 0 4px;\n}\n\n.breadcrumb .current {\n  color: var(--suite-run-text-secondary);\n  font-weight: 500;\n}\n\n.breadcrumb-text {\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Header Content */\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.header-left {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n\n.suite-run-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--suite-run-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.suite-run-info h1 {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.suite-run-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.status-badge.status-completed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-badge.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-badge.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-badge.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-badge.status-cancelled {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.meta-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.meta-tag i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* ===================================\n   Metrics Bar\n   =================================== */\n.metrics-bar {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.metric-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  padding: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.metric-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-card);\n  border-radius: 10px;\n  color: var(--suite-run-primary);\n  font-size: 16px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.metric-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.metric-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  margin-top: 2px;\n}\n\n/* ===================================\n   Results Summary\n   =================================== */\n.results-summary {\n  display: flex;\n  gap: 12px;\n  padding-top: 20px;\n  border-top: 1px solid var(--suite-run-border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.result-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  flex-shrink: 0;\n  transition: var(--suite-run-transition);\n}\n\n.result-item:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.result-icon {\n  font-size: 24px;\n}\n\n.result-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.result-count {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.result-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.result-item.passed .result-icon,\n.result-item.passed .result-count {\n  color: var(--suite-run-success);\n}\n\n.result-item.failed .result-icon,\n.result-item.failed .result-count {\n  color: var(--suite-run-danger);\n}\n\n.result-item.error .result-icon,\n.result-item.error .result-count {\n  color: var(--suite-run-warning);\n}\n\n.result-item.skipped .result-icon,\n.result-item.skipped .result-count {\n  color: var(--suite-run-neutral);\n}\n\n.result-item.total .result-icon,\n.result-item.total .result-count {\n  color: var(--suite-run-primary);\n}\n\n/* ===================================\n   Tabs\n   =================================== */\n.tabs-container {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs {\n  display: flex;\n  padding: 0 24px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n\n.tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  white-space: nowrap;\n  position: relative;\n}\n\n.tab:hover {\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tab.active {\n  color: var(--suite-run-primary);\n  border-bottom-color: var(--suite-run-primary);\n  font-weight: 600;\n}\n\n.tab i {\n  font-size: 15px;\n}\n\n.tab-badge {\n  background: var(--suite-run-border);\n  color: var(--suite-run-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active .tab-badge {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.tab-shortcut {\n  display: none;\n  width: 18px;\n  height: 18px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n}\n\n/* ===================================\n   Tab Content\n   =================================== */\n.tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n}\n\n/* ===================================\n   Overview Tab\n   =================================== */\n.overview-tab {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.result-hero {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 48px 32px;\n  text-align: center;\n  border: 2px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n}\n\n.result-hero.passed {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  border-color: var(--suite-run-success);\n}\n\n.result-hero.failed {\n  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);\n  border-color: var(--suite-run-danger);\n}\n\n.result-hero.running {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: var(--suite-run-primary);\n}\n\n.result-hero.pending {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n  border-color: var(--suite-run-info);\n}\n\n.result-hero-icon {\n  font-size: 72px;\n  margin-bottom: 20px;\n}\n\n.result-hero.passed .result-hero-icon {\n  color: var(--suite-run-success);\n}\n\n.result-hero.failed .result-hero-icon {\n  color: var(--suite-run-danger);\n}\n\n.result-hero.running .result-hero-icon {\n  color: var(--suite-run-primary);\n}\n\n.result-hero.pending .result-hero-icon {\n  color: var(--suite-run-info);\n}\n\n.result-hero-text h2 {\n  margin: 0 0 16px 0;\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.result-hero-stats {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-divider {\n  width: 1px;\n  height: 40px;\n  background: var(--suite-run-border);\n}\n\n/* Progress Section */\n.progress-section {\n  background: var(--suite-run-primary-light);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: var(--suite-run-radius);\n  padding: 20px;\n  text-align: center;\n}\n\n.progress-info {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--suite-run-primary);\n  margin-bottom: 8px;\n}\n\n.progress-info i {\n  font-size: 20px;\n}\n\n.auto-refresh-notice {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n/* ===================================\n   Test Runs Tab\n   =================================== */\n.runs-tab {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n/* Loading Skeleton */\n.loading-state {\n  animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.skeleton-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 1px solid var(--suite-run-border);\n}\n\n.skeleton-sequence {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 50%;\n}\n\n.skeleton-icon {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n.skeleton-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line {\n  height: 14px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 4px;\n}\n\n.skeleton-line.wide {\n  width: 70%;\n}\n\n.skeleton-line.narrow {\n  width: 40%;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* Test Runs List */\n.test-runs-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover {\n  background: var(--suite-run-primary-light);\n  border-color: #93c5fd;\n  transform: translateX(4px);\n}\n\n.test-run-item:active {\n  transform: translateX(2px);\n}\n\n.run-sequence {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.run-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  color: white;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.run-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-meta {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-status {\n  font-weight: 700;\n}\n\n.run-score,\n.run-duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-score i,\n.run-duration i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.test-run-item > i {\n  color: #cbd5e1;\n  font-size: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover > i {\n  color: var(--suite-run-primary);\n  transform: translateX(4px);\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 2px dashed var(--suite-run-border);\n}\n\n.empty-icon {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon i {\n  font-size: 32px;\n  color: #cbd5e1;\n}\n\n.empty-state h4 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--suite-run-text-secondary);\n  max-width: 300px;\n}\n\n/* ===================================\n   Details Tab\n   =================================== */\n.details-tab {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.details-card {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.details-card h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.details-card h3 i {\n  color: var(--suite-run-primary);\n}\n\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n}\n\n.detail-value {\n  font-size: 14px;\n  color: var(--suite-run-text);\n  word-wrap: break-word;\n}\n\n.detail-value.monospace {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  background: var(--suite-run-neutral-light);\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.detail-value a {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  font-weight: 500;\n  transition: var(--suite-run-transition);\n}\n\n.detail-value a:hover {\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.status-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-inline.status-completed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-inline.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-inline.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-inline.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-inline.status-cancelled {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n/* ===================================\n   Keyboard Shortcuts\n   =================================== */\n/* Toggle button - visible when shortcuts are hidden */\n.shortcuts-toggle {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  box-shadow: var(--suite-run-shadow);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--suite-run-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n}\n\n.keyboard-shortcuts {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  padding: 12px 16px;\n  box-shadow: var(--suite-run-shadow-lg);\n  font-size: 12px;\n  z-index: 100;\n  opacity: 0.9;\n  transition: var(--suite-run-transition);\n}\n\n.keyboard-shortcuts:hover {\n  opacity: 1;\n}\n\n.shortcuts-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.shortcuts-header i {\n  color: var(--suite-run-primary);\n}\n\n.shortcuts-close {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--suite-run-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--suite-run-transition);\n}\n\n.shortcuts-close:hover {\n  color: var(--suite-run-text);\n  background: var(--suite-run-border);\n}\n\n.shortcut-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.shortcut-item span:first-child {\n  color: var(--suite-run-text-secondary);\n}\n\n.shortcut-keys {\n  display: flex;\n  gap: 4px;\n}\n\nkbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  box-shadow: 0 1px 0 #94a3b8;\n}\n\n/* ===================================\n   Responsive Design - Tablet\n   =================================== */\n@media (max-width: 1024px) {\n  .suite-run-header {\n    padding: 16px 20px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .result-hero-stats {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .stat-divider {\n    display: none;\n  }\n\n  .details-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tab-shortcut {\n    display: none;\n  }\n}\n\n/* ===================================\n   Responsive Design - Mobile\n   =================================== */\n@media (max-width: 768px) {\n  .suite-run-header {\n    padding: 16px;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left {\n    width: 100%;\n  }\n\n  .suite-run-icon {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .suite-run-info h1 {\n    font-size: 20px;\n  }\n\n  .header-actions {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions button {\n    flex: 1;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .metric-card {\n    padding: 12px;\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n\n  .metric-icon {\n    width: 36px;\n    height: 36px;\n  }\n\n  .metric-value {\n    font-size: 16px;\n  }\n\n  .results-summary {\n    gap: 8px;\n    padding-top: 16px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: -8px;\n  }\n\n  .result-item {\n    padding: 10px 12px;\n    min-width: 90px;\n  }\n\n  .result-icon {\n    font-size: 20px;\n  }\n\n  .result-count {\n    font-size: 18px;\n  }\n\n  .tabs {\n    padding: 0 16px;\n  }\n\n  .tab {\n    padding: 14px 16px;\n    font-size: 13px;\n  }\n\n  .tab-content {\n    padding: 16px;\n  }\n\n  .result-hero {\n    padding: 32px 20px;\n  }\n\n  .result-hero-icon {\n    font-size: 56px;\n  }\n\n  .result-hero-text h2 {\n    font-size: 24px;\n  }\n\n  .stat-value {\n    font-size: 20px;\n  }\n\n  .test-run-item {\n    padding: 14px;\n  }\n\n  .run-sequence {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n\n  .run-icon {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .run-name {\n    font-size: 13px;\n  }\n\n  .run-meta {\n    gap: 10px;\n    font-size: 11px;\n  }\n\n  .empty-state {\n    padding: 40px 16px;\n  }\n\n  .empty-icon {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon i {\n    font-size: 28px;\n  }\n\n  .details-card {\n    padding: 16px;\n  }\n\n  .details-grid {\n    gap: 16px;\n  }\n\n  .keyboard-shortcuts, .shortcuts-toggle {\n    display: none;\n  }\n}\n\n/* ===================================\n   Responsive Design - Small Mobile\n   =================================== */\n@media (max-width: 480px) {\n  .suite-run-header {\n    padding: 12px;\n  }\n\n  .breadcrumb {\n    font-size: 12px;\n    margin-bottom: 12px;\n  }\n\n  .suite-run-icon {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n\n  .suite-run-info h1 {\n    font-size: 18px;\n  }\n\n  .suite-run-meta {\n    gap: 8px;\n  }\n\n  .status-badge {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .meta-tag {\n    font-size: 11px;\n    padding: 3px 8px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .metric-card {\n    padding: 10px;\n    gap: 6px;\n  }\n\n  .metric-icon {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .metric-value {\n    font-size: 14px;\n  }\n\n  .metric-label {\n    font-size: 9px;\n  }\n\n  .result-item {\n    padding: 8px 10px;\n    min-width: 80px;\n    gap: 8px;\n  }\n\n  .result-icon {\n    font-size: 18px;\n  }\n\n  .result-count {\n    font-size: 16px;\n  }\n\n  .result-label {\n    font-size: 9px;\n  }\n\n  .tabs {\n    padding: 0 12px;\n  }\n\n  .tab {\n    padding: 12px 14px;\n    gap: 6px;\n  }\n\n  .tab i {\n    font-size: 14px;\n  }\n\n  .tab-content {\n    padding: 12px;\n  }\n\n  .result-hero {\n    padding: 24px 16px;\n  }\n\n  .result-hero-icon {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .result-hero-text h2 {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .stat-value {\n    font-size: 18px;\n  }\n\n  .stat-label {\n    font-size: 10px;\n  }\n\n  .progress-section {\n    padding: 16px;\n  }\n\n  .progress-info {\n    font-size: 14px;\n  }\n\n  .test-run-item {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .run-sequence {\n    width: 24px;\n    height: 24px;\n    font-size: 11px;\n  }\n\n  .run-icon {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n    border-radius: 8px;\n  }\n\n  .run-name {\n    font-size: 12px;\n    margin-bottom: 3px;\n  }\n\n  .run-meta {\n    gap: 8px;\n    font-size: 10px;\n  }\n\n  .empty-state {\n    padding: 32px 12px;\n  }\n\n  .empty-state h4 {\n    font-size: 16px;\n  }\n\n  .empty-state p {\n    font-size: 13px;\n  }\n\n  .details-card {\n    padding: 14px;\n  }\n\n  .details-card h3 {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .detail-label {\n    font-size: 10px;\n  }\n\n  .detail-value {\n    font-size: 13px;\n  }\n}\n\n/* ===================================\n   Touch Device Optimizations\n   =================================== */\n@media (hover: none) and (pointer: coarse) {\n  .test-run-item {\n    min-height: 64px;\n  }\n\n  .test-run-item:hover {\n    transform: none;\n    background: var(--suite-run-card);\n    border-color: var(--suite-run-border);\n  }\n\n  .test-run-item:active {\n    background: var(--suite-run-primary-light);\n    border-color: #93c5fd;\n  }\n\n  .tab:hover {\n    background: transparent;\n    color: var(--suite-run-text-secondary);\n  }\n\n  .tab:active {\n    background: var(--suite-run-primary-light);\n    color: var(--suite-run-primary);\n  }\n\n  .metric-card:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .result-item:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .keyboard-shortcuts {\n    display: none;\n  }\n}\n\n/* ===================================\n   Print Styles\n   =================================== */\n@media print {\n  .suite-run-header {\n    background: white;\n    box-shadow: none;\n    border-bottom: 2px solid #000;\n  }\n\n  .tabs-container,\n  .header-actions,\n  .keyboard-shortcuts {\n    display: none;\n  }\n\n  .tab-content {\n    padding: 20px 0;\n  }\n\n  .result-hero,\n  .test-run-item,\n  .details-card {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\n/* ===================================\n   Dark Mode Support (Future)\n   =================================== */\n@media (prefers-color-scheme: dark) {\n  /* Ready for dark mode implementation */\n}\n\n/* ===================================\n   Tags Bar - Sleek Inline Display\n   =================================== */\n.tags-bar {\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);\n  border: 1px solid rgba(59, 130, 246, 0.15);\n  border-radius: 8px;\n  max-width: 600px;\n}\n\n.tags-bar-content {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.tags-bar-label {\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n}\n\n.tags-bar-label i {\n  opacity: 0.6;\n}\n\n.tags-bar-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1;\n}\n\n.tag-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.tags-bar-empty {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  opacity: 0.7;\n  flex: 1;\n}\n\n.tags-bar-edit {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  background: transparent;\n  border: 1px dashed var(--suite-run-border);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.tags-bar-edit:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tags-bar-edit i {\n  font-size: 10px;\n}\n\n/* ===================================\n   Tags Editor Panel - Expanded Edit Mode\n   =================================== */\n.tags-editor-panel {\n  margin-top: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n  max-width: 600px;\n}\n\n.tags-editor-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--suite-run-primary-light);\n  border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.tags-editor-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tags-editor-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tags-editor-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-height: 32px;\n}\n\n.tag-editable {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 8px 5px 12px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  border-radius: 14px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n  border: none;\n  color: var(--suite-run-primary);\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 9px;\n  opacity: 0.6;\n  transition: var(--suite-run-transition);\n}\n\n.tag-remove-btn:hover {\n  opacity: 1;\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.tags-empty-hint {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  font-style: italic;\n  padding: 4px 0;\n}\n\n.tags-editor-input {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag-text-input {\n  flex: 1;\n  padding: 10px 14px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 13px;\n  background: var(--suite-run-neutral-light);\n}\n\n.tag-text-input:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  background: var(--suite-run-card);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.tag-text-input::placeholder {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n.tags-editor-footer {\n  display: flex;\n  justify-content: flex-start;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-top: 1px solid var(--suite-run-border);\n}\n\n/* ===================================\n   Runs Toolbar\n   =================================== */\n.runs-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.run-filters {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-btn {\n  padding: 6px 14px;\n  border: 1px solid var(--suite-run-border);\n  background: var(--suite-run-card);\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n}\n\n.filter-btn.active {\n  background: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n  color: white;\n}\n\n.filter-btn.passed:hover,\n.filter-btn.passed.active {\n  background: var(--suite-run-success);\n  border-color: var(--suite-run-success);\n  color: white;\n}\n\n.filter-btn.failed:hover,\n.filter-btn.failed.active {\n  background: var(--suite-run-danger);\n  border-color: var(--suite-run-danger);\n  color: white;\n}\n\n.filter-btn.error:hover,\n.filter-btn.error.active {\n  background: var(--suite-run-warning);\n  border-color: var(--suite-run-warning);\n  color: white;\n}\n\n.runs-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* ===================================\n   Test Run Card (Expandable)\n   =================================== */\n.test-run-card {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n  margin-bottom: 10px;\n}\n\n.test-run-card:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.run-header-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-feedback-indicator {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.run-feedback-indicator i {\n  font-size: 10px;\n}\n\n.run-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.tag-mini {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.tag-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1d4ed8;\n}\n\n.run-expand {\n  color: var(--suite-run-text-secondary);\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover .run-expand {\n  color: var(--suite-run-primary);\n}\n\n.run-cost {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-cost i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n/* ===================================\n   Inline Feedback\n   =================================== */\n.inline-feedback {\n  padding: 0 16px 16px;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.feedback-divider {\n  height: 1px;\n  background: var(--suite-run-border);\n  margin-bottom: 16px;\n}\n\n.feedback-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.feedback-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.inline-rating {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rating-numbers {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rating-btn {\n  width: 36px;\n  height: 36px;\n  border: 2px solid var(--suite-run-border);\n  border-radius: 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.rating-btn:hover,\n.rating-btn.hover {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.low:hover,\n.rating-btn.low.hover {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.rating-btn.mid:hover,\n.rating-btn.mid.hover {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.rating-btn.high:hover,\n.rating-btn.high.hover {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.rating-btn.selected {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.selected.low {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger);\n  color: white;\n}\n\n.rating-btn.selected.mid {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning);\n  color: white;\n}\n\n.rating-btn.selected.high {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success);\n  color: white;\n}\n\n.rating-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 8px;\n}\n\n.rating-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.rating-label-text {\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.correctness-row {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.correctness-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.correctness-options {\n  display: flex;\n  gap: 16px;\n}\n\n.radio-opt {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.radio-opt input[type=\"radio\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.comments-row {\n  width: 100%;\n}\n\n.feedback-textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  min-height: 80px;\n}\n\n.feedback-textarea:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n.feedback-actions {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 8px;\n}\n\n/* ===================================\n   Mobile Responsive Updates\n   =================================== */\n@media (max-width: 768px) {\n  .tags-bar {\n    padding: 8px 12px;\n  }\n\n  .tags-bar-content {\n    gap: 8px;\n  }\n\n  .tag-inline {\n    padding: 3px 8px;\n    font-size: 10px;\n  }\n\n  .tags-editor-panel {\n    margin-top: 12px;\n  }\n\n  .tags-editor-body {\n    padding: 12px;\n  }\n\n  .tags-editor-footer {\n    padding: 10px 12px;\n  }\n\n  .runs-toolbar {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .run-filters {\n    justify-content: center;\n  }\n\n  .runs-actions {\n    justify-content: center;\n  }\n\n  .rating-numbers {\n    justify-content: center;\n  }\n\n  .rating-btn {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n\n  .correctness-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .feedback-actions {\n    flex-direction: column;\n  }\n\n  .feedback-actions button {\n    width: 100%;\n  }\n}\n\n/* ===================================\n   Animations\n   =================================== */\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.result-hero.running .result-hero-icon {\n  animation: pulse 2s ease-in-out infinite;\n}\n\n/* Tab content fade in */\n.overview-tab,\n.runs-tab,\n.details-tab,\n.analytics-tab {\n  animation: fadeIn 0.3s ease;\n}\n\n/* ===================================\n   Analytics Tab\n   =================================== */\n.analytics-tab {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analytics-section {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.analytics-section h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-section h3 i {\n  color: var(--suite-run-primary);\n}\n\n.analytics-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-header h3 {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.analytics-legend {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.legend-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.legend-item.passed {\n  color: var(--suite-run-success);\n}\n\n.legend-item.failed {\n  color: var(--suite-run-danger);\n}\n\n.legend-item.error {\n  color: var(--suite-run-warning);\n}\n\n.legend-item.skipped {\n  color: var(--suite-run-neutral);\n}\n\n/* Performance Matrix */\n.performance-matrix {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.matrix-row {\n  display: grid;\n  grid-template-columns: 2fr 120px 150px 100px 100px;\n  border-bottom: 1px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n  cursor: pointer;\n}\n\n.matrix-row:last-child {\n  border-bottom: none;\n}\n\n.matrix-row:hover:not(.matrix-header-row) {\n  background: var(--suite-run-primary-light);\n}\n\n.matrix-row.passed {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.matrix-row.failed {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.matrix-row.error {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.matrix-row.skipped {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n.matrix-header-row {\n  background: var(--suite-run-neutral-light);\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  cursor: default;\n}\n\n.matrix-cell {\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n}\n\n.test-name-cell {\n  gap: 12px;\n}\n\n.test-sequence {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.test-name {\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-indicator.status-passed {\n  color: var(--suite-run-success);\n}\n\n.status-indicator.status-failed {\n  color: var(--suite-run-danger);\n}\n\n.status-indicator.status-error {\n  color: var(--suite-run-warning);\n}\n\n.status-indicator.status-skipped {\n  color: var(--suite-run-neutral);\n}\n\n.status-indicator.status-pending {\n  color: var(--suite-run-info);\n}\n\n.status-indicator.status-running {\n  color: var(--suite-run-primary);\n}\n\n.score-bar {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.score-fill {\n  height: 100%;\n  border-radius: 10px;\n  transition: width 0.3s ease;\n}\n\n.score-fill.high {\n  background: linear-gradient(90deg, var(--suite-run-success) 0%, #34d399 100%);\n}\n\n.score-fill.medium {\n  background: linear-gradient(90deg, var(--suite-run-warning) 0%, #fbbf24 100%);\n}\n\n.score-fill.low {\n  background: linear-gradient(90deg, var(--suite-run-danger) 0%, #f87171 100%);\n}\n\n.score-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.na-value {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n/* Summary Statistics Grid */\n.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 16px;\n}\n\n.stat-card {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 12px;\n  transition: var(--suite-run-transition);\n}\n\n.stat-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.stat-icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  font-size: 20px;\n}\n\n.stat-icon.passed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.stat-icon.failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.stat-icon.score {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.stat-icon.duration {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.stat-icon.cost {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.stat-content {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.stat-card .stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-card .stat-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-percent {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n/* Responsive Analytics */\n@media (max-width: 768px) {\n  .analytics-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .matrix-row {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 12px;\n  }\n\n  .matrix-header-row {\n    display: none;\n  }\n\n  .matrix-cell {\n    padding: 4px 0;\n  }\n\n  .test-name-cell::before,\n  .status-cell::before,\n  .score-cell::before,\n  .duration-cell::before,\n  .cost-cell::before {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--suite-run-text-secondary);\n    text-transform: uppercase;\n    margin-right: 8px;\n    min-width: 80px;\n  }\n\n  .status-cell::before { content: 'Status:'; }\n  .score-cell::before { content: 'Score:'; }\n  .duration-cell::before { content: 'Duration:'; }\n  .cost-cell::before { content: 'Cost:'; }\n\n  .stats-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .stat-card {\n    padding: 16px;\n  }\n\n  .stat-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .stat-card .stat-value {\n    font-size: 20px;\n  }\n}\n\n/* Focus States for Accessibility */\n.tab:focus-visible,\n.test-run-item:focus-visible,\nbutton:focus-visible {\n  outline: 2px solid var(--suite-run-primary);\n  outline-offset: 2px;\n}\n\n/* ===================================\n   Analytics Loading State\n   =================================== */\n.analytics-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 60px 20px;\n  color: var(--suite-run-text-secondary);\n}\n\n.analytics-loading i {\n  font-size: 32px;\n  color: var(--suite-run-primary);\n}\n\n/* ===================================\n   Results Table\n   =================================== */\n.results-table-wrapper {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.results-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.results-table thead {\n  background: var(--suite-run-neutral-light);\n}\n\n.results-table th {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.results-table td {\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n}\n\n.results-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n/* Column widths - Fixed columns fit content, name column takes remainder (max 50%) */\n.seq-col {\n  width: 40px;\n  min-width: 40px;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.name-col {\n  /* Take remaining space, but cap at 50% of table width */\n  width: auto;\n  max-width: 50%;\n}\n\n.status-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n}\n\n.score-col {\n  width: 1%; /* Shrink to fit content */\n  min-width: 120px; /* Score bar needs some minimum width */\n  white-space: nowrap;\n}\n\n.duration-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: right;\n}\n\n.cost-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: right;\n}\n\n/* Result Row */\n.result-row {\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.result-row:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.result-row.row-passed {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.result-row.row-failed {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.result-row.row-error {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.result-row.row-skipped {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n/* Test Name Wrapper */\n.test-name-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.test-name-wrapper .test-name {\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.test-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n/* Score Display */\n.score-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.score-bar-mini {\n  flex: 1;\n  height: 6px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 3px;\n  overflow: hidden;\n  min-width: 60px;\n}\n\n.score-bar-mini .score-fill {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.3s ease;\n}\n\n.score-bar-mini .score-fill.high {\n  background: var(--suite-run-success);\n}\n\n.score-bar-mini .score-fill.medium {\n  background: var(--suite-run-warning);\n}\n\n.score-bar-mini .score-fill.low {\n  background: var(--suite-run-danger);\n}\n\n.score-display .score-text {\n  position: static;\n  transform: none;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  min-width: 35px;\n  text-align: right;\n}\n\n/* Status Badge in Table */\n.results-table .status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.results-table .status-badge.status-passed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.results-table .status-badge.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.results-table .status-badge.status-error {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.results-table .status-badge.status-skipped {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.results-table .status-badge.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.results-table .status-badge.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n/* Responsive Results Table */\n@media (max-width: 768px) {\n  .results-table-wrapper {\n    overflow-x: auto;\n  }\n\n  .results-table {\n    min-width: 600px;\n  }\n\n  .results-table th,\n  .results-table td {\n    padding: 10px 12px;\n  }\n\n  .name-col {\n    min-width: 150px;\n  }\n}\n\n/* ===================================\n   High Contrast Mode\n   =================================== */\n@media (prefers-contrast: high) {\n  .status-badge,\n  .status-inline {\n    border: 2px solid currentColor;\n  }\n\n  .test-run-item {\n    border-width: 2px;\n  }\n\n  .tab.active {\n    border-bottom-width: 4px;\n  }\n}\n\n/* ===================================\n   Evaluation Summary\n   =================================== */\n.evaluation-summary {\n  margin-top: 20px;\n}\n\n.eval-summary-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n\n.eval-summary-card {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n}\n\n.eval-summary-card:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.eval-card-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-bottom: 1px solid var(--suite-run-border);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-card-header i {\n  color: var(--suite-run-primary);\n}\n\n.eval-card-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.eval-stat-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.eval-stat-label {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.eval-stat-value {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-stat-value.correct {\n  color: var(--suite-run-success);\n}\n\n.eval-stat-value.incorrect {\n  color: var(--suite-run-danger);\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.eval-stat-value.error {\n  color: var(--suite-run-danger);\n}\n\n.eval-stat-value.timeout {\n  color: var(--suite-run-warning);\n}\n\n.eval-card-footer {\n  padding: 10px 16px;\n  background: var(--suite-run-warning-light);\n  border-top: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.pending-badge {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-warning);\n}\n\n.pending-badge i {\n  font-size: 11px;\n}\n\n/* ===================================\n   Needs Review Section\n   =================================== */\n.needs-review-section {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n}\n\n.needs-review-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 20px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-bottom: 1px solid rgba(245, 158, 11, 0.3);\n}\n\n.needs-review-header h3 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #92400e;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.needs-review-header h3 i {\n  font-size: 16px;\n}\n\n.review-count {\n  font-size: 12px;\n  font-weight: 500;\n  color: #92400e;\n  background: rgba(255, 255, 255, 0.6);\n  padding: 2px 10px;\n  border-radius: 12px;\n}\n\n.needs-review-list {\n  padding: 8px;\n}\n\n.review-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.review-item:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.review-item-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.review-item.high-priority .review-item-icon {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.review-item.medium-priority .review-item-icon {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.review-item:not(.high-priority):not(.medium-priority) .review-item-icon {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.review-item-content {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.review-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.review-item-reason {\n  font-size: 11px;\n  color: var(--suite-run-text-secondary);\n}\n\n.review-item-action {\n  color: var(--suite-run-text-secondary);\n  font-size: 12px;\n}\n\n.review-item:hover .review-item-action {\n  color: var(--suite-run-primary);\n}\n\n.review-more {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--suite-run-border);\n}\n\n/* Mobile Responsive for Evaluation */\n@media (max-width: 768px) {\n  .eval-summary-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .eval-card-header {\n    padding: 10px 14px;\n    font-size: 12px;\n  }\n\n  .eval-card-body {\n    padding: 12px 14px;\n  }\n\n  .needs-review-header {\n    padding: 12px 16px;\n  }\n\n  .needs-review-header h3 {\n    font-size: 13px;\n  }\n\n  .review-item {\n    padding: 10px 12px;\n  }\n\n  .review-item-icon {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n/* ===================================\n   Feedback Column in Analytics Table\n   =================================== */\n.feedback-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: center;\n}\n\n.feedback-display {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.feedback-rating {\n  font-size: 13px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--suite-run-neutral-light);\n}\n\n.feedback-rating.low {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.feedback-rating.mid {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.feedback-rating.high {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness i {\n  font-size: 12px;\n}\n\n.feedback-correctness i.correct {\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness i.incorrect {\n  color: var(--suite-run-danger);\n}\n\n.na-value.needs-review {\n  color: var(--suite-run-warning);\n  opacity: 0.7;\n}\n\n.na-value.needs-review i {\n  font-size: 14px;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-test-suite-run-form', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"test-suite-run-form\" kendoDialogContainer>\n  <!-- Header Section -->\n  <div class=\"suite-run-header\">\n    <!-- Breadcrumb Navigation -->\n    <nav class=\"breadcrumb\" aria-label=\"Breadcrumb\">\n      <ol>\n        <li>\n          <a href=\"javascript:void(0)\" (click)=\"navigateToTestingDashboard()\">\n            <i class=\"fas fa-vial\"></i>\n            <span class=\"breadcrumb-text\">Testing</span>\n          </a>\n        </li>\n        @if (testSuite) {\n          <li>\n            <i class=\"fas fa-chevron-right separator\"></i>\n            <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\">\n              <i class=\"fas fa-layer-group\"></i>\n              <span class=\"breadcrumb-text\">{{ testSuite.Name }}</span>\n            </a>\n          </li>\n        }\n        <li class=\"current\">\n          <i class=\"fas fa-chevron-right separator\"></i>\n          <span>Run #{{ record.ID.substring(0, 8) }}</span>\n        </li>\n      </ol>\n    </nav>\n\n    <!-- Header Content -->\n    <div class=\"header-content\">\n      <div class=\"header-left\">\n        <div class=\"suite-run-icon\" [style.background-color]=\"getStatusColor()\">\n          <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n        </div>\n        <div class=\"suite-run-info\">\n          <h1>Suite Run</h1>\n          <div class=\"suite-run-meta\">\n            <span class=\"status-badge\" [ngClass]=\"getStatusClass()\">\n              <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n              {{ record.Status }}\n            </span>\n            @if (record.Environment) {\n              <span class=\"meta-tag environment\">\n                <i class=\"fas fa-server\"></i>\n                {{ record.Environment }}\n              </span>\n            }\n            @if (record.TriggerType) {\n              <span class=\"meta-tag trigger\">\n                <i class=\"fas fa-bolt\"></i>\n                {{ record.TriggerType }}\n              </span>\n            }\n          </div>\n        </div>\n      </div>\n      <div class=\"header-actions\">\n        <!-- Evaluation Mode Toggle -->\n        <app-evaluation-mode-toggle></app-evaluation-mode-toggle>\n        @if (record.SuiteID) {\n          <button kendoButton (click)=\"reRunSuite()\" themeColor=\"primary\">\n            <i class=\"fas fa-play\"></i> Re-run Suite\n          </button>\n        }\n        <button kendoButton (click)=\"refresh()\" [disabled]=\"isRefreshing\">\n          <i class=\"fas\" [ngClass]=\"isRefreshing ? 'fa-sync fa-spin' : 'fa-sync'\"></i>\n          {{ isRefreshing ? 'Refreshing...' : 'Refresh' }}\n        </button>\n      </div>\n    </div>\n\n    <!-- Metrics Bar -->\n    <div class=\"metrics-bar\">\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-clock\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ calculateDuration() }}</div>\n          <div class=\"metric-label\">Duration</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-percentage\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ getPassRate().toFixed(1) }}%</div>\n          <div class=\"metric-label\">Pass Rate</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-dollar-sign\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ formatCost(record.TotalCostUSD) }}</div>\n          <div class=\"metric-label\">Total Cost</div>\n        </div>\n      </div>\n      <div class=\"metric-card\">\n        <div class=\"metric-icon\">\n          <i class=\"fas fa-calendar\"></i>\n        </div>\n        <div class=\"metric-content\">\n          <div class=\"metric-value\">{{ getRelativeTime(record.StartedAt) }}</div>\n          <div class=\"metric-label\">Started</div>\n        </div>\n      </div>\n    </div>\n\n    <!-- Results Summary -->\n    <div class=\"results-summary\">\n      <div class=\"result-item passed\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-check-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.PassedTests || 0 }}</span>\n          <span class=\"result-label\">Passed</span>\n        </div>\n      </div>\n      <div class=\"result-item failed\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-times-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.FailedTests || 0 }}</span>\n          <span class=\"result-label\">Failed</span>\n        </div>\n      </div>\n      <div class=\"result-item error\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-exclamation-circle\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.ErrorTests || 0 }}</span>\n          <span class=\"result-label\">Errors</span>\n        </div>\n      </div>\n      <div class=\"result-item skipped\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-forward\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.SkippedTests || 0 }}</span>\n          <span class=\"result-label\">Skipped</span>\n        </div>\n      </div>\n      <div class=\"result-item total\">\n        <div class=\"result-icon\">\n          <i class=\"fas fa-list\"></i>\n        </div>\n        <div class=\"result-content\">\n          <span class=\"result-count\">{{ record.TotalTests || 0 }}</span>\n          <span class=\"result-label\">Total</span>\n        </div>\n      </div>\n    </div>\n\n    <!-- Tags Section - Sleek inline design -->\n    @if (!editingTags) {\n      <div class=\"tags-bar\">\n        <div class=\"tags-bar-content\">\n          <span class=\"tags-bar-label\"><i class=\"fas fa-tags\"></i></span>\n          @if (tags.length > 0) {\n            <div class=\"tags-bar-chips\">\n              @for (tag of tags; track tag) {\n                <span class=\"tag-inline\">{{ tag }}</span>\n              }\n            </div>\n          }\n          @if (tags.length === 0) {\n            <span class=\"tags-bar-empty\">No tags</span>\n          }\n          <button class=\"tags-bar-edit\" (click)=\"startEditingTags()\" title=\"Edit tags\">\n            <i class=\"fas fa-plus\"></i> Add\n          </button>\n        </div>\n      </div>\n    }\n\n    <!-- Tags Editor - Expanded when editing -->\n    @if (editingTags) {\n      <div class=\"tags-editor-panel\">\n        <div class=\"tags-editor-header\">\n          <span class=\"tags-editor-title\"><i class=\"fas fa-tags\"></i> Edit Tags</span>\n        </div>\n        <div class=\"tags-editor-body\">\n          <div class=\"tags-editor-chips\">\n            @for (tag of tags; track tag) {\n              <span class=\"tag-editable\">\n                {{ tag }}\n                <button class=\"tag-remove-btn\" (click)=\"removeTag(tag)\" title=\"Remove tag\">\n                  <i class=\"fas fa-times\"></i>\n                </button>\n              </span>\n            }\n            @if (tags.length === 0) {\n              <span class=\"tags-empty-hint\">No tags yet</span>\n            }\n          </div>\n          <div class=\"tags-editor-input\">\n            <input type=\"text\"\n              [(ngModel)]=\"newTag\"\n              placeholder=\"Type a tag and press Enter...\"\n              (keyup.enter)=\"addTag()\"\n              class=\"tag-text-input\" />\n            <button kendoButton (click)=\"addTag()\" [disabled]=\"!newTag.trim()\" fillMode=\"flat\">\n              <i class=\"fas fa-plus\"></i>\n            </button>\n          </div>\n        </div>\n        <div class=\"tags-editor-footer\">\n          <button kendoButton (click)=\"saveTags()\" themeColor=\"primary\" [disabled]=\"savingTags\">\n            @if (savingTags) {\n              <i class=\"fas fa-spinner fa-spin\"></i>\n            }\n            {{ savingTags ? 'Saving...' : 'Save' }}\n          </button>\n          <button kendoButton (click)=\"cancelEditingTags()\" fillMode=\"flat\">Cancel</button>\n        </div>\n      </div>\n    }\n  </div>\n\n  <!-- Tabs -->\n  <div class=\"tabs-container\">\n    <div class=\"tabs\" role=\"tablist\">\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'overview'\"\n        (click)=\"changeTab('overview')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'overview'\">\n        <i class=\"fas fa-th-large\"></i> Overview\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'runs'\"\n        (click)=\"changeTab('runs')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'runs'\">\n        <i class=\"fas fa-list\"></i> Test Runs\n        @if (testRunsLoaded) {\n          <span class=\"tab-badge\">{{ testRuns.length }}</span>\n        }\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'details'\"\n        (click)=\"changeTab('details')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'details'\">\n        <i class=\"fas fa-info-circle\"></i> Details\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'analytics'\"\n        (click)=\"changeTab('analytics')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'analytics'\"\n        title=\"Press 4\">\n        <i class=\"fas fa-chart-bar\"></i> Analytics\n      </button>\n      <button class=\"tab\"\n        [class.active]=\"activeTab === 'execution'\"\n        (click)=\"changeTab('execution')\"\n        role=\"tab\"\n        [attr.aria-selected]=\"activeTab === 'execution'\"\n        title=\"Press 5\">\n        <i class=\"fas fa-microchip\"></i>\n        <span>Execution</span>\n      </button>\n    </div>\n  </div>\n\n  <!-- Tab Content -->\n  <div class=\"tab-content\">\n    <!-- Overview Tab -->\n    @if (activeTab === 'overview') {\n      <div class=\"overview-tab\">\n        <!-- Result Hero -->\n        <div class=\"result-hero\"\n          [class.passed]=\"record.Status === 'Completed' && getPassRate() >= 90\"\n          [class.failed]=\"record.Status === 'Failed' || getPassRate() < 50\"\n          [class.running]=\"record.Status === 'Running'\"\n          [class.pending]=\"record.Status === 'Pending'\">\n          <div class=\"result-hero-icon\">\n            <i class=\"fas\" [ngClass]=\"getStatusIcon()\"></i>\n          </div>\n          <div class=\"result-hero-text\">\n            <h2>SUITE {{ record.Status.toUpperCase() || 'UNKNOWN' }}</h2>\n            <div class=\"result-hero-stats\">\n              <div class=\"stat-item\">\n                <span class=\"stat-value\">{{ getPassRate().toFixed(1) }}%</span>\n                <span class=\"stat-label\">Pass Rate</span>\n              </div>\n              <div class=\"stat-divider\"></div>\n              <div class=\"stat-item\">\n                <span class=\"stat-value\">{{ record.PassedTests || 0 }} / {{ record.TotalTests || 0 }}</span>\n                <span class=\"stat-label\">Tests Passed</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- Evaluation Metrics Summary -->\n        @if (evaluationMetrics && feedbacksLoaded) {\n          <div class=\"evaluation-summary\">\n            <div class=\"eval-summary-grid\">\n              <!-- Human Feedback Card -->\n              @if (evalPreferences.showHuman) {\n                <div class=\"eval-summary-card\">\n                  <div class=\"eval-card-header\">\n                    <i class=\"fa-solid fa-user\"></i>\n                    <span>Human Feedback</span>\n                  </div>\n                  <div class=\"eval-card-body\">\n                    <div class=\"eval-stat-row\">\n                      <span class=\"eval-stat-label\">Reviewed</span>\n                      <span class=\"eval-stat-value\">{{ evaluationMetrics.humanReviewedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n                    </div>\n                    @if (evaluationMetrics.humanReviewedCount > 0) {\n                      <div class=\"eval-stat-row\">\n                        <span class=\"eval-stat-label\">Avg Rating</span>\n                        <span class=\"eval-stat-value\">{{ evaluationMetrics.humanAvgRating.toFixed(1) }}/10</span>\n                      </div>\n                    }\n                    @if (evaluationMetrics.humanReviewedCount > 0) {\n                      <div class=\"eval-stat-row\">\n                        <span class=\"eval-stat-label\">Correct</span>\n                        <span class=\"eval-stat-value correct\">{{ evaluationMetrics.humanCorrectCount }}</span>\n                        @if (evaluationMetrics.humanIncorrectCount > 0) {\n                          <span class=\"eval-stat-value incorrect\">{{ evaluationMetrics.humanIncorrectCount }} incorrect</span>\n                        }\n                      </div>\n                    }\n                  </div>\n                  @if (evaluationMetrics.humanPendingCount > 0) {\n                    <div class=\"eval-card-footer\">\n                      <span class=\"pending-badge\">\n                        <i class=\"fa-solid fa-clock\"></i>\n                        {{ evaluationMetrics.humanPendingCount }} need review\n                      </span>\n                    </div>\n                  }\n                </div>\n              }\n              <!-- Auto Score Card -->\n              @if (evalPreferences.showAuto) {\n                <div class=\"eval-summary-card\">\n                  <div class=\"eval-card-header\">\n                    <i class=\"fa-solid fa-robot\"></i>\n                    <span>Auto Evaluation</span>\n                  </div>\n                  <div class=\"eval-card-body\">\n                    <div class=\"eval-stat-row\">\n                      <span class=\"eval-stat-label\">Evaluated</span>\n                      <span class=\"eval-stat-value\">{{ evaluationMetrics.autoEvaluatedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n                    </div>\n                    @if (evaluationMetrics.autoEvaluatedCount > 0) {\n                      <div class=\"eval-stat-row\">\n                        <span class=\"eval-stat-label\">Avg Score</span>\n                        <span class=\"eval-stat-value\">{{ (evaluationMetrics.autoAvgScore * 100).toFixed(0) }}%</span>\n                      </div>\n                    }\n                    @if (evaluationMetrics.autoEvaluatedCount > 0) {\n                      <div class=\"eval-stat-row\">\n                        <span class=\"eval-stat-label\">Pass Rate</span>\n                        <span class=\"eval-stat-value\">{{ evaluationMetrics.autoPassRate.toFixed(0) }}%</span>\n                      </div>\n                    }\n                  </div>\n                </div>\n              }\n              <!-- Execution Card -->\n              @if (evalPreferences.showExecution) {\n                <div class=\"eval-summary-card\">\n                  <div class=\"eval-card-header\">\n                    <i class=\"fa-solid fa-circle-check\"></i>\n                    <span>Execution</span>\n                  </div>\n                  <div class=\"eval-card-body\">\n                    <div class=\"eval-stat-row\">\n                      <span class=\"eval-stat-label\">Completed</span>\n                      <span class=\"eval-stat-value\">{{ evaluationMetrics.execCompletedCount }} / {{ evaluationMetrics.totalRuns }}</span>\n                    </div>\n                    <div class=\"eval-stat-row\">\n                      <span class=\"eval-stat-label\">Success Rate</span>\n                      <span class=\"eval-stat-value\">{{ evaluationMetrics.execSuccessRate.toFixed(0) }}%</span>\n                    </div>\n                    @if (evaluationMetrics.execErrorCount > 0 || evaluationMetrics.execTimeoutCount > 0) {\n                      <div class=\"eval-stat-row\">\n                        <span class=\"eval-stat-label\">Issues</span>\n                        @if (evaluationMetrics.execErrorCount > 0) {\n                          <span class=\"eval-stat-value error\">{{ evaluationMetrics.execErrorCount }} errors</span>\n                        }\n                        @if (evaluationMetrics.execTimeoutCount > 0) {\n                          <span class=\"eval-stat-value timeout\">{{ evaluationMetrics.execTimeoutCount }} timeouts</span>\n                        }\n                      </div>\n                    }\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Needs Review Section -->\n        @if (evalPreferences.showHuman && needsReviewItems.length > 0 && feedbacksLoaded) {\n          <div class=\"needs-review-section\">\n            <div class=\"needs-review-header\">\n              <h3><i class=\"fa-solid fa-user-clock\"></i> Needs Review</h3>\n              <span class=\"review-count\">{{ needsReviewItems.length }} items</span>\n            </div>\n            <div class=\"needs-review-list\">\n              @for (item of needsReviewItems.slice(0, 5); track item) {\n                <div class=\"review-item\"\n                  [class.high-priority]=\"item.priority === 'high'\"\n                  [class.medium-priority]=\"item.priority === 'medium'\"\n                  (click)=\"toggleRunExpanded(item.run.id)\">\n                  <div class=\"review-item-icon\">\n                    @if (item.priority === 'high') {\n                      <i class=\"fa-solid fa-exclamation-triangle\"></i>\n                    }\n                    @if (item.priority === 'medium') {\n                      <i class=\"fa-solid fa-circle-dot\"></i>\n                    }\n                    @if (item.priority === 'low') {\n                      <i class=\"fa-solid fa-clock\"></i>\n                    }\n                  </div>\n                  <div class=\"review-item-content\">\n                    <span class=\"review-item-name\">{{ item.run.testName }}</span>\n                    <span class=\"review-item-reason\">{{ item.reason }}</span>\n                  </div>\n                  <div class=\"review-item-action\">\n                    <i class=\"fa-solid fa-chevron-right\"></i>\n                  </div>\n                </div>\n              }\n              @if (needsReviewItems.length > 5) {\n                <div class=\"review-more\">\n                  <button kendoButton fillMode=\"flat\" (click)=\"changeTab('runs')\">\n                    View all {{ needsReviewItems.length }} items\n                  </button>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Progress Ring (when running) -->\n        @if (record.Status === 'Running' || record.Status === 'Pending') {\n          <div class=\"progress-section\">\n            <div class=\"progress-info\">\n              <i class=\"fas fa-circle-notch fa-spin\"></i>\n              <span>Suite execution in progress...</span>\n            </div>\n            <div class=\"auto-refresh-notice\">\n              <i class=\"fas fa-sync\"></i>\n              Auto-refreshing every 5 seconds\n            </div>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Test Runs Tab -->\n    @if (activeTab === 'runs') {\n      <div class=\"runs-tab\">\n        <!-- Toolbar -->\n        @if (testRunsLoaded && testRuns.length > 0) {\n          <div class=\"runs-toolbar\">\n            <div class=\"run-filters\">\n              <button class=\"filter-btn\"\n                [class.active]=\"runStatusFilter === null\"\n                (click)=\"setRunStatusFilter(null)\">\n                All ({{ testRuns.length }})\n              </button>\n              @if (getRunCountByStatus('Passed') > 0) {\n                <button class=\"filter-btn passed\"\n                  [class.active]=\"runStatusFilter === 'Passed'\"\n                  (click)=\"setRunStatusFilter('Passed')\"\n                  >\n                  <i class=\"fas fa-check\"></i> Passed ({{ getRunCountByStatus('Passed') }})\n                </button>\n              }\n              @if (getRunCountByStatus('Failed') > 0) {\n                <button class=\"filter-btn failed\"\n                  [class.active]=\"runStatusFilter === 'Failed'\"\n                  (click)=\"setRunStatusFilter('Failed')\"\n                  >\n                  <i class=\"fas fa-times\"></i> Failed ({{ getRunCountByStatus('Failed') }})\n                </button>\n              }\n              @if (getRunCountByStatus('Error') > 0) {\n                <button class=\"filter-btn error\"\n                  [class.active]=\"runStatusFilter === 'Error'\"\n                  (click)=\"setRunStatusFilter('Error')\"\n                  >\n                  <i class=\"fas fa-exclamation\"></i> Error ({{ getRunCountByStatus('Error') }})\n                </button>\n              }\n            </div>\n            <div class=\"runs-actions\">\n              <button kendoButton (click)=\"exportToCSV()\">\n                <i class=\"fas fa-download\"></i> Export CSV\n              </button>\n            </div>\n          </div>\n        }\n        <!-- Loading State -->\n        @if (loadingTestRuns) {\n          <div class=\"loading-state\">\n            <div class=\"skeleton-list\">\n              @for (i of [1,2,3,4,5]; track i) {\n                <div class=\"skeleton-card\">\n                  <div class=\"skeleton-sequence\"></div>\n                  <div class=\"skeleton-icon\"></div>\n                  <div class=\"skeleton-content\">\n                    <div class=\"skeleton-line wide\"></div>\n                    <div class=\"skeleton-line narrow\"></div>\n                  </div>\n                </div>\n              }\n            </div>\n          </div>\n        }\n        <!-- Test Runs List -->\n        @if (!loadingTestRuns && testRuns.length > 0) {\n          <div class=\"test-runs-list\">\n            @for (run of getFilteredTestRuns(); track run) {\n              <div class=\"test-run-card\">\n                <div class=\"test-run-item\" (click)=\"toggleRunExpanded(run.ID)\">\n                  <div class=\"run-sequence\">{{ run.Sequence || '-' }}</div>\n                  <div class=\"run-icon\" [style.background-color]=\"getRunStatusColor(run.Status)\">\n                    <i class=\"fas\" [ngClass]=\"getRunStatusIcon(run.Status)\"></i>\n                  </div>\n                  <div class=\"run-content\">\n                    <div class=\"run-header-row\">\n                      <div class=\"run-name\">{{ run.Test }}</div>\n                      <!-- Evaluation Badge -->\n                      <app-evaluation-badge\n                        [executionStatus]=\"run.Status\"\n                        [originalStatus]=\"run.Status\"\n                        [autoScore]=\"run.Score\"\n                        [humanRating]=\"getFeedbackRating(run.ID) || null\"\n                        [humanIsCorrect]=\"getHumanIsCorrect(run.ID)\"\n                        [hasHumanFeedback]=\"hasFeedback(run.ID)\"\n                        [preferences]=\"evalPreferences\"\n                        [mode]=\"'compact'\">\n                      </app-evaluation-badge>\n                    </div>\n                    <div class=\"run-meta\">\n                      @if (run.DurationSeconds) {\n                        <span class=\"run-duration\">\n                          <i class=\"fas fa-clock\"></i> {{ run.DurationSeconds.toFixed(1) }}s\n                        </span>\n                      }\n                      @if (run.CostUSD) {\n                        <span class=\"run-cost\">\n                          <i class=\"fas fa-dollar-sign\"></i> {{ run.CostUSD.toFixed(6) }}\n                        </span>\n                      }\n                      @if (run.TargetLogEntityID && run.TargetLogID) {\n                        <mj-entity-link-pill\n                          [entityName]=\"run.TargetLogEntity\"\n                          [recordId]=\"run.TargetLogID\">\n                        </mj-entity-link-pill>\n                      }\n                    </div>\n                    @if (getRunTags(run).length > 0) {\n                      <div class=\"run-tags\">\n                        @for (tag of getRunTags(run); track tag) {\n                          <span class=\"tag-chip\">{{ tag }}</span>\n                        }\n                      </div>\n                    }\n                  </div>\n                  <div class=\"run-expand\">\n                    <i class=\"fas\" [class.fa-chevron-down]=\"expandedRunId !== run.ID\" [class.fa-chevron-up]=\"expandedRunId === run.ID\"></i>\n                  </div>\n                </div>\n                <!-- Expanded Inline Feedback -->\n                @if (expandedRunId === run.ID) {\n                  <div class=\"inline-feedback\">\n                    <div class=\"feedback-divider\"></div>\n                    <div class=\"feedback-section\">\n                      <div class=\"feedback-label\">Quick Feedback</div>\n                      <div class=\"inline-rating\">\n                        <div class=\"rating-numbers\">\n                          @for (num of [1,2,3,4,5,6,7,8,9,10]; track num) {\n                            <button\n                              type=\"button\"\n                              class=\"rating-btn\"\n                              [class.selected]=\"num === inlineRating\"\n                              [class.hover]=\"num === inlineHoverRating\"\n                              [class.low]=\"num <= 3\"\n                              [class.mid]=\"num >= 4 && num <= 6\"\n                              [class.high]=\"num >= 7\"\n                              (click)=\"setInlineRating(num); $event.stopPropagation()\"\n                              (mouseenter)=\"inlineHoverRating = num\"\n                              (mouseleave)=\"inlineHoverRating = 0\">\n                              {{ num }}\n                            </button>\n                          }\n                        </div>\n                        @if (inlineRating > 0) {\n                          <div class=\"rating-info\">\n                            <span class=\"rating-value\">{{ inlineRating }}/10</span>\n                            <span class=\"rating-label-text\">{{ getInlineRatingLabel() }}</span>\n                          </div>\n                        }\n                      </div>\n                      <div class=\"correctness-row\">\n                        <span class=\"correctness-label\">Was it correct?</span>\n                        <div class=\"correctness-options\">\n                          <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                            <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"true\" [(ngModel)]=\"inlineIsCorrect\">\n                            <span>Yes</span>\n                          </label>\n                          <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                            <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"false\" [(ngModel)]=\"inlineIsCorrect\">\n                            <span>No</span>\n                          </label>\n                          <label class=\"radio-opt\" (click)=\"$event.stopPropagation()\">\n                            <input type=\"radio\" name=\"correct-{{run.ID}}\" [value]=\"null\" [(ngModel)]=\"inlineIsCorrect\">\n                            <span>Not Sure</span>\n                          </label>\n                        </div>\n                      </div>\n                      <div class=\"comments-row\" (click)=\"$event.stopPropagation()\">\n                        <textarea\n                          class=\"feedback-textarea\"\n                          [(ngModel)]=\"inlineComments\"\n                          placeholder=\"Add comments or corrections...\"\n                        rows=\"3\"></textarea>\n                      </div>\n                      <div class=\"feedback-actions\" (click)=\"$event.stopPropagation()\">\n                        <button kendoButton (click)=\"openTestRun(run.ID)\">\n                          <i class=\"fas fa-external-link-alt\"></i> View Full Details\n                        </button>\n                        <button kendoButton\n                          themeColor=\"primary\"\n                          (click)=\"saveInlineFeedback()\"\n                          [disabled]=\"!canSubmitInlineFeedback() || savingInlineFeedback\">\n                          <i class=\"fas\" [ngClass]=\"savingInlineFeedback ? 'fa-spinner fa-spin' : 'fa-save'\"></i>\n                          {{ savingInlineFeedback ? 'Saving...' : (hasFeedback(run.ID) ? 'Update' : 'Save') }}\n                        </button>\n                      </div>\n                    </div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        }\n        <!-- Empty State -->\n        @if (testRunsLoaded && !loadingTestRuns && testRuns.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fas fa-inbox\"></i>\n            </div>\n            <h4>No Test Runs Found</h4>\n            <p>No test runs have been recorded for this suite execution.</p>\n          </div>\n        }\n        <!-- Filtered Empty -->\n        @if (testRunsLoaded && !loadingTestRuns && testRuns.length > 0 && getFilteredTestRuns().length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fas fa-filter\"></i>\n            </div>\n            <h4>No Matching Runs</h4>\n            <p>No test runs match the current filter.</p>\n            <button kendoButton (click)=\"setRunStatusFilter(null)\">Clear Filter</button>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Details Tab -->\n    @if (activeTab === 'details') {\n      <div class=\"details-tab\">\n        <div class=\"details-card\">\n          <h3><i class=\"fas fa-info-circle\"></i> Run Information</h3>\n          <div class=\"details-grid\">\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Run ID</div>\n              <div class=\"detail-value monospace\">{{ record.ID }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Test Suite</div>\n              <div class=\"detail-value\">\n                @if (testSuite) {\n                  <a href=\"javascript:void(0)\" (click)=\"openTestSuite()\">{{ testSuite.Name }}</a>\n                }\n                @if (!testSuite) {\n                  <span>Loading...</span>\n                }\n              </div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Status</div>\n              <div class=\"detail-value\">\n                <span class=\"status-inline\" [ngClass]=\"getStatusClass()\">{{ record.Status }}</span>\n              </div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Run By</div>\n              <div class=\"detail-value\">{{ record.RunByUser || 'N/A' }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Started At</div>\n              <div class=\"detail-value\">{{ record.StartedAt | date:'medium' }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Completed At</div>\n              <div class=\"detail-value\">{{ record.CompletedAt | date:'medium' }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Environment</div>\n              <div class=\"detail-value\">{{ record.Environment || 'N/A' }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Trigger Type</div>\n              <div class=\"detail-value\">{{ record.TriggerType || 'N/A' }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Git Commit</div>\n              <div class=\"detail-value monospace\">{{ record.GitCommit || 'N/A' }}</div>\n            </div>\n            <div class=\"detail-item\">\n              <div class=\"detail-label\">Agent Version</div>\n              <div class=\"detail-value\">{{ record.AgentVersion || 'N/A' }}</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    }\n\n    <!-- Analytics Tab -->\n    @if (activeTab === 'analytics') {\n      <div class=\"analytics-tab\">\n        <!-- Loading State -->\n        @if (loadingTestRuns) {\n          <div class=\"analytics-loading\">\n            <i class=\"fas fa-spinner fa-spin\"></i>\n            <span>Loading test results...</span>\n          </div>\n        }\n        <!-- Summary Statistics - Moved to top for better overview -->\n        @if (!loadingTestRuns && testRuns.length > 0) {\n          <div class=\"analytics-section\">\n            <h3><i class=\"fas fa-chart-pie\"></i> Summary Statistics</h3>\n            <div class=\"stats-grid\">\n              <div class=\"stat-card\">\n                <div class=\"stat-icon passed\"><i class=\"fas fa-check-circle\"></i></div>\n                <div class=\"stat-content\">\n                  <div class=\"stat-value\">{{ getPassedCount() }}</div>\n                  <div class=\"stat-label\">Passed</div>\n                  <div class=\"stat-percent\">{{ getPassedPercent().toFixed(1) }}%</div>\n                </div>\n              </div>\n              <div class=\"stat-card\">\n                <div class=\"stat-icon failed\"><i class=\"fas fa-times-circle\"></i></div>\n                <div class=\"stat-content\">\n                  <div class=\"stat-value\">{{ getFailedCount() }}</div>\n                  <div class=\"stat-label\">Failed</div>\n                  <div class=\"stat-percent\">{{ getFailedPercent().toFixed(1) }}%</div>\n                </div>\n              </div>\n              <div class=\"stat-card\">\n                <div class=\"stat-icon score\"><i class=\"fas fa-star\"></i></div>\n                <div class=\"stat-content\">\n                  <div class=\"stat-value\">{{ (getAverageScore() * 100).toFixed(1) }}%</div>\n                  <div class=\"stat-label\">Avg Score</div>\n                </div>\n              </div>\n              <div class=\"stat-card\">\n                <div class=\"stat-icon duration\"><i class=\"fas fa-clock\"></i></div>\n                <div class=\"stat-content\">\n                  <div class=\"stat-value\">{{ getAverageDuration().toFixed(1) }}s</div>\n                  <div class=\"stat-label\">Avg Duration</div>\n                </div>\n              </div>\n              <div class=\"stat-card\">\n                <div class=\"stat-icon cost\"><i class=\"fas fa-dollar-sign\"></i></div>\n                <div class=\"stat-content\">\n                  <div class=\"stat-value\">${{ getTotalCost().toFixed(4) }}</div>\n                  <div class=\"stat-label\">Total Cost</div>\n                </div>\n              </div>\n            </div>\n          </div>\n        }\n        <!-- Test Results Table -->\n        @if (!loadingTestRuns && testRuns.length > 0) {\n          <div class=\"analytics-section\">\n            <div class=\"analytics-header\">\n              <h3><i class=\"fas fa-table\"></i> Test Results</h3>\n              <div class=\"analytics-legend\">\n                <span class=\"legend-item passed\"><i class=\"fas fa-check-circle\"></i> Passed</span>\n                <span class=\"legend-item failed\"><i class=\"fas fa-times-circle\"></i> Failed</span>\n                <span class=\"legend-item error\"><i class=\"fas fa-exclamation-circle\"></i> Error</span>\n                <span class=\"legend-item skipped\"><i class=\"fas fa-forward\"></i> Skipped</span>\n              </div>\n            </div>\n            <!-- Results Table -->\n            <div class=\"results-table-wrapper\">\n              <table class=\"results-table\">\n                <thead>\n                  <tr>\n                    <th class=\"seq-col\">#</th>\n                    <th class=\"name-col\">Test Name</th>\n                    @if (evalPreferences.showExecution) {\n                      <th class=\"status-col\">Status</th>\n                    }\n                    @if (evalPreferences.showAuto) {\n                      <th class=\"score-col\">Auto Score</th>\n                    }\n                    @if (evalPreferences.showHuman) {\n                      <th class=\"feedback-col\">Human Score</th>\n                    }\n                    <th class=\"duration-col\">Duration</th>\n                    <th class=\"cost-col\">Cost</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  @for (run of testRuns; track run; let i = $index) {\n                    <tr\n                      class=\"result-row\"\n                      [class.row-passed]=\"run.Status === 'Passed'\"\n                      [class.row-failed]=\"run.Status === 'Failed'\"\n                      [class.row-error]=\"run.Status === 'Error'\"\n                      [class.row-skipped]=\"run.Status === 'Skipped'\"\n                      (click)=\"openTestRun(run.ID)\">\n                      <td class=\"seq-col\">{{ i + 1 }}</td>\n                      <td class=\"name-col\">\n                        <div class=\"test-name-wrapper\">\n                          <span class=\"test-name\">{{ run.Test || 'Unknown Test' }}</span>\n                          @if (getRunTags(run).length > 0) {\n                            <div class=\"test-tags\">\n                              @for (tag of getRunTags(run).slice(0, 2); track tag) {\n                                <span class=\"tag-mini\">{{ tag }}</span>\n                              }\n                            </div>\n                          }\n                        </div>\n                      </td>\n                      @if (evalPreferences.showExecution) {\n                        <td class=\"status-col\">\n                          <span class=\"status-badge\" [ngClass]=\"'status-' + run.Status.toLowerCase()\">\n                            <i class=\"fas\"\n                              [class.fa-check-circle]=\"run.Status === 'Passed'\"\n                              [class.fa-times-circle]=\"run.Status === 'Failed'\"\n                              [class.fa-exclamation-circle]=\"run.Status === 'Error'\"\n                              [class.fa-forward]=\"run.Status === 'Skipped'\"\n                              [class.fa-clock]=\"run.Status === 'Pending'\"\n                              [class.fa-spinner]=\"run.Status === 'Running'\"\n                            [class.fa-spin]=\"run.Status === 'Running'\"></i>\n                            {{ run.Status }}\n                          </span>\n                        </td>\n                      }\n                      @if (evalPreferences.showAuto) {\n                        <td class=\"score-col\">\n                          @if (run.Score != null) {\n                            <div class=\"score-display\">\n                              <div class=\"score-bar-mini\">\n                                <div class=\"score-fill\"\n                                  [style.width.%]=\"run.Score * 100\"\n                                  [class.high]=\"run.Score >= 0.8\"\n                                  [class.medium]=\"run.Score >= 0.5 && run.Score < 0.8\"\n                                [class.low]=\"run.Score < 0.5\"></div>\n                              </div>\n                              <span class=\"score-text\">{{ (run.Score * 100).toFixed(0) }}%</span>\n                            </div>\n                          }\n                          @if (run.Score == null) {\n                            <span class=\"na-value\">\u2014</span>\n                          }\n                        </td>\n                      }\n                      @if (evalPreferences.showHuman) {\n                        <td class=\"feedback-col\">\n                          @if (hasFeedback(run.ID)) {\n                            <div class=\"feedback-display\">\n                              <span class=\"feedback-rating\" [class.low]=\"getFeedbackRating(run.ID) <= 3\" [class.mid]=\"getFeedbackRating(run.ID) >= 4 && getFeedbackRating(run.ID) <= 6\" [class.high]=\"getFeedbackRating(run.ID) >= 7\">\n                                {{ getFeedbackRating(run.ID) }}/10\n                              </span>\n                              @if (getHumanIsCorrect(run.ID) !== null) {\n                                <span class=\"feedback-correctness\">\n                                  <i class=\"fas\" [class.fa-check]=\"getHumanIsCorrect(run.ID) === true\" [class.fa-times]=\"getHumanIsCorrect(run.ID) === false\" [class.correct]=\"getHumanIsCorrect(run.ID) === true\" [class.incorrect]=\"getHumanIsCorrect(run.ID) === false\"></i>\n                                </span>\n                              }\n                            </div>\n                          }\n                          @if (!hasFeedback(run.ID)) {\n                            <span class=\"na-value needs-review\">\n                              <i class=\"fas fa-user-clock\"></i>\n                            </span>\n                          }\n                        </td>\n                      }\n                      <td class=\"duration-col\">\n                        @if (run.DurationSeconds) {\n                          <span>{{ run.DurationSeconds.toFixed(1) }}s</span>\n                        }\n                        @if (!run.DurationSeconds) {\n                          <span class=\"na-value\">\u2014</span>\n                        }\n                      </td>\n                      <td class=\"cost-col\">\n                        @if (run.CostUSD) {\n                          <span>${{ run.CostUSD.toFixed(4) }}</span>\n                        }\n                        @if (!run.CostUSD) {\n                          <span class=\"na-value\">\u2014</span>\n                        }\n                      </td>\n                    </tr>\n                  }\n                </tbody>\n              </table>\n            </div>\n          </div>\n        }\n        <!-- Empty State -->\n        @if (!loadingTestRuns && testRunsLoaded && testRuns.length === 0) {\n          <div class=\"empty-state\">\n            <div class=\"empty-icon\">\n              <i class=\"fas fa-chart-bar\"></i>\n            </div>\n            <h4>No Test Results Yet</h4>\n            <p>Test runs will appear here once the suite execution completes.</p>\n          </div>\n        }\n      </div>\n    }\n\n    <!-- Execution Tab -->\n    @if (activeTab === 'execution') {\n      <div class=\"execution-tab\">\n        <mj-execution-context\n          [machineName]=\"record.MachineName\"\n          [machineId]=\"record.MachineID\"\n          [runByUserName]=\"record.RunByUserName\"\n          [runByUserEmail]=\"record.RunByUserEmail\"\n          [runContextDetailsJson]=\"record.RunContextDetails\">\n        </mj-execution-context>\n      </div>\n    }\n  </div>\n\n  <!-- Keyboard Shortcuts Toggle Button -->\n  <button class=\"shortcuts-toggle\" (click)=\"toggleShortcuts()\" [title]=\"showShortcuts ? 'Hide keyboard shortcuts' : 'Show keyboard shortcuts'\">\n    <i class=\"fas fa-keyboard\"></i>\n  </button>\n\n  <!-- Keyboard Shortcuts Hint (Desktop Only) -->\n  @if (showShortcuts) {\n    <div class=\"keyboard-shortcuts\">\n      <div class=\"shortcuts-header\">\n        <i class=\"fas fa-keyboard\"></i>\n        Shortcuts\n        <button class=\"shortcuts-close\" (click)=\"toggleShortcuts()\" title=\"Hide shortcuts\">\n          <i class=\"fas fa-times\"></i>\n        </button>\n      </div>\n      <div class=\"shortcut-list\">\n        <div class=\"shortcut-item\">\n          <span>Refresh</span>\n          <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>R</kbd></span>\n        </div>\n        <div class=\"shortcut-item\">\n          <span>Re-run Suite</span>\n          <span class=\"shortcut-keys\"><kbd>Cmd</kbd><kbd>Shift</kbd><kbd>R</kbd></span>\n        </div>\n        <div class=\"shortcut-item\">\n          <span>Switch Tabs</span>\n          <span class=\"shortcut-keys\"><kbd>1</kbd>-<kbd>5</kbd></span>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n", styles: ["/* ===================================\n   Test Suite Run Form - Premium UX\n   World-class responsive design\n   =================================== */\n\n/* CSS Custom Properties */\n:host {\n  --suite-run-primary: #3b82f6;\n  --suite-run-primary-light: #eff6ff;\n  --suite-run-success: #10b981;\n  --suite-run-success-light: #ecfdf5;\n  --suite-run-danger: #ef4444;\n  --suite-run-danger-light: #fef2f2;\n  --suite-run-warning: #f59e0b;\n  --suite-run-warning-light: #fffbeb;\n  --suite-run-info: #8b5cf6;\n  --suite-run-info-light: #f5f3ff;\n  --suite-run-neutral: #6b7280;\n  --suite-run-neutral-light: #f9fafb;\n  --suite-run-bg: #f8fafc;\n  --suite-run-card: #ffffff;\n  --suite-run-border: #e2e8f0;\n  --suite-run-text: #1e293b;\n  --suite-run-text-secondary: #64748b;\n  --suite-run-radius: 12px;\n  --suite-run-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);\n  --suite-run-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --suite-run-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n/* Base Container */\n.test-suite-run-form {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  background: var(--suite-run-bg);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;\n}\n\n/* ===================================\n   Header Section\n   =================================== */\n.suite-run-header {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  padding: 20px 24px;\n}\n\n/* Breadcrumb */\n.breadcrumb {\n  margin-bottom: 16px;\n}\n\n.breadcrumb ol {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  font-size: 13px;\n}\n\n.breadcrumb li {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.breadcrumb a {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  transition: background 0.15s;\n}\n\n.breadcrumb a:hover {\n  background: rgba(59, 130, 246, 0.1);\n  text-decoration: none;\n}\n\n.breadcrumb .separator {\n  font-size: 10px;\n  color: var(--suite-run-text-secondary);\n  margin: 0 4px;\n}\n\n.breadcrumb .current {\n  color: var(--suite-run-text-secondary);\n  font-weight: 500;\n}\n\n.breadcrumb-text {\n  max-width: 200px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* Header Content */\n.header-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  gap: 16px;\n  margin-bottom: 24px;\n}\n\n.header-left {\n  display: flex;\n  gap: 16px;\n  align-items: flex-start;\n}\n\n.suite-run-icon {\n  width: 56px;\n  height: 56px;\n  border-radius: var(--suite-run-radius);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  font-size: 24px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.suite-run-info h1 {\n  margin: 0 0 8px 0;\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.suite-run-meta {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.025em;\n}\n\n.status-badge.status-completed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-badge.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-badge.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-badge.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-badge.status-cancelled {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.meta-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.meta-tag i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.header-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n/* ===================================\n   Metrics Bar\n   =================================== */\n.metrics-bar {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n  margin-bottom: 20px;\n}\n\n.metric-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  padding: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.metric-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-card);\n  border-radius: 10px;\n  color: var(--suite-run-primary);\n  font-size: 16px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.metric-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.metric-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.metric-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  margin-top: 2px;\n}\n\n/* ===================================\n   Results Summary\n   =================================== */\n.results-summary {\n  display: flex;\n  gap: 12px;\n  padding-top: 20px;\n  border-top: 1px solid var(--suite-run-border);\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n}\n\n.result-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 10px;\n  flex-shrink: 0;\n  transition: var(--suite-run-transition);\n}\n\n.result-item:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.result-icon {\n  font-size: 24px;\n}\n\n.result-content {\n  display: flex;\n  flex-direction: column;\n}\n\n.result-count {\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.result-label {\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.result-item.passed .result-icon,\n.result-item.passed .result-count {\n  color: var(--suite-run-success);\n}\n\n.result-item.failed .result-icon,\n.result-item.failed .result-count {\n  color: var(--suite-run-danger);\n}\n\n.result-item.error .result-icon,\n.result-item.error .result-count {\n  color: var(--suite-run-warning);\n}\n\n.result-item.skipped .result-icon,\n.result-item.skipped .result-count {\n  color: var(--suite-run-neutral);\n}\n\n.result-item.total .result-icon,\n.result-item.total .result-count {\n  color: var(--suite-run-primary);\n}\n\n/* ===================================\n   Tabs\n   =================================== */\n.tabs-container {\n  background: var(--suite-run-card);\n  border-bottom: 1px solid var(--suite-run-border);\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n\n.tabs {\n  display: flex;\n  padding: 0 24px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: none;\n}\n\n.tabs::-webkit-scrollbar {\n  display: none;\n}\n\n.tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border: none;\n  background: transparent;\n  border-bottom: 3px solid transparent;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  white-space: nowrap;\n  position: relative;\n}\n\n.tab:hover {\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tab.active {\n  color: var(--suite-run-primary);\n  border-bottom-color: var(--suite-run-primary);\n  font-weight: 600;\n}\n\n.tab i {\n  font-size: 15px;\n}\n\n.tab-badge {\n  background: var(--suite-run-border);\n  color: var(--suite-run-text-secondary);\n  padding: 2px 8px;\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.tab.active .tab-badge {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.tab-shortcut {\n  display: none;\n  width: 18px;\n  height: 18px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 4px;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  align-items: center;\n  justify-content: center;\n  margin-left: 4px;\n}\n\n/* ===================================\n   Tab Content\n   =================================== */\n.tab-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n}\n\n/* ===================================\n   Overview Tab\n   =================================== */\n.overview-tab {\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  max-width: 800px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.result-hero {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 48px 32px;\n  text-align: center;\n  border: 2px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n}\n\n.result-hero.passed {\n  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);\n  border-color: var(--suite-run-success);\n}\n\n.result-hero.failed {\n  background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);\n  border-color: var(--suite-run-danger);\n}\n\n.result-hero.running {\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border-color: var(--suite-run-primary);\n}\n\n.result-hero.pending {\n  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);\n  border-color: var(--suite-run-info);\n}\n\n.result-hero-icon {\n  font-size: 72px;\n  margin-bottom: 20px;\n}\n\n.result-hero.passed .result-hero-icon {\n  color: var(--suite-run-success);\n}\n\n.result-hero.failed .result-hero-icon {\n  color: var(--suite-run-danger);\n}\n\n.result-hero.running .result-hero-icon {\n  color: var(--suite-run-primary);\n}\n\n.result-hero.pending .result-hero-icon {\n  color: var(--suite-run-info);\n}\n\n.result-hero-text h2 {\n  margin: 0 0 16px 0;\n  font-size: 32px;\n  font-weight: 800;\n  color: var(--suite-run-text);\n  letter-spacing: -0.025em;\n}\n\n.result-hero-stats {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 32px;\n}\n\n.stat-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-divider {\n  width: 1px;\n  height: 40px;\n  background: var(--suite-run-border);\n}\n\n/* Progress Section */\n.progress-section {\n  background: var(--suite-run-primary-light);\n  border: 1px solid rgba(59, 130, 246, 0.2);\n  border-radius: var(--suite-run-radius);\n  padding: 20px;\n  text-align: center;\n}\n\n.progress-info {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--suite-run-primary);\n  margin-bottom: 8px;\n}\n\n.progress-info i {\n  font-size: 20px;\n}\n\n.auto-refresh-notice {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n/* ===================================\n   Test Runs Tab\n   =================================== */\n.runs-tab {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n/* Loading Skeleton */\n.loading-state {\n  animation: fadeIn 0.3s ease;\n}\n\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n.skeleton-list {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.skeleton-card {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 1px solid var(--suite-run-border);\n}\n\n.skeleton-sequence {\n  width: 32px;\n  height: 32px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 50%;\n}\n\n.skeleton-icon {\n  width: 40px;\n  height: 40px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 8px;\n}\n\n.skeleton-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.skeleton-line {\n  height: 14px;\n  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);\n  background-size: 200% 100%;\n  animation: shimmer 1.5s infinite;\n  border-radius: 4px;\n}\n\n.skeleton-line.wide {\n  width: 70%;\n}\n\n.skeleton-line.narrow {\n  width: 40%;\n}\n\n@keyframes shimmer {\n  0% { background-position: 200% 0; }\n  100% { background-position: -200% 0; }\n}\n\n/* Test Runs List */\n.test-runs-list {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover {\n  background: var(--suite-run-primary-light);\n  border-color: #93c5fd;\n  transform: translateX(4px);\n}\n\n.test-run-item:active {\n  transform: translateX(2px);\n}\n\n.run-sequence {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 700;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.run-icon {\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 10px;\n  color: white;\n  font-size: 16px;\n  flex-shrink: 0;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.run-content {\n  flex: 1;\n  min-width: 0;\n}\n\n.run-name {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 4px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.run-meta {\n  display: flex;\n  gap: 16px;\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  flex-wrap: wrap;\n}\n\n.run-status {\n  font-weight: 700;\n}\n\n.run-score,\n.run-duration {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-score i,\n.run-duration i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n.test-run-item > i {\n  color: #cbd5e1;\n  font-size: 14px;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover > i {\n  color: var(--suite-run-primary);\n  transform: translateX(4px);\n}\n\n/* Empty State */\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 60px 20px;\n  text-align: center;\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  border: 2px dashed var(--suite-run-border);\n}\n\n.empty-icon {\n  width: 80px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  margin-bottom: 20px;\n}\n\n.empty-icon i {\n  font-size: 32px;\n  color: #cbd5e1;\n}\n\n.empty-state h4 {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  color: var(--suite-run-text-secondary);\n  max-width: 300px;\n}\n\n/* ===================================\n   Details Tab\n   =================================== */\n.details-tab {\n  max-width: 900px;\n  margin: 0 auto;\n  width: 100%;\n}\n\n.details-card {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.details-card h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.details-card h3 i {\n  color: var(--suite-run-primary);\n}\n\n.details-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n}\n\n.detail-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.detail-label {\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n}\n\n.detail-value {\n  font-size: 14px;\n  color: var(--suite-run-text);\n  word-wrap: break-word;\n}\n\n.detail-value.monospace {\n  font-family: 'SF Mono', Monaco, 'Cascadia Code', monospace;\n  font-size: 12px;\n  background: var(--suite-run-neutral-light);\n  padding: 6px 10px;\n  border-radius: 6px;\n}\n\n.detail-value a {\n  color: var(--suite-run-primary);\n  text-decoration: none;\n  font-weight: 500;\n  transition: var(--suite-run-transition);\n}\n\n.detail-value a:hover {\n  color: #2563eb;\n  text-decoration: underline;\n}\n\n.status-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  border-radius: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-inline.status-completed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.status-inline.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.status-inline.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.status-inline.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.status-inline.status-cancelled {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n/* ===================================\n   Keyboard Shortcuts\n   =================================== */\n/* Toggle button - visible when shortcuts are hidden */\n.shortcuts-toggle {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  box-shadow: var(--suite-run-shadow);\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n  z-index: 99;\n  transition: var(--suite-run-transition);\n  opacity: 0.7;\n}\n\n.shortcuts-toggle:hover {\n  opacity: 1;\n  transform: scale(1.1);\n  color: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n}\n\n.keyboard-shortcuts {\n  position: fixed;\n  bottom: 20px;\n  right: 20px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  padding: 12px 16px;\n  box-shadow: var(--suite-run-shadow-lg);\n  font-size: 12px;\n  z-index: 100;\n  opacity: 0.9;\n  transition: var(--suite-run-transition);\n}\n\n.keyboard-shortcuts:hover {\n  opacity: 1;\n}\n\n.shortcuts-header {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  margin-bottom: 10px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.shortcuts-header i {\n  color: var(--suite-run-primary);\n}\n\n.shortcuts-close {\n  margin-left: auto;\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--suite-run-text-muted);\n  font-size: 12px;\n  padding: 2px 4px;\n  border-radius: 4px;\n  transition: var(--suite-run-transition);\n}\n\n.shortcuts-close:hover {\n  color: var(--suite-run-text);\n  background: var(--suite-run-border);\n}\n\n.shortcut-list {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.shortcut-item {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 16px;\n}\n\n.shortcut-item span:first-child {\n  color: var(--suite-run-text-secondary);\n}\n\n.shortcut-keys {\n  display: flex;\n  gap: 4px;\n}\n\nkbd {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 20px;\n  height: 20px;\n  padding: 0 6px;\n  background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);\n  border: 1px solid #cbd5e1;\n  border-radius: 4px;\n  font-family: inherit;\n  font-size: 10px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  box-shadow: 0 1px 0 #94a3b8;\n}\n\n/* ===================================\n   Responsive Design - Tablet\n   =================================== */\n@media (max-width: 1024px) {\n  .suite-run-header {\n    padding: 16px 20px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .result-hero-stats {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .stat-divider {\n    display: none;\n  }\n\n  .details-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .tab-shortcut {\n    display: none;\n  }\n}\n\n/* ===================================\n   Responsive Design - Mobile\n   =================================== */\n@media (max-width: 768px) {\n  .suite-run-header {\n    padding: 16px;\n  }\n\n  .header-content {\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .header-left {\n    width: 100%;\n  }\n\n  .suite-run-icon {\n    width: 48px;\n    height: 48px;\n    font-size: 20px;\n  }\n\n  .suite-run-info h1 {\n    font-size: 20px;\n  }\n\n  .header-actions {\n    width: 100%;\n    justify-content: stretch;\n  }\n\n  .header-actions button {\n    flex: 1;\n  }\n\n  .metrics-bar {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .metric-card {\n    padding: 12px;\n    flex-direction: column;\n    text-align: center;\n    gap: 8px;\n  }\n\n  .metric-icon {\n    width: 36px;\n    height: 36px;\n  }\n\n  .metric-value {\n    font-size: 16px;\n  }\n\n  .results-summary {\n    gap: 8px;\n    padding-top: 16px;\n    flex-wrap: nowrap;\n    overflow-x: auto;\n    padding-bottom: 8px;\n    margin-bottom: -8px;\n  }\n\n  .result-item {\n    padding: 10px 12px;\n    min-width: 90px;\n  }\n\n  .result-icon {\n    font-size: 20px;\n  }\n\n  .result-count {\n    font-size: 18px;\n  }\n\n  .tabs {\n    padding: 0 16px;\n  }\n\n  .tab {\n    padding: 14px 16px;\n    font-size: 13px;\n  }\n\n  .tab-content {\n    padding: 16px;\n  }\n\n  .result-hero {\n    padding: 32px 20px;\n  }\n\n  .result-hero-icon {\n    font-size: 56px;\n  }\n\n  .result-hero-text h2 {\n    font-size: 24px;\n  }\n\n  .stat-value {\n    font-size: 20px;\n  }\n\n  .test-run-item {\n    padding: 14px;\n  }\n\n  .run-sequence {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n\n  .run-icon {\n    width: 36px;\n    height: 36px;\n    font-size: 14px;\n  }\n\n  .run-name {\n    font-size: 13px;\n  }\n\n  .run-meta {\n    gap: 10px;\n    font-size: 11px;\n  }\n\n  .empty-state {\n    padding: 40px 16px;\n  }\n\n  .empty-icon {\n    width: 64px;\n    height: 64px;\n  }\n\n  .empty-icon i {\n    font-size: 28px;\n  }\n\n  .details-card {\n    padding: 16px;\n  }\n\n  .details-grid {\n    gap: 16px;\n  }\n\n  .keyboard-shortcuts, .shortcuts-toggle {\n    display: none;\n  }\n}\n\n/* ===================================\n   Responsive Design - Small Mobile\n   =================================== */\n@media (max-width: 480px) {\n  .suite-run-header {\n    padding: 12px;\n  }\n\n  .breadcrumb {\n    font-size: 12px;\n    margin-bottom: 12px;\n  }\n\n  .suite-run-icon {\n    width: 44px;\n    height: 44px;\n    font-size: 18px;\n  }\n\n  .suite-run-info h1 {\n    font-size: 18px;\n  }\n\n  .suite-run-meta {\n    gap: 8px;\n  }\n\n  .status-badge {\n    padding: 4px 10px;\n    font-size: 11px;\n  }\n\n  .meta-tag {\n    font-size: 11px;\n    padding: 3px 8px;\n  }\n\n  .metrics-bar {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .metric-card {\n    padding: 10px;\n    gap: 6px;\n  }\n\n  .metric-icon {\n    width: 32px;\n    height: 32px;\n    font-size: 14px;\n  }\n\n  .metric-value {\n    font-size: 14px;\n  }\n\n  .metric-label {\n    font-size: 9px;\n  }\n\n  .result-item {\n    padding: 8px 10px;\n    min-width: 80px;\n    gap: 8px;\n  }\n\n  .result-icon {\n    font-size: 18px;\n  }\n\n  .result-count {\n    font-size: 16px;\n  }\n\n  .result-label {\n    font-size: 9px;\n  }\n\n  .tabs {\n    padding: 0 12px;\n  }\n\n  .tab {\n    padding: 12px 14px;\n    gap: 6px;\n  }\n\n  .tab i {\n    font-size: 14px;\n  }\n\n  .tab-content {\n    padding: 12px;\n  }\n\n  .result-hero {\n    padding: 24px 16px;\n  }\n\n  .result-hero-icon {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .result-hero-text h2 {\n    font-size: 20px;\n    margin-bottom: 12px;\n  }\n\n  .stat-value {\n    font-size: 18px;\n  }\n\n  .stat-label {\n    font-size: 10px;\n  }\n\n  .progress-section {\n    padding: 16px;\n  }\n\n  .progress-info {\n    font-size: 14px;\n  }\n\n  .test-run-item {\n    padding: 12px;\n    gap: 10px;\n  }\n\n  .run-sequence {\n    width: 24px;\n    height: 24px;\n    font-size: 11px;\n  }\n\n  .run-icon {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n    border-radius: 8px;\n  }\n\n  .run-name {\n    font-size: 12px;\n    margin-bottom: 3px;\n  }\n\n  .run-meta {\n    gap: 8px;\n    font-size: 10px;\n  }\n\n  .empty-state {\n    padding: 32px 12px;\n  }\n\n  .empty-state h4 {\n    font-size: 16px;\n  }\n\n  .empty-state p {\n    font-size: 13px;\n  }\n\n  .details-card {\n    padding: 14px;\n  }\n\n  .details-card h3 {\n    font-size: 14px;\n    margin-bottom: 16px;\n  }\n\n  .detail-label {\n    font-size: 10px;\n  }\n\n  .detail-value {\n    font-size: 13px;\n  }\n}\n\n/* ===================================\n   Touch Device Optimizations\n   =================================== */\n@media (hover: none) and (pointer: coarse) {\n  .test-run-item {\n    min-height: 64px;\n  }\n\n  .test-run-item:hover {\n    transform: none;\n    background: var(--suite-run-card);\n    border-color: var(--suite-run-border);\n  }\n\n  .test-run-item:active {\n    background: var(--suite-run-primary-light);\n    border-color: #93c5fd;\n  }\n\n  .tab:hover {\n    background: transparent;\n    color: var(--suite-run-text-secondary);\n  }\n\n  .tab:active {\n    background: var(--suite-run-primary-light);\n    color: var(--suite-run-primary);\n  }\n\n  .metric-card:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .result-item:hover {\n    transform: none;\n    box-shadow: none;\n  }\n\n  .keyboard-shortcuts {\n    display: none;\n  }\n}\n\n/* ===================================\n   Print Styles\n   =================================== */\n@media print {\n  .suite-run-header {\n    background: white;\n    box-shadow: none;\n    border-bottom: 2px solid #000;\n  }\n\n  .tabs-container,\n  .header-actions,\n  .keyboard-shortcuts {\n    display: none;\n  }\n\n  .tab-content {\n    padding: 20px 0;\n  }\n\n  .result-hero,\n  .test-run-item,\n  .details-card {\n    box-shadow: none;\n    border: 1px solid #ccc;\n  }\n}\n\n/* ===================================\n   Dark Mode Support (Future)\n   =================================== */\n@media (prefers-color-scheme: dark) {\n  /* Ready for dark mode implementation */\n}\n\n/* ===================================\n   Tags Bar - Sleek Inline Display\n   =================================== */\n.tags-bar {\n  margin-top: 16px;\n  padding: 8px 14px;\n  background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);\n  border: 1px solid rgba(59, 130, 246, 0.15);\n  border-radius: 8px;\n  max-width: 600px;\n}\n\n.tags-bar-content {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  flex-wrap: wrap;\n}\n\n.tags-bar-label {\n  color: var(--suite-run-text-secondary);\n  font-size: 14px;\n}\n\n.tags-bar-label i {\n  opacity: 0.6;\n}\n\n.tags-bar-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  flex: 1;\n}\n\n.tag-inline {\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  letter-spacing: 0.01em;\n}\n\n.tags-bar-empty {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  opacity: 0.7;\n  flex: 1;\n}\n\n.tags-bar-edit {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 4px 10px;\n  background: transparent;\n  border: 1px dashed var(--suite-run-border);\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.tags-bar-edit:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  background: var(--suite-run-primary-light);\n}\n\n.tags-bar-edit i {\n  font-size: 10px;\n}\n\n/* ===================================\n   Tags Editor Panel - Expanded Edit Mode\n   =================================== */\n.tags-editor-panel {\n  margin-top: 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  border-radius: 10px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.1);\n  max-width: 600px;\n}\n\n.tags-editor-header {\n  display: flex;\n  align-items: center;\n  padding: 12px 16px;\n  background: var(--suite-run-primary-light);\n  border-bottom: 1px solid rgba(59, 130, 246, 0.2);\n}\n\n.tags-editor-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.tags-editor-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tags-editor-chips {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  min-height: 32px;\n}\n\n.tag-editable {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 5px 8px 5px 12px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-primary);\n  color: var(--suite-run-primary);\n  border-radius: 14px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.tag-remove-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 16px;\n  height: 16px;\n  background: transparent;\n  border: none;\n  color: var(--suite-run-primary);\n  cursor: pointer;\n  border-radius: 50%;\n  font-size: 9px;\n  opacity: 0.6;\n  transition: var(--suite-run-transition);\n}\n\n.tag-remove-btn:hover {\n  opacity: 1;\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.tags-empty-hint {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n  font-style: italic;\n  padding: 4px 0;\n}\n\n.tags-editor-input {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.tag-text-input {\n  flex: 1;\n  padding: 10px 14px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 13px;\n  background: var(--suite-run-neutral-light);\n}\n\n.tag-text-input:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  background: var(--suite-run-card);\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n}\n\n.tag-text-input::placeholder {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n.tags-editor-footer {\n  display: flex;\n  justify-content: flex-start;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-top: 1px solid var(--suite-run-border);\n}\n\n/* ===================================\n   Runs Toolbar\n   =================================== */\n.runs-toolbar {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding: 12px 16px;\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  flex-wrap: wrap;\n  gap: 12px;\n}\n\n.run-filters {\n  display: flex;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n\n.filter-btn {\n  padding: 6px 14px;\n  border: 1px solid var(--suite-run-border);\n  background: var(--suite-run-card);\n  border-radius: 20px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.filter-btn:hover {\n  border-color: var(--suite-run-primary);\n  color: var(--suite-run-primary);\n}\n\n.filter-btn.active {\n  background: var(--suite-run-primary);\n  border-color: var(--suite-run-primary);\n  color: white;\n}\n\n.filter-btn.passed:hover,\n.filter-btn.passed.active {\n  background: var(--suite-run-success);\n  border-color: var(--suite-run-success);\n  color: white;\n}\n\n.filter-btn.failed:hover,\n.filter-btn.failed.active {\n  background: var(--suite-run-danger);\n  border-color: var(--suite-run-danger);\n  color: white;\n}\n\n.filter-btn.error:hover,\n.filter-btn.error.active {\n  background: var(--suite-run-warning);\n  border-color: var(--suite-run-warning);\n  color: white;\n}\n\n.runs-actions {\n  display: flex;\n  gap: 8px;\n}\n\n/* ===================================\n   Test Run Card (Expandable)\n   =================================== */\n.test-run-card {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n  margin-bottom: 10px;\n}\n\n.test-run-card:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.test-run-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.run-header-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 4px;\n}\n\n.run-feedback-indicator {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 2px 8px;\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n  border-radius: 10px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.run-feedback-indicator i {\n  font-size: 10px;\n}\n\n.run-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.tag-mini {\n  display: inline-flex;\n  padding: 2px 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  border-radius: 10px;\n  font-size: 10px;\n  font-weight: 500;\n}\n\n.tag-chip {\n  display: inline-flex;\n  align-items: center;\n  padding: 3px 10px;\n  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n  border: 1px solid #bfdbfe;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 500;\n  color: #1d4ed8;\n}\n\n.run-expand {\n  color: var(--suite-run-text-secondary);\n  transition: var(--suite-run-transition);\n}\n\n.test-run-item:hover .run-expand {\n  color: var(--suite-run-primary);\n}\n\n.run-cost {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.run-cost i {\n  font-size: 10px;\n  opacity: 0.7;\n}\n\n/* ===================================\n   Inline Feedback\n   =================================== */\n.inline-feedback {\n  padding: 0 16px 16px;\n  animation: slideDown 0.2s ease-out;\n}\n\n@keyframes slideDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.feedback-divider {\n  height: 1px;\n  background: var(--suite-run-border);\n  margin-bottom: 16px;\n}\n\n.feedback-section {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.feedback-label {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.inline-rating {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.rating-numbers {\n  display: flex;\n  gap: 6px;\n  flex-wrap: wrap;\n}\n\n.rating-btn {\n  width: 36px;\n  height: 36px;\n  border: 2px solid var(--suite-run-border);\n  border-radius: 8px;\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-text-secondary);\n  font-size: 13px;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.rating-btn:hover,\n.rating-btn.hover {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.low:hover,\n.rating-btn.low.hover {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.rating-btn.mid:hover,\n.rating-btn.mid.hover {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.rating-btn.high:hover,\n.rating-btn.high.hover {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.rating-btn.selected {\n  transform: scale(1.1);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n}\n\n.rating-btn.selected.low {\n  border-color: var(--suite-run-danger);\n  background: var(--suite-run-danger);\n  color: white;\n}\n\n.rating-btn.selected.mid {\n  border-color: var(--suite-run-warning);\n  background: var(--suite-run-warning);\n  color: white;\n}\n\n.rating-btn.selected.high {\n  border-color: var(--suite-run-success);\n  background: var(--suite-run-success);\n  color: white;\n}\n\n.rating-info {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 8px;\n}\n\n.rating-value {\n  font-size: 18px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.rating-label-text {\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.correctness-row {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.correctness-label {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.correctness-options {\n  display: flex;\n  gap: 16px;\n}\n\n.radio-opt {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--suite-run-text-secondary);\n}\n\n.radio-opt input[type=\"radio\"] {\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n}\n\n.comments-row {\n  width: 100%;\n}\n\n.feedback-textarea {\n  width: 100%;\n  padding: 12px;\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  font-size: 14px;\n  font-family: inherit;\n  resize: vertical;\n  min-height: 80px;\n}\n\n.feedback-textarea:focus {\n  outline: none;\n  border-color: var(--suite-run-primary);\n  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);\n}\n\n.feedback-actions {\n  display: flex;\n  justify-content: space-between;\n  gap: 12px;\n  padding-top: 8px;\n}\n\n/* ===================================\n   Mobile Responsive Updates\n   =================================== */\n@media (max-width: 768px) {\n  .tags-bar {\n    padding: 8px 12px;\n  }\n\n  .tags-bar-content {\n    gap: 8px;\n  }\n\n  .tag-inline {\n    padding: 3px 8px;\n    font-size: 10px;\n  }\n\n  .tags-editor-panel {\n    margin-top: 12px;\n  }\n\n  .tags-editor-body {\n    padding: 12px;\n  }\n\n  .tags-editor-footer {\n    padding: 10px 12px;\n  }\n\n  .runs-toolbar {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  .run-filters {\n    justify-content: center;\n  }\n\n  .runs-actions {\n    justify-content: center;\n  }\n\n  .rating-numbers {\n    justify-content: center;\n  }\n\n  .rating-btn {\n    width: 32px;\n    height: 32px;\n    font-size: 12px;\n  }\n\n  .correctness-row {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .feedback-actions {\n    flex-direction: column;\n  }\n\n  .feedback-actions button {\n    width: 100%;\n  }\n}\n\n/* ===================================\n   Animations\n   =================================== */\n@keyframes pulse {\n  0%, 100% { opacity: 1; }\n  50% { opacity: 0.5; }\n}\n\n.result-hero.running .result-hero-icon {\n  animation: pulse 2s ease-in-out infinite;\n}\n\n/* Tab content fade in */\n.overview-tab,\n.runs-tab,\n.details-tab,\n.analytics-tab {\n  animation: fadeIn 0.3s ease;\n}\n\n/* ===================================\n   Analytics Tab\n   =================================== */\n.analytics-tab {\n  max-width: 1200px;\n  margin: 0 auto;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n\n.analytics-section {\n  background: var(--suite-run-card);\n  border-radius: var(--suite-run-radius);\n  padding: 24px;\n  box-shadow: var(--suite-run-shadow);\n}\n\n.analytics-section h3 {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin: 0 0 20px 0;\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-section h3 i {\n  color: var(--suite-run-primary);\n}\n\n.analytics-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 20px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.analytics-header h3 {\n  margin: 0;\n  padding: 0;\n  border: none;\n}\n\n.analytics-legend {\n  display: flex;\n  gap: 16px;\n  flex-wrap: wrap;\n}\n\n.legend-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.legend-item.passed {\n  color: var(--suite-run-success);\n}\n\n.legend-item.failed {\n  color: var(--suite-run-danger);\n}\n\n.legend-item.error {\n  color: var(--suite-run-warning);\n}\n\n.legend-item.skipped {\n  color: var(--suite-run-neutral);\n}\n\n/* Performance Matrix */\n.performance-matrix {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.matrix-row {\n  display: grid;\n  grid-template-columns: 2fr 120px 150px 100px 100px;\n  border-bottom: 1px solid var(--suite-run-border);\n  transition: var(--suite-run-transition);\n  cursor: pointer;\n}\n\n.matrix-row:last-child {\n  border-bottom: none;\n}\n\n.matrix-row:hover:not(.matrix-header-row) {\n  background: var(--suite-run-primary-light);\n}\n\n.matrix-row.passed {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.matrix-row.failed {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.matrix-row.error {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.matrix-row.skipped {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n.matrix-header-row {\n  background: var(--suite-run-neutral-light);\n  font-weight: 600;\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  cursor: default;\n}\n\n.matrix-cell {\n  padding: 12px 16px;\n  display: flex;\n  align-items: center;\n}\n\n.test-name-cell {\n  gap: 12px;\n}\n\n.test-sequence {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--suite-run-neutral-light);\n  border-radius: 50%;\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text-secondary);\n  flex-shrink: 0;\n}\n\n.test-name {\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.status-indicator {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 600;\n}\n\n.status-indicator.status-passed {\n  color: var(--suite-run-success);\n}\n\n.status-indicator.status-failed {\n  color: var(--suite-run-danger);\n}\n\n.status-indicator.status-error {\n  color: var(--suite-run-warning);\n}\n\n.status-indicator.status-skipped {\n  color: var(--suite-run-neutral);\n}\n\n.status-indicator.status-pending {\n  color: var(--suite-run-info);\n}\n\n.status-indicator.status-running {\n  color: var(--suite-run-primary);\n}\n\n.score-bar {\n  position: relative;\n  width: 100%;\n  height: 20px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.score-fill {\n  height: 100%;\n  border-radius: 10px;\n  transition: width 0.3s ease;\n}\n\n.score-fill.high {\n  background: linear-gradient(90deg, var(--suite-run-success) 0%, #34d399 100%);\n}\n\n.score-fill.medium {\n  background: linear-gradient(90deg, var(--suite-run-warning) 0%, #fbbf24 100%);\n}\n\n.score-fill.low {\n  background: linear-gradient(90deg, var(--suite-run-danger) 0%, #f87171 100%);\n}\n\n.score-text {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  font-size: 11px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.na-value {\n  color: var(--suite-run-text-secondary);\n  opacity: 0.6;\n}\n\n/* Summary Statistics Grid */\n.stats-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n  gap: 16px;\n}\n\n.stat-card {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 20px;\n  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);\n  border: 1px solid var(--suite-run-border);\n  border-radius: 12px;\n  transition: var(--suite-run-transition);\n}\n\n.stat-card:hover {\n  transform: translateY(-2px);\n  box-shadow: var(--suite-run-shadow);\n}\n\n.stat-icon {\n  width: 48px;\n  height: 48px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 12px;\n  font-size: 20px;\n}\n\n.stat-icon.passed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.stat-icon.failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.stat-icon.score {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.stat-icon.duration {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n.stat-icon.cost {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.stat-content {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.stat-card .stat-value {\n  font-size: 24px;\n  font-weight: 700;\n  color: var(--suite-run-text);\n}\n\n.stat-card .stat-label {\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-text-secondary);\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n}\n\n.stat-percent {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n/* Responsive Analytics */\n@media (max-width: 768px) {\n  .analytics-header {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .matrix-row {\n    grid-template-columns: 1fr;\n    gap: 8px;\n    padding: 12px;\n  }\n\n  .matrix-header-row {\n    display: none;\n  }\n\n  .matrix-cell {\n    padding: 4px 0;\n  }\n\n  .test-name-cell::before,\n  .status-cell::before,\n  .score-cell::before,\n  .duration-cell::before,\n  .cost-cell::before {\n    font-size: 10px;\n    font-weight: 600;\n    color: var(--suite-run-text-secondary);\n    text-transform: uppercase;\n    margin-right: 8px;\n    min-width: 80px;\n  }\n\n  .status-cell::before { content: 'Status:'; }\n  .score-cell::before { content: 'Score:'; }\n  .duration-cell::before { content: 'Duration:'; }\n  .cost-cell::before { content: 'Cost:'; }\n\n  .stats-grid {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  .stat-card {\n    padding: 16px;\n  }\n\n  .stat-icon {\n    width: 40px;\n    height: 40px;\n    font-size: 16px;\n  }\n\n  .stat-card .stat-value {\n    font-size: 20px;\n  }\n}\n\n/* Focus States for Accessibility */\n.tab:focus-visible,\n.test-run-item:focus-visible,\nbutton:focus-visible {\n  outline: 2px solid var(--suite-run-primary);\n  outline-offset: 2px;\n}\n\n/* ===================================\n   Analytics Loading State\n   =================================== */\n.analytics-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  padding: 60px 20px;\n  color: var(--suite-run-text-secondary);\n}\n\n.analytics-loading i {\n  font-size: 32px;\n  color: var(--suite-run-primary);\n}\n\n/* ===================================\n   Results Table\n   =================================== */\n.results-table-wrapper {\n  border: 1px solid var(--suite-run-border);\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n.results-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 13px;\n}\n\n.results-table thead {\n  background: var(--suite-run-neutral-light);\n}\n\n.results-table th {\n  padding: 12px 16px;\n  text-align: left;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.5px;\n  color: var(--suite-run-text-secondary);\n  border-bottom: 1px solid var(--suite-run-border);\n}\n\n.results-table td {\n  padding: 12px 16px;\n  border-bottom: 1px solid #f1f5f9;\n  vertical-align: middle;\n}\n\n.results-table tbody tr:last-child td {\n  border-bottom: none;\n}\n\n/* Column widths - Fixed columns fit content, name column takes remainder (max 50%) */\n.seq-col {\n  width: 40px;\n  min-width: 40px;\n  text-align: center;\n  white-space: nowrap;\n}\n\n.name-col {\n  /* Take remaining space, but cap at 50% of table width */\n  width: auto;\n  max-width: 50%;\n}\n\n.status-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n}\n\n.score-col {\n  width: 1%; /* Shrink to fit content */\n  min-width: 120px; /* Score bar needs some minimum width */\n  white-space: nowrap;\n}\n\n.duration-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: right;\n}\n\n.cost-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: right;\n}\n\n/* Result Row */\n.result-row {\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.result-row:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.result-row.row-passed {\n  border-left: 4px solid var(--suite-run-success);\n}\n\n.result-row.row-failed {\n  border-left: 4px solid var(--suite-run-danger);\n}\n\n.result-row.row-error {\n  border-left: 4px solid var(--suite-run-warning);\n}\n\n.result-row.row-skipped {\n  border-left: 4px solid var(--suite-run-neutral);\n}\n\n/* Test Name Wrapper */\n.test-name-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.test-name-wrapper .test-name {\n  font-weight: 500;\n  color: var(--suite-run-text);\n}\n\n.test-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n}\n\n/* Score Display */\n.score-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.score-bar-mini {\n  flex: 1;\n  height: 6px;\n  background: var(--suite-run-neutral-light);\n  border-radius: 3px;\n  overflow: hidden;\n  min-width: 60px;\n}\n\n.score-bar-mini .score-fill {\n  height: 100%;\n  border-radius: 3px;\n  transition: width 0.3s ease;\n}\n\n.score-bar-mini .score-fill.high {\n  background: var(--suite-run-success);\n}\n\n.score-bar-mini .score-fill.medium {\n  background: var(--suite-run-warning);\n}\n\n.score-bar-mini .score-fill.low {\n  background: var(--suite-run-danger);\n}\n\n.score-display .score-text {\n  position: static;\n  transform: none;\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n  min-width: 35px;\n  text-align: right;\n}\n\n/* Status Badge in Table */\n.results-table .status-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border-radius: 12px;\n  font-size: 11px;\n  font-weight: 600;\n}\n\n.results-table .status-badge.status-passed {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.results-table .status-badge.status-failed {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.results-table .status-badge.status-error {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.results-table .status-badge.status-skipped {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.results-table .status-badge.status-pending {\n  background: var(--suite-run-info-light);\n  color: var(--suite-run-info);\n}\n\n.results-table .status-badge.status-running {\n  background: var(--suite-run-primary-light);\n  color: var(--suite-run-primary);\n}\n\n/* Responsive Results Table */\n@media (max-width: 768px) {\n  .results-table-wrapper {\n    overflow-x: auto;\n  }\n\n  .results-table {\n    min-width: 600px;\n  }\n\n  .results-table th,\n  .results-table td {\n    padding: 10px 12px;\n  }\n\n  .name-col {\n    min-width: 150px;\n  }\n}\n\n/* ===================================\n   High Contrast Mode\n   =================================== */\n@media (prefers-contrast: high) {\n  .status-badge,\n  .status-inline {\n    border: 2px solid currentColor;\n  }\n\n  .test-run-item {\n    border-width: 2px;\n  }\n\n  .tab.active {\n    border-bottom-width: 4px;\n  }\n}\n\n/* ===================================\n   Evaluation Summary\n   =================================== */\n.evaluation-summary {\n  margin-top: 20px;\n}\n\n.eval-summary-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n  gap: 16px;\n}\n\n.eval-summary-card {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n  transition: var(--suite-run-transition);\n}\n\n.eval-summary-card:hover {\n  box-shadow: var(--suite-run-shadow);\n}\n\n.eval-card-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 12px 16px;\n  background: var(--suite-run-neutral-light);\n  border-bottom: 1px solid var(--suite-run-border);\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-card-header i {\n  color: var(--suite-run-primary);\n}\n\n.eval-card-body {\n  padding: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.eval-stat-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n}\n\n.eval-stat-label {\n  font-size: 12px;\n  color: var(--suite-run-text-secondary);\n}\n\n.eval-stat-value {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--suite-run-text);\n}\n\n.eval-stat-value.correct {\n  color: var(--suite-run-success);\n}\n\n.eval-stat-value.incorrect {\n  color: var(--suite-run-danger);\n  font-weight: 500;\n  font-size: 12px;\n}\n\n.eval-stat-value.error {\n  color: var(--suite-run-danger);\n}\n\n.eval-stat-value.timeout {\n  color: var(--suite-run-warning);\n}\n\n.eval-card-footer {\n  padding: 10px 16px;\n  background: var(--suite-run-warning-light);\n  border-top: 1px solid rgba(245, 158, 11, 0.2);\n}\n\n.pending-badge {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: 12px;\n  font-weight: 500;\n  color: var(--suite-run-warning);\n}\n\n.pending-badge i {\n  font-size: 11px;\n}\n\n/* ===================================\n   Needs Review Section\n   =================================== */\n.needs-review-section {\n  background: var(--suite-run-card);\n  border: 1px solid var(--suite-run-border);\n  border-radius: var(--suite-run-radius);\n  overflow: hidden;\n}\n\n.needs-review-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 14px 20px;\n  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);\n  border-bottom: 1px solid rgba(245, 158, 11, 0.3);\n}\n\n.needs-review-header h3 {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: #92400e;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.needs-review-header h3 i {\n  font-size: 16px;\n}\n\n.review-count {\n  font-size: 12px;\n  font-weight: 500;\n  color: #92400e;\n  background: rgba(255, 255, 255, 0.6);\n  padding: 2px 10px;\n  border-radius: 12px;\n}\n\n.needs-review-list {\n  padding: 8px;\n}\n\n.review-item {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: var(--suite-run-transition);\n}\n\n.review-item:hover {\n  background: var(--suite-run-primary-light);\n}\n\n.review-item-icon {\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-size: 14px;\n  flex-shrink: 0;\n}\n\n.review-item.high-priority .review-item-icon {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.review-item.medium-priority .review-item-icon {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.review-item:not(.high-priority):not(.medium-priority) .review-item-icon {\n  background: var(--suite-run-neutral-light);\n  color: var(--suite-run-neutral);\n}\n\n.review-item-content {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.review-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--suite-run-text);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.review-item-reason {\n  font-size: 11px;\n  color: var(--suite-run-text-secondary);\n}\n\n.review-item-action {\n  color: var(--suite-run-text-secondary);\n  font-size: 12px;\n}\n\n.review-item:hover .review-item-action {\n  color: var(--suite-run-primary);\n}\n\n.review-more {\n  display: flex;\n  justify-content: center;\n  padding: 8px;\n  border-top: 1px solid var(--suite-run-border);\n}\n\n/* Mobile Responsive for Evaluation */\n@media (max-width: 768px) {\n  .eval-summary-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .eval-card-header {\n    padding: 10px 14px;\n    font-size: 12px;\n  }\n\n  .eval-card-body {\n    padding: 12px 14px;\n  }\n\n  .needs-review-header {\n    padding: 12px 16px;\n  }\n\n  .needs-review-header h3 {\n    font-size: 13px;\n  }\n\n  .review-item {\n    padding: 10px 12px;\n  }\n\n  .review-item-icon {\n    width: 28px;\n    height: 28px;\n    font-size: 12px;\n  }\n}\n\n/* ===================================\n   Feedback Column in Analytics Table\n   =================================== */\n.feedback-col {\n  width: 1%; /* Shrink to fit content */\n  white-space: nowrap;\n  text-align: center;\n}\n\n.feedback-display {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n\n.feedback-rating {\n  font-size: 13px;\n  font-weight: 600;\n  padding: 2px 6px;\n  border-radius: 4px;\n  background: var(--suite-run-neutral-light);\n}\n\n.feedback-rating.low {\n  background: var(--suite-run-danger-light);\n  color: var(--suite-run-danger);\n}\n\n.feedback-rating.mid {\n  background: var(--suite-run-warning-light);\n  color: var(--suite-run-warning);\n}\n\n.feedback-rating.high {\n  background: var(--suite-run-success-light);\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness i {\n  font-size: 12px;\n}\n\n.feedback-correctness i.correct {\n  color: var(--suite-run-success);\n}\n\n.feedback-correctness i.incorrect {\n  color: var(--suite-run-danger);\n}\n\n.na-value.needs-review {\n  color: var(--suite-run-warning);\n  opacity: 0.7;\n}\n\n.na-value.needs-review i {\n  font-size: 14px;\n}\n"] }]
     }], () => [{ type: i0.ElementRef }, { type: i1.SharedService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i0.ChangeDetectorRef }, { type: i3.TestingDialogService }, { type: i3.EvaluationPreferencesService }, { type: i0.ViewContainerRef }, { type: i4.ApplicationManager }], { handleKeyboardShortcut: [{
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteRunFormComponentExtended, { className: "TestSuiteRunFormComponentExtended", filePath: "src/lib/custom/Tests/test-suite-run-form.component.ts", lineNumber: 35 }); })();
-export function LoadTestSuiteRunFormComponentExtended() {
-    // Prevents tree-shaking
-}
-LoadTestSuiteRunFormComponentExtended();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TestSuiteRunFormComponentExtended, { className: "TestSuiteRunFormComponentExtended", filePath: "src/lib/custom/tests/test-suite-run-form.component.ts", lineNumber: 36 }); })();
 //# sourceMappingURL=test-suite-run-form.component.js.map