:root{--bg: #0b0d12;--panel: #12151c;--panel-2: #171b24;--border: #232733;--text: #e6e8ee;--text-dim: #9299a8;--text-faint: #5c6472;--accent: #6ea8fe;--mono: "SF Mono", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;--pass: #3ecf8e;--fail: #f2555a;--partial: #f5a623;--inconclusive: #c084fc;--ran: #6ea8fe;--unrun: #3a3f4b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app{display:grid;grid-template-columns:260px 340px 1fr;flex:1;min-height:0;overflow:hidden}.app-two-pane{grid-template-columns:300px 1fr}.batch-bar{border-bottom:1px solid var(--border);background:var(--panel);padding:8px 12px;flex-shrink:0}.batch-bar-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.batch-progress{height:3px;background:var(--border);border-radius:2px;margin-top:7px;overflow:hidden}.batch-progress-fill{height:100%;background:var(--ran);transition:width .4s ease}.batch-detail{margin-top:8px;max-height:190px;overflow-y:auto;display:grid;gap:2px}.batch-detail-row{display:flex;gap:10px;align-items:baseline}.pane{overflow-y:auto;border-right:1px solid var(--border)}.pane:last-child{border-right:none}.pane-header{padding:14px 16px 10px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:1}.pane-header h1{font-size:13px;font-weight:600;margin:0 0 2px;letter-spacing:.02em}.pane-header .sub{font-size:11px;color:var(--text-faint)}.job-list{list-style:none;margin:0;padding:6px}.job-item{padding:9px 10px;border-radius:8px;cursor:pointer;margin-bottom:2px;border:1px solid transparent}.job-item:hover{background:var(--panel-2)}.job-item.active{background:var(--panel-2);border-color:var(--border)}.job-item .job-label{font-weight:600;font-size:12.5px;display:flex;justify-content:space-between;align-items:baseline}.job-item .job-count{font-family:var(--mono);font-size:11px;color:var(--text-faint)}.job-item .job-blurb{color:var(--text-dim);font-size:11px;margin-top:3px;line-height:1.4}.status-bar{display:flex;gap:3px;margin-top:6px;height:4px;border-radius:2px;overflow:hidden}.status-seg{height:100%}.case-list{list-style:none;margin:0;padding:6px}.case-item{padding:8px 10px;border-radius:8px;cursor:pointer;margin-bottom:2px;border:1px solid transparent;display:flex;align-items:center;gap:8px}.case-item:hover{background:var(--panel-2)}.case-item.active{background:var(--panel-2);border-color:var(--border)}.case-item .case-id{font-family:var(--mono);font-size:10.5px;color:var(--text-faint);white-space:nowrap}.case-item .case-title{font-size:12px;line-height:1.35;color:var(--text);flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pill{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:99px;font-size:10px;font-weight:600;font-family:var(--mono);white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-running{background:var(--ran);animation:dot-running-pulse 1.1s ease-in-out infinite}.dot-queued{background:transparent;box-shadow:inset 0 0 0 2px var(--ran);opacity:.7}@keyframes dot-running-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.5)}}.detail{padding:20px 24px 60px}.detail-empty{padding:40px 24px;color:var(--text-faint);font-size:12.5px}.detail h2{font-size:16px;margin:0 0 4px;line-height:1.4}.detail .case-meta{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.detail .case-id-mono{font-family:var(--mono);color:var(--text-faint);font-size:12px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:18px}.tab{padding:8px 14px;font-size:12px;font-weight:600;color:var(--text-faint);cursor:pointer;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.section{margin-bottom:22px}.section h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:0 0 8px;font-weight:600}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.kv{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:12px}.kv dt{color:var(--text-faint)}.kv dd{margin:0;color:var(--text)}ul.plain,ol.plain{margin:0;padding-left:18px;font-size:12px;line-height:1.6}.mono{font-family:var(--mono)}.muted{color:var(--text-faint)}.dim{color:var(--text-dim)}.rule-row{display:flex;gap:8px;padding:6px 0;border-bottom:1px solid var(--border);font-size:12px}.rule-row:last-child{border-bottom:none}.rule-id{font-family:var(--mono);color:var(--text-faint);flex-shrink:0}.rule-kind{font-family:var(--mono);font-size:10px;color:var(--text-faint);background:var(--panel-2);padding:1px 6px;border-radius:4px;flex-shrink:0;height:fit-content}.spinner-line{color:var(--text-faint);font-size:12px;padding:20px}.error-line{color:var(--fail);font-size:12px;padding:20px}.btn{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:7px 12px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans)}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:default}.btn-danger{background:#f2555a1f;border-color:var(--fail);color:var(--fail)}.btn-primary{background:#6ea8fe24;border-color:var(--accent);color:var(--accent)}.text-input{width:100%;padding:8px 10px;font-size:13px;font-family:var(--sans);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s ease}.text-input::placeholder{color:var(--text-faint)}.text-input:hover{border-color:#2e3440}.text-input:focus{border-color:var(--accent)}.text-input.mono{font-family:var(--mono);font-size:12px}input[type=search].text-input::-webkit-search-cancel-button{-webkit-appearance:none;height:14px;width:14px;background:var(--text-faint);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.3 5.71a1 1 0 0 0-1.41 0L12 10.59 7.11 5.7A1 1 0 0 0 5.7 7.11L10.59 12l-4.89 4.89a1 1 0 1 0 1.41 1.41L12 13.41l4.89 4.89a1 1 0 0 0 1.41-1.41L13.41 12l4.89-4.89a1 1 0 0 0 0-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;cursor:pointer}.badge-flag{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--panel-2);color:var(--text-dim);font-family:var(--mono)}