@memberjunction/ng-core-entity-forms 3.4.0 → 4.1.0

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

@@ -4,35 +4,33 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { Component, ChangeDetectionStrategy, HostListener } from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostListener, ViewContainerRef, inject } from '@angular/core';
 import { Subject, interval } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 import { CompositeKey, Metadata, RunView } from '@memberjunction/core';
 import { UserInfoEngine } from '@memberjunction/core-entities';
 import { BaseFormComponent } from '@memberjunction/ng-base-forms';
 import { RegisterClass } from '@memberjunction/global';
-import { SharedService } from '@memberjunction/ng-shared';
+import { SharedService, NavigationService } from '@memberjunction/ng-shared';
+import { ApplicationManager } from '@memberjunction/ng-base-application';
 import { TestSuiteRunFormComponent } from '../../generated/Entities/TestSuiteRun/testsuiterun.form.component';
-import { TagsHelper, calculateEvaluationMetrics, normalizeExecutionStatus, getNeedsReviewItems } from '@memberjunction/ng-testing';
+import { TestingDialogService, TagsHelper, EvaluationPreferencesService, calculateEvaluationMetrics, normalizeExecutionStatus, getNeedsReviewItems } from '@memberjunction/ng-testing';
 import * as i0 from "@angular/core";
-import * as i1 from "@memberjunction/ng-shared";
-import * as i2 from "@angular/router";
-import * as i3 from "@memberjunction/ng-testing";
-import * as i4 from "@memberjunction/ng-base-application";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/forms";
-import * as i7 from "@progress/kendo-angular-dialog";
-import * as i8 from "@progress/kendo-angular-buttons";
-import * as i9 from "./entity-link-pill.component";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@progress/kendo-angular-dialog";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@memberjunction/ng-testing";
+import * as i6 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 +39,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 +49,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 +59,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 +76,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 +170,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 +183,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 +195,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 +204,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 +230,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 +270,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 +282,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 +315,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 +324,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 +434,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 +497,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 +522,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 +535,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 +548,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 +570,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 +601,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 +611,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 +626,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 +649,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 +663,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 +744,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 +785,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 +817,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 +828,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 +865,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 +943,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 +965,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 +1043,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 +1069,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 +1093,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 +1108,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 +1135,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 +1149,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 +1178,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 +1307,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 +1364,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, "-");
@@ -1351,14 +1378,8 @@ function TestSuiteRunFormComponentExtended_div_136_Template(rf, ctx) { if (rf &
 /** Settings key for keyboard shortcuts visibility */
 const SHORTCUTS_SETTINGS_KEY = '__mj.Testing.ShowKeyboardShortcuts';
 let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended extends TestSuiteRunFormComponent {
-    constructor(elementRef, sharedService, router, route, cdr, testingDialogService, evalPrefsService, viewContainerRef, appManager) {
-        super(elementRef, sharedService, router, route, cdr);
-        this.router = router;
-        this.cdr = cdr;
-        this.testingDialogService = testingDialogService;
-        this.evalPrefsService = evalPrefsService;
-        this.viewContainerRef = viewContainerRef;
-        this.appManager = appManager;
+    constructor() {
+        super(...arguments);
         this.destroy$ = new Subject();
         // UI state
         this.activeTab = 'overview';
@@ -1402,6 +1423,12 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
         this.testRunsWithFeedback = [];
         this.evaluationMetrics = null;
         this.needsReviewItems = [];
+        // Service injections
+        this.navigationService = inject(NavigationService);
+        this.testingDialogService = inject(TestingDialogService);
+        this.evalPrefsService = inject(EvaluationPreferencesService);
+        this.viewContainerRef = inject(ViewContainerRef);
+        this.appManager = inject(ApplicationManager);
     }
     async ngOnInit() {
         await super.ngOnInit();
@@ -2046,166 +2073,172 @@ let TestSuiteRunFormComponentExtended = class TestSuiteRunFormComponentExtended
         URL.revokeObjectURL(link.href);
         SharedService.Instance.CreateSimpleNotification('Export complete', 'success', 2000);
     }
-    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.ɵfac = /*@__PURE__*/ (() => { let ɵTestSuiteRunFormComponentExtended_BaseFactory; return function TestSuiteRunFormComponentExtended_Factory(__ngFactoryType__) { return (ɵTestSuiteRunFormComponentExtended_BaseFactory || (ɵTestSuiteRunFormComponentExtended_BaseFactory = i0.ɵɵgetInheritedFactory(TestSuiteRunFormComponentExtended)))(__ngFactoryType__ || TestSuiteRunFormComponentExtended); }; })(); }
     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 +2250,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 +2280,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 +2290,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 +2301,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: [i1.NgClass, i2.DefaultValueAccessor, i2.RadioControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.DialogContainerDirective, i4.ButtonComponent, i5.EvaluationBadgeComponent, i5.EvaluationModeToggleComponent, i5.ExecutionContextComponent, i6.EntityLinkPillComponent, i1.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 +2322,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"] }]
-    }], () => [{ 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: [{
+        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"] }]
+    }], null, { 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();
 //# sourceMappingURL=test-suite-run-form.component.js.map