:root{--bg: #0f172a;--panel: #1e293b;--panel-hover: #334155;--border: #334155;--text: #f1f5f9;--muted: #94a3b8;--muted-2: #64748b;--accent: #60a5fa;--accent-strong: #3b82f6;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .25);--shadow-md: 0 18px 46px rgb(0 0 0 / .28);--ring: rgba(96, 165, 250, .55);--ring-danger: rgba(239, 68, 68, .55);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}button,input,select{font:inherit}.container{max-width:1480px;margin:0 auto;padding:20px}.topbar{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad6;border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1480px;margin:0 auto;padding:12px 20px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:12px;background:#0f172aa6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);cursor:pointer;box-shadow:var(--shadow-sm);transition:background .14s ease,border-color .14s ease,transform .12s ease}.btn:hover{background:var(--panel-hover);border-color:#475569}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.small{padding:8px 10px;border-radius:10px;font-size:13px}.btn.primary{border-color:#3b82f680;background:#3b82f629}.btn.primary:hover{border-color:#3b82f6a6;background:#3b82f642}.btn.danger{border-color:#ef44448c;background:#ef444424}.btn.danger:hover{border-color:#ef4444b3;background:#ef444438}.btn:focus-visible,.input:focus-visible,.select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn.danger:focus-visible{outline-color:var(--ring-danger)}.field{display:grid;gap:6px}.label{color:var(--muted);font-size:12px}.input,.select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#0f172ab3;color:var(--text)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.grid>.card{grid-column:span 12}.card{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.card h2,.card h3{margin:0 0 10px}.muted{color:var(--muted)}.muted-2{color:var(--muted-2)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kpi{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#0f172aa6}.kpi .dot{width:10px;height:10px;border-radius:999px;background:var(--muted)}.dot.success{background:var(--success)}.dot.danger{background:var(--danger)}.dot.warning{background:var(--warning)}.segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:#0f172aa6}.segmented-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:none;background:transparent;color:var(--muted);cursor:pointer;transition:background .14s ease,color .14s ease}.segmented-btn:hover{color:var(--text)}.segmented-btn.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.segmented-badge{padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#0f172aa6;font-size:12px;color:var(--muted)}.toolbar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:end}.toolbar-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.embedFrame{width:100%;height:78vh;border:1px solid var(--border);border-radius:14px;background:#0f172aa6;box-shadow:var(--shadow-sm)}.combobox{position:relative}.combobox-list{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:var(--shadow-md);max-height:340px;overflow:auto;z-index:30}.combobox-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text);cursor:pointer;text-align:left}.combobox-option:hover,.combobox-option.active{background:var(--panel-hover);border-color:#475569}.combobox-optionSecondary{color:var(--muted-2);font-size:12px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.combobox-empty{padding:10px 12px;color:var(--muted);font-size:13px}.table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:12px;border:1px solid var(--border)}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}.table th{text-align:left;font-size:12px;color:var(--muted);background:#0f172aa6}.table tr:hover td{background:#ffffff08}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:12px}.badge.passed{border-color:#22c55e73;background:#22c55e1f}.badge.failed{border-color:#ef444473;background:#ef44441f}.badge.skipped{border-color:#f59e0b73;background:#f59e0b1f}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-8{grid-column:span 8}.nowrap{white-space:nowrap}.stack{display:grid;gap:8px}.summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.reportSummaryCard{position:relative;overflow:hidden}.reportSummaryCard:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#94a3b840}.reportSummaryCard.passed{border-color:#22c55e59}.reportSummaryCard.passed:after{background:var(--success)}.reportSummaryCard.failed{border-color:#ef444459}.reportSummaryCard.failed:after{background:var(--danger)}.reportSummaryCard.skipped{border-color:#f59e0b59}.reportSummaryCard.skipped:after{background:var(--warning)}.statLabel{color:var(--muted);font-size:12px;margin-bottom:4px}.statValue{font-size:26px;font-weight:700;line-height:1.1}.testList{display:grid;gap:10px}.test-item{border:1px solid var(--border);border-radius:14px;background:#0f172a80;overflow:hidden;position:relative}.test-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent}.test-item.status-failed:before{background:#ef4444d9}.test-item.status-passed:before{background:#22c55ed9}.test-item.status-skipped:before{background:#f59e0bd9}.test-item.status-all:before,.test-item.status-other:before{background:#94a3b840}.test-item>summary{list-style:none;padding:12px 14px;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.test-item>summary::-webkit-details-marker{display:none}.test-item[open]>summary{background:#ffffff08;border-bottom:1px solid var(--border)}.testMain{display:grid;gap:2px;min-width:0}.testTitleRow{display:flex;align-items:center;gap:10px;min-width:0}.testTitle{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.testSub{color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusBadge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;text-transform:capitalize}.statusBadge.passed{border-color:#22c55e73;background:#22c55e1f;color:#86efac}.statusBadge.failed{border-color:#ef444473;background:#ef44441f;color:#fca5a5}.statusBadge.skipped{border-color:#f59e0b73;background:#f59e0b1f;color:#fcd34d}.testMeta{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;white-space:nowrap}.testDetails{padding:12px 14px 14px;display:grid;gap:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#0f172aa6;font-size:12px;color:var(--muted)}.codeBlockWrapper{display:grid;gap:8px}.codeBlockToolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.codeBlock{background:#0f172ad1;border:1px solid var(--border);border-radius:14px;padding:10px 12px;overflow:auto;font-size:12px}.codeBlock pre{margin:0;white-space:pre}@media(max-width:900px){.container{padding:14px}.topbar-inner{padding:12px 14px}.col-6,.col-4,.col-8{grid-column:span 12}}
