:root{--slate-50: #faf9f7;--slate-100: #f3f1ec;--slate-200: #e8e4db;--slate-300: #d8d3c9;--slate-400: #a8a096;--slate-500: #78716c;--slate-600: #57534e;--slate-700: #3f3b36;--slate-800: #292524;--slate-900: #1c1917;--accent: #0d7c72;--accent-hover: #0a5f58;--accent-active: #084c47;--accent-soft: #d6efeb;--accent-contrast: #ffffff;--status-pass: #15803d;--status-pass-soft: #dcfce7;--status-fail: #dc2626;--status-fail-soft: #fde8e8;--status-blocked: #d97706;--status-blocked-soft: #fdf0d8;--status-skip: #78716c;--status-skip-soft: #f3f1ec;--status-untested: #a8a096;--status-untested-soft: #f3f1ec;--status-retest: #6d5ae6;--status-retest-soft: #e9e5fb;--type-bug: #dc2626;--type-bug-soft: #fde8e8;--type-reg: #6d28d9;--type-reg-soft: #ede8fb;--type-edge: #0e7490;--type-edge-soft: #d5eef3;--bg: #fbfaf8;--bg-subtle: #f3f1ec;--surface: #ffffff;--surface-hover: #faf9f7;--surface-raised: #ffffff;--border: #e8e4db;--border-strong: #d8d3c9;--text: #1c1917;--text-secondary: #57534e;--text-muted: #78716c;--text-inverse: #ffffff;--danger: var(--status-fail);--danger-soft: var(--status-fail-soft);--warn: var(--status-blocked);--warn-soft: var(--status-blocked-soft);--ok: var(--status-pass);--ok-soft: var(--status-pass-soft);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 4px;--radius: 6px;--radius-lg: 10px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .06);--shadow: 0 4px 14px rgba(28, 25, 23, .08);--shadow-lg: 0 16px 40px rgba(28, 25, 23, .16);--shadow-overlay: -8px 0 32px rgba(28, 25, 23, .14);--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--font-display: "General Sans", var(--font-sans);--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 22px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--ring: 0 0 0 3px rgba(13, 124, 114, .15);--ring-danger: 0 0 0 3px rgba(220, 38, 38, .15);--motion-fast: .12s;--motion: .14s;--motion-slow: .16s;--ease: cubic-bezier(.4, 0, .2, 1);--z-drawer: 100;--z-overlay: 90;--z-toast: 200;--z-dialog: 150;color-scheme:light}:root[data-theme=dark]{--accent: #2dd4bf;--accent-hover: #5eead4;--accent-active: #99f6e4;--accent-soft: #0f2e2a;--accent-contrast: #04211e;--status-pass: #4ade80;--status-pass-soft: #10301d;--status-fail: #f87171;--status-fail-soft: #351515;--status-blocked: #fbbf24;--status-blocked-soft: #33260a;--status-skip: #a8a096;--status-skip-soft: #262c2a;--status-untested: #8a847a;--status-untested-soft: #22262a;--status-retest: #a99cf2;--status-retest-soft: #221d3d;--type-bug: #f87171;--type-bug-soft: #351515;--type-reg: #c4b5fd;--type-reg-soft: #241b45;--type-edge: #67e8f9;--type-edge-soft: #0c3540;--bg: #0e1116;--bg-subtle: #12161c;--surface: #161b22;--surface-hover: #1b212a;--surface-raised: #1b212a;--border: #262c36;--border-strong: #333b47;--text: #f0ede8;--text-secondary: #b8b2a8;--text-muted: #8a847a;--text-inverse: #04211e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .6);--shadow-overlay: -8px 0 32px rgba(0, 0, 0, .6);--ring: 0 0 0 3px rgba(45, 212, 191, .25);--ring-danger: 0 0 0 3px rgba(248, 113, 113, .22);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--text-md);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}h1,h2,h3,.page-header h1,.run-header,.panel-title,.drawer-title,.modal-title,.dialog-title,.kpi-value,.stat-value{font-family:var(--font-display);letter-spacing:-.01em}.tnum,.stat-value,.progress-count,.kpi-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.code-chip,.kbd,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh;--sidebar-w: 220px;--drawer-w: 0px}.app-shell.is-collapsed{--sidebar-w: 56px}.app-shell.has-drawer{--drawer-w: 460px}.app-body{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr) var(--drawer-w);min-height:0;transition:grid-template-columns var(--motion) var(--ease)}.entity-drawer{grid-column:3;position:sticky;top:52px;align-self:start;height:calc(100vh - 52px);display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--border);overflow:hidden}.entity-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.entity-drawer-title{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-md)}.entity-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-4)}.entity-drawer-scrim{display:none}@media (max-width: 1024px){.app-shell,.app-shell.is-collapsed{--sidebar-w: 56px}.app-shell .nav-label,.app-shell .nav-section{display:none}.app-shell .nav-link{justify-content:center}.topbar .hide-tablet{display:none}}@media (max-width: 1100px){.app-shell.has-drawer{--drawer-w: 0px}.entity-drawer{position:fixed;top:52px;right:0;bottom:0;height:auto;width:min(460px,100vw);z-index:var(--z-drawer);box-shadow:var(--shadow-overlay)}.entity-drawer-scrim{display:block;position:fixed;top:52px;right:0;bottom:0;left:0;background:#00000059;z-index:var(--z-overlay)}}.topbar{position:sticky;top:0;z-index:var(--z-overlay);display:grid;grid-template-columns:1fr minmax(0,560px) 1fr;align-items:center;gap:var(--space-3);height:52px;padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:var(--space-2);min-width:0}.topbar-right{display:flex;align-items:center;gap:var(--space-2);justify-self:end}.topbar-brand{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-md);color:var(--text);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--text-secondary);cursor:pointer;font-size:var(--text-lg);line-height:1;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.icon-btn:hover{background:var(--bg-subtle);color:var(--text)}.icon-btn.is-active{background:var(--accent-soft);color:var(--accent-hover)}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);overflow:hidden}.app-shell.is-collapsed .sidebar{padding:var(--space-4) var(--space-2);align-items:center}.nav-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:var(--weight-medium);font-size:var(--text-md);border-left:2px solid transparent;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease)}.nav-link:hover{background:var(--bg-subtle);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent-hover);border-left-color:var(--accent);font-weight:var(--weight-semibold)}.nav-section{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-3) var(--space-3) var(--space-1)}.nav-divider{height:1px;background:var(--border);margin:var(--space-3) var(--space-3)}.nav-link{display:flex;align-items:center;gap:var(--space-2)}.nav-icon{font-size:var(--text-md);line-height:1;width:18px;text-align:center;flex-shrink:0}.app-shell.is-collapsed .nav-label,.app-shell.is-collapsed .nav-section{display:none}.app-shell.is-collapsed .nav-link{justify-content:center;gap:0;padding:var(--space-2);border-left-color:transparent;width:40px}.omnibox{position:relative;width:100%}.omnibox-menu{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:var(--z-dialog);max-height:420px;overflow-y:auto;padding:var(--space-2);box-shadow:var(--shadow-lg)}.omnibox-opt{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);cursor:pointer;background:transparent;font:inherit;color:var(--text)}.omnibox-opt.active{background:var(--surface-hover, var(--bg-subtle))}.omnibox-group{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-2) var(--space-3) var(--space-1)}.topbar .theme-toggle{margin-top:0}.tree-row{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.tree-row:hover{background:var(--bg-subtle);color:var(--text)}.tree-row.active{background:var(--accent-soft);color:var(--accent-hover);font-weight:var(--weight-medium)}.tree-row.drop-over{border-color:var(--accent);background:var(--accent-soft)}.tree-caret{width:16px;flex-shrink:0;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);padding:0;text-align:center}.tree-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions{margin-left:auto;display:inline-flex;gap:2px;flex-shrink:0}.tree-action{border:none;background:none;cursor:pointer;padding:0 3px;line-height:1;font-size:var(--text-xs);color:var(--text-muted);opacity:.45;transition:opacity var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.tree-row:hover .tree-action,.tree-row.active .tree-action{opacity:1}.tree-action:hover{color:var(--text)}.theme-toggle{margin-top:auto;display:flex;gap:2px;padding:3px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.theme-toggle-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:none;background:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.theme-toggle-btn:hover{color:var(--text)}.theme-toggle-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.theme-toggle-btn>span{font-size:var(--text-sm);line-height:1}.main{padding:var(--space-6) var(--space-8);max-width:1280px;width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.page-header h1{font-size:var(--text-2xl);margin:0;font-weight:var(--weight-semibold);letter-spacing:-.01em}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs .sep{color:var(--border-strong)}.card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.panel-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-size:var(--text-base);font-variant-numeric:tabular-nums}.table th,.table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}.table th{position:sticky;top:0;z-index:2;background:var(--surface);font-weight:var(--weight-semibold);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--border-strong)}.table tbody tr{height:34px;transition:background var(--motion-fast) var(--ease)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--surface-hover)}.table tr.is-active{background:var(--accent-soft);box-shadow:inset 2px 0 0 0 var(--accent)}.table tr.is-active:hover{background:var(--accent-soft)}.table td.is-active,.table td.cell-active{box-shadow:inset 0 0 0 1.5px var(--accent);border-radius:var(--radius-sm)}.table td.na,.table td[data-na=true]{color:var(--text-muted);background:transparent;opacity:.6}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}table:not(.table) th,table:not(.table) td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}table:not(.table) th{background:var(--bg-subtle);font-weight:var(--weight-semibold);color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.03em}table:not(.table) tr:last-child td{border-bottom:none}table:not(.table) tbody tr:hover{background:var(--surface-hover)}.input,.textarea,.select,input:not([type=checkbox]):not([type=radio]),textarea,select{font:inherit;font-size:var(--text-md);padding:var(--space-2) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;transition:border-color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}input[type=checkbox],input[type=radio]{width:auto;flex:none;margin:0;accent-color:var(--accent);cursor:pointer}.input:focus,.textarea:focus,.select:focus,input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}.input::placeholder,.textarea::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}.input:disabled,.textarea:disabled,.select:disabled,input:disabled,textarea:disabled,select:disabled{opacity:.55;cursor:not-allowed}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-base)}.input-invalid{border-color:var(--status-fail)}.input-invalid:focus{box-shadow:var(--ring-danger)}.textarea{resize:vertical;min-height:60px;line-height:1.5}.input-inline{border:1px solid transparent;background:transparent;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.input-inline:hover{border-color:var(--border)}.input-inline:focus{background:var(--surface);border-color:var(--accent);box-shadow:var(--ring)}.select-wrap{position:relative}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);text-align:left;cursor:pointer;min-height:calc(var(--text-md) * 1.5 + var(--space-2) * 2 + 2px)}.select-trigger:disabled{cursor:not-allowed}.select-trigger.is-open{border-color:var(--accent);box-shadow:var(--ring)}.select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-chevron{flex-shrink:0;color:var(--text-muted)}select.select-native{position:absolute;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none;clip-path:inset(50%)}.icon-btn svg,.btn svg,.nav-icon svg,.toast-icon svg,.toast-close svg{display:block;flex-shrink:0}.nav-icon,.toast-icon{display:inline-flex;align-items:center;justify-content:center}label,.label{display:block;font-weight:var(--weight-semibold);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.field{margin-bottom:var(--space-4)}.field-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.field-error{font-size:var(--text-xs);color:var(--status-fail);margin-top:var(--space-1)}.filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.filter-select{width:auto;min-width:0;max-width:220px;padding:var(--space-1) var(--space-6) var(--space-1) var(--space-3);font-size:var(--text-sm);border:1px solid var(--border-strong);border-radius:var(--radius);background-color:var(--surface);color:var(--text);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:11px}.filter-select:hover{border-color:var(--accent)}.filter-select.is-active{border-color:var(--accent);color:var(--accent-hover);background-color:var(--accent-soft);font-weight:var(--weight-medium)}:root[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a847a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.ms{position:relative;display:inline-block}.popover{z-index:var(--z-dialog);overflow-y:auto;box-shadow:var(--shadow-lg)}.ms-menu{min-width:180px;padding:var(--space-1)}.ms-opt{display:flex;align-items:center;gap:var(--space-2);width:100%;text-align:left;padding:var(--space-1) var(--space-2);border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);font:inherit;font-size:var(--text-sm);white-space:nowrap}.ms-opt:hover,.ms-opt.is-focus{background:var(--bg-subtle)}.ms-opt.active{color:var(--accent-hover);font-weight:var(--weight-medium)}.ms-opt.is-disabled{opacity:.45;cursor:not-allowed}.ms-check{display:inline-flex;align-items:center;justify-content:center;width:14px;flex-shrink:0;color:var(--accent);font-size:var(--text-sm)}.ms-clear{width:100%;text-align:left;padding:var(--space-1) var(--space-2);margin-top:2px;border:none;border-top:1px solid var(--border);background:none;color:var(--text-muted);cursor:pointer;font:inherit;font-size:var(--text-xs)}.ms-clear:hover{color:var(--text)}.filter-bar .filter-search{flex:0 0 auto;width:170px}.filter-bar .filter-search .input{font-size:var(--text-sm);border-radius:var(--radius)}.switch{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{width:36px;height:20px;border-radius:var(--radius-full);background:var(--border-strong);transition:background var(--motion) var(--ease);flex:none;position:relative}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--motion) var(--ease);box-shadow:var(--shadow-sm)}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{box-shadow:var(--ring)}.gated{transition:opacity var(--motion) var(--ease)}.gated[data-enabled=false]{opacity:.5;pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font:inherit;font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.btn:hover{background:var(--bg-subtle)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active{background:var(--accent-active)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-subtle);color:var(--text)}.btn-danger{background:var(--status-fail);border-color:var(--status-fail);color:#fff}.btn-danger:hover{filter:brightness(.94)}.btn-danger:focus-visible{box-shadow:var(--ring-danger)}.btn-subtle{background:var(--bg-subtle);border-color:transparent}.btn-subtle:hover{background:var(--border)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-base)}.btn-xs{padding:2px var(--space-2);font-size:var(--text-sm)}.btn-icon{padding:var(--space-2);aspect-ratio:1}.btn-block{width:100%}.row{display:flex;gap:var(--space-3);align-items:center}.col{display:flex;flex-direction:column;gap:var(--space-3)}.wrap{flex-wrap:wrap}.spacer{flex:1}.stack-sm{display:flex;flex-direction:column;gap:var(--space-2)}.pill,.chip,.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:1px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.6;white-space:nowrap}.chip{border:1px solid transparent;border-radius:var(--radius-sm);font-weight:var(--weight-semibold);letter-spacing:.03em;text-transform:uppercase}button.chip{padding:3px var(--space-2);cursor:pointer;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}button.chip:hover{border-color:var(--border-strong)}button.chip[aria-pressed=true],button.chip.badge-accent{border-color:var(--accent)}button.chip:focus-visible{box-shadow:var(--ring)}.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.pill.no-dot:before{display:none}.pill-pass{background:var(--status-pass-soft);color:var(--status-pass)}.pill-fail{background:var(--status-fail-soft);color:var(--status-fail)}.pill-blocked{background:var(--status-blocked-soft);color:var(--status-blocked)}.pill-skip{background:var(--status-skip-soft);color:var(--status-skip)}.pill-untested{background:var(--status-untested-soft);color:var(--status-untested)}.pill-retest{background:var(--status-retest-soft);color:var(--status-retest)}.chip-bug{background:var(--type-bug-soft);color:var(--type-bug)}.chip-reg{background:var(--type-reg-soft);color:var(--type-reg)}.chip-edge{background:var(--type-edge-soft);color:var(--type-edge)}.badge-neutral{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border)}.badge-ok{background:var(--status-pass-soft);color:var(--status-pass)}.badge-fail{background:var(--status-fail-soft);color:var(--status-fail)}.badge-warn{background:var(--status-blocked-soft);color:var(--status-blocked)}.badge-accent{background:var(--accent-soft);color:var(--accent-hover)}.badge-retest{background:var(--status-retest-soft);color:var(--status-retest)}.code-chip{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-secondary);background:var(--bg-subtle);padding:1px var(--space-2);border-radius:var(--radius-sm);white-space:nowrap}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-secondary);background:var(--surface);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:5px;line-height:1}.kbd-hint{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.kbd-hint-item{display:inline-flex;align-items:center;gap:var(--space-1)}.progress{height:8px;border-radius:var(--radius-full);background:var(--bg-subtle);overflow:hidden;display:flex}.progress-lg{height:12px}.progress-seg{height:100%;transition:width var(--motion-slow) var(--ease)}.progress-seg.passed{background:var(--status-pass)}.progress-seg.failed{background:var(--status-fail)}.progress-seg.blocked{background:var(--status-blocked)}.progress-seg.skip{background:var(--status-skip)}.progress-seg.retest{background:var(--status-retest)}.progress-seg.untested{background:var(--status-untested-soft)}.progress-thin{height:3px;border-radius:var(--radius-full)}.stat{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.stat-label{font-size:var(--text-sm);color:var(--text-muted)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4) var(--space-5)}.kpi-value{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.1}.kpi-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191761;z-index:var(--z-overlay);opacity:0;animation:overlay-in var(--motion) var(--ease) forwards}@keyframes overlay-in{to{opacity:1}}.drawer{position:fixed;top:0;right:0;height:100vh;width:min(520px,92vw);background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-overlay);z-index:var(--z-drawer);display:flex;flex-direction:column;transform:translate(100%);animation:drawer-in var(--motion-slow) var(--ease) forwards}@keyframes drawer-in{to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.drawer-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.drawer-body{padding:var(--space-5);overflow-y:auto;flex:1}.drawer-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c191761;z-index:var(--z-dialog);display:flex;align-items:flex-start;justify-content:center;padding:8vh var(--space-4) var(--space-4);overflow-y:auto;opacity:0;animation:overlay-in var(--motion) var(--ease) forwards}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:86vh;display:flex;flex-direction:column;transform:translateY(8px) scale(.98);opacity:0;animation:modal-in var(--motion-slow) var(--ease) forwards}@keyframes modal-in{to{transform:translateY(0) scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.modal-body{padding:var(--space-5);overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.96);width:min(400px,92vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dialog);padding:var(--space-5);opacity:0;animation:dialog-in var(--motion) var(--ease) forwards}@keyframes dialog-in{to{transform:translate(-50%,-50%) scale(1);opacity:1}}.dialog-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-2)}.dialog-message{font-size:var(--text-md);color:var(--text-secondary);margin:0 0 var(--space-5);line-height:1.55}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.toast-stack{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(400px,calc(100vw - 32px));pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-2);background:var(--surface-raised);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3) var(--space-4);font-size:var(--text-md);color:var(--text);pointer-events:auto;opacity:0;transform:translate(12px);animation:toast-in var(--motion-slow) var(--ease) forwards}@keyframes toast-in{to{opacity:1;transform:translate(0)}}.toast.leaving{animation:toast-out var(--motion) var(--ease) forwards}@keyframes toast-out{to{opacity:0;transform:translate(12px)}}.toast-success{border-left-color:var(--status-pass)}.toast-error{border-left-color:var(--status-fail)}.toast-info{border-left-color:var(--accent)}.toast-icon{flex:none;font-size:var(--text-md);line-height:1.4}.toast-body{flex:1;min-width:0}.toast-title{font-weight:var(--weight-semibold)}.toast-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px}.toast-close{flex:none;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:var(--text-lg);line-height:1;padding:0}.toast-close:hover{color:var(--text)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.empty{text-align:center;color:var(--text-muted);padding:var(--space-12) var(--space-5)}.empty-icon{font-size:32px;margin-bottom:var(--space-3);opacity:.6}.empty-title{font-weight:var(--weight-semibold);color:var(--text-secondary);font-size:var(--text-md);margin-bottom:var(--space-1)}.empty-desc{font-size:var(--text-sm)}.error-box{background:var(--status-fail-soft);color:var(--status-fail);border:1px solid var(--status-fail);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-md)}.skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-subtle) 40%,var(--border) 50%,var(--bg-subtle) 60%);background-size:300% 100%;animation:skeleton-shimmer 2.4s cubic-bezier(.4,0,.6,1) infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.skeleton-row{height:36px;margin-bottom:var(--space-1)}.skeleton-text{height:12px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.run-header{position:sticky;top:0;z-index:10;background:var(--bg);padding-bottom:var(--space-3);margin-bottom:var(--space-4);border-bottom:1px solid var(--border)}.board-actions{display:inline-flex;gap:var(--space-1)}.board-actions .pf{padding:var(--space-1) var(--space-3);font-size:var(--text-base)}.pf-pass{border-color:var(--status-pass);color:var(--status-pass)}.pf-pass.active{background:var(--status-pass);color:#fff}.pf-fail{border-color:var(--status-fail);color:var(--status-fail)}.pf-fail.active{background:var(--status-fail);color:#fff}.table-scroll{overflow-x:auto;border-radius:var(--radius)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg);background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--slate-400);background-clip:padding-box}