.test-dashboard{--test-green:#147d64;--test-red:#c54848;--test-amber:#d79428;--test-blue:#3976bc}.test-heading{margin-bottom:28px}.test-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0}.test-kpi{position:relative;overflow:hidden;min-height:150px;padding:24px;border:1px solid #dfe5e8;border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafb);box-shadow:0 12px 30px rgba(20,37,50,.06)}.test-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--test-blue)}.test-kpi-success:before{background:var(--test-green)}.test-kpi-danger:before{background:var(--test-red)}.test-kpi span,.test-kpi small{display:block;color:var(--muted)}.test-kpi span{font-weight:700}.test-kpi strong{display:block;margin:13px 0 7px;font-size:38px;line-height:1;color:var(--navy)}.test-kpi strong em{font-size:15px;font-style:normal;color:var(--muted)}.test-chart-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin:0 0 32px}.test-chart-card{margin:0;min-height:340px}.test-chart-card:nth-child(3){grid-column:1/-1;min-height:auto}.chart-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.chart-title h2{margin:4px 0 0;font-size:24px}.chart-title>small{color:var(--muted)}.chart-empty{display:grid;min-height:220px;place-items:center;border:1px dashed var(--line);border-radius:14px;color:var(--muted)}.test-trend{display:grid;grid-template-columns:45px 1fr;height:225px}.trend-axis{display:flex;flex-direction:column;justify-content:space-between;padding:0 8px 25px 0;color:var(--muted);font-size:11px;text-align:right}.trend-bars{position:relative;display:flex;align-items:flex-end;gap:8px;padding:0 2px 25px;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,transparent 49.5%,#e9edef 50%,transparent 50.5%)}.trend-column{display:flex;flex:1;min-width:9px;height:100%;align-items:center;justify-content:flex-end;flex-direction:column;color:inherit}.trend-column>span{font-size:10px;color:var(--muted);opacity:0;transition:opacity .2s}.trend-column:hover>span,.trend-column:focus-visible>span{opacity:1}.trend-bar{display:block;width:min(24px,80%);height:max(6px,calc(var(--value)*1%));border-radius:6px 6px 2px 2px;background:var(--test-green);transition:filter .2s,transform .2s}.trend-column:hover .trend-bar{filter:brightness(.92);transform:translateY(-2px)}.trend-failed{background:var(--test-red)}.trend-error{background:var(--test-amber)}.trend-running{background:var(--test-blue)}.trend-column small{position:absolute;bottom:4px;font-size:9px;color:var(--muted);transform:rotate(-35deg)}.status-donut-wrap{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:28px;min-height:225px}.status-donut{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--test-green) 0 var(--passed-end),var(--test-red) var(--passed-end) var(--failed-end),var(--test-amber) var(--failed-end) var(--error-end),var(--test-blue) var(--error-end) 100%)}.status-donut:before{content:"";grid-area:1/1;width:104px;aspect-ratio:1;border-radius:50%;background:#fff}.status-donut>div{position:relative;grid-area:1/1;text-align:center}.status-donut strong,.status-donut small{display:block}.status-donut strong{font-size:30px}.status-donut small{color:var(--muted)}.chart-legend{display:grid;gap:11px;margin:0;padding:0;list-style:none}.chart-legend li{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:9px}.chart-legend i{width:10px;height:10px;border-radius:50%;background:var(--test-blue)}.chart-legend .legend-passed{background:var(--test-green)}.chart-legend .legend-failed{background:var(--test-red)}.chart-legend .legend-error{background:var(--test-amber)}.suite-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 34px}.suite-health-row{display:grid;grid-template-columns:minmax(0,1fr) 52px;gap:8px 12px;align-items:center}.suite-health-row>div:first-child{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}.suite-health-row>small{text-align:right;color:var(--muted)}.health-track{height:9px;overflow:hidden;border-radius:10px;background:#e9edef}.health-fill{display:block;width:calc(var(--value)*1%);height:100%;border-radius:inherit;background:var(--test-green)}.health-failed{background:var(--test-red)}.health-error{background:var(--test-amber)}.health-running{background:var(--test-blue)}.test-status{display:inline-flex;width:max-content;padding:4px 9px;border-radius:99px;background:#edf1f3;color:#52616a;font-size:11px;font-weight:800}.status-passed{background:#e4f5ef;color:#126b56}.status-failed{background:#fde9e9;color:#a52f2f}.status-error{background:#fff0d9;color:#9a6311}.status-running{background:#e7f0fb;color:#2e67a4}.test-suite-layout{margin-top:0}.test-suite-card{transition:transform .2s,box-shadow .2s}.test-suite-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(20,37,50,.07)}
@media(max-width:1050px){.test-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-chart-grid{grid-template-columns:1fr}.test-chart-card:nth-child(3){grid-column:auto}}@media(max-width:650px){.test-kpi-grid{grid-template-columns:1fr}.test-chart-card{min-height:auto}.status-donut-wrap{grid-template-columns:1fr;justify-items:center}.chart-legend{width:100%}.suite-health{grid-template-columns:1fr}.trend-bars{gap:3px}.trend-column small{display:none}}
.trend-column{position:relative}
.test-raw-output{white-space:pre-wrap;overflow:auto}
.trend-bar{display:block;width:min(24px,80%);height:calc(100% - 16px);border-radius:0;background:none;overflow:visible;transition:filter .2s,transform .2s}.trend-bar rect{fill:var(--test-green)}.trend-failed rect{fill:var(--test-red)}.trend-error rect{fill:var(--test-amber)}.trend-running rect{fill:var(--test-blue)}
.status-donut{position:relative;background:none}.status-donut:before{content:none}.status-donut-svg{grid-area:1/1;width:100%;height:100%;transform:rotate(-90deg)}.status-donut-track,.donut-segment{fill:none;stroke-width:16}.status-donut-track{stroke:#e9edef}.donut-segment{stroke-linecap:butt}.donut-passed{stroke:var(--test-green)}.donut-failed{stroke:var(--test-red)}.donut-error{stroke:var(--test-amber)}.donut-running{stroke:var(--test-blue)}
.health-progress{width:100%;height:9px;overflow:hidden;border:0;border-radius:10px;background:#e9edef;appearance:none}.health-progress::-webkit-progress-bar{border-radius:10px;background:#e9edef}.health-progress::-webkit-progress-value{border-radius:10px;background:var(--test-green)}.health-progress::-moz-progress-bar{border-radius:10px;background:var(--test-green)}.health-failed::-webkit-progress-value{background:var(--test-red)}.health-failed::-moz-progress-bar{background:var(--test-red)}.health-error::-webkit-progress-value{background:var(--test-amber)}.health-error::-moz-progress-bar{background:var(--test-amber)}.health-running::-webkit-progress-value{background:var(--test-blue)}.health-running::-moz-progress-bar{background:var(--test-blue)}