.active-job{display:flex;flex-direction:column;gap:10px;padding:12px 16px;background:var(--surface-1);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--shadow-sm),var(--card-sheen, none)}.active-job-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.active-job-title{display:flex;flex-direction:column;gap:2px;min-width:0}.active-job-eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--eyebrow-text, var(--muted-text))}.active-job-test{font-family:var(--mono);font-size:13.5px;color:var(--app-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-job-more{color:var(--muted-text);font-size:12px}.active-job-stop{flex:0 0 auto;padding:7px 18px;border-radius:8px;border:1px solid var(--tally, #c33f26);background:var(--tally, #c33f26);color:#fff;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:filter .14s,opacity .14s}.active-job-stop:hover:not(:disabled){filter:brightness(1.08)}.active-job-stop:disabled{opacity:.5;cursor:not-allowed}.active-job-stop:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.active-job-bar{position:relative;height:8px;border-radius:999px;background:var(--surface-2);overflow:hidden}.active-job-bar-fill{position:absolute;inset:0;border-radius:inherit;background:var(--tone, var(--ok))}.active-job-bar-fill.is-indeterminate{background:repeating-linear-gradient(115deg,var(--tone, var(--ok)) 0 14px,color-mix(in srgb,var(--tone, var(--ok)) 72%,transparent) 14px 28px);background-size:200% 100%;animation:active-job-slide 1.15s linear infinite}.active-job.tone-pass{--tone: var(--ok)}.active-job.tone-fail{--tone: var(--bad)}.active-job.tone-cancelled{--tone: var(--warn)}.active-job.tone-unknown{--tone: var(--muted-text)}.active-job-ready{font-size:15px;font-weight:700;color:var(--app-text);letter-spacing:-.01em}.active-job-usage{font-size:12.5px;color:var(--muted-text);min-width:0}.active-job.is-ready .active-job-head{flex-wrap:wrap;justify-content:flex-start;gap:4px 12px}.active-job.is-ready .active-job-bar{height:10px}.active-job.is-ready .active-job-head{min-height:0}@keyframes active-job-slide{0%{background-position:0 0}to{background-position:56px 0}}.active-job-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 20px;font-size:12.5px;color:var(--muted-text)}.active-job-fact{white-space:nowrap}.active-job-fact b{color:var(--app-text-soft);font-weight:600}.active-job-link{color:var(--signal);text-underline-offset:2px}.active-job-link:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.active-job-id{font-family:var(--mono);font-size:11.5px;margin-left:auto;opacity:.75}@media(prefers-reduced-motion:reduce){.active-job-bar-fill{animation:none}}@media(max-width:900px){.active-job-meta{gap:4px 14px}.active-job-id{margin-left:0}}