.job-trace{--jt-card: var(--bone);--jt-card-ring: var(--hair);--jt-card-shadow: var(--shadow-chip);--jt-title: var(--text);--jt-sub: var(--text-muted);--jt-number: var(--text-muted);--jt-check-ring: var(--hair);--jt-port: var(--dawn);--jt-port-hot: var(--dawn);--jt-port-halo: var(--dawn-halo);--jt-connector: var(--stone);--jt-connector-hot: var(--dawn);--jt-note: var(--text-muted);--jt-done: var(--text-accent);--jt-pressed: var(--paper-2);--jt-pressed-ring: var(--text);position:relative;min-width:0;container:job-trace / inline-size}[data-ink] .job-trace,.flow-ink .job-trace{--jt-card: var(--ink-2);--jt-card-ring: var(--hair-on-ink);--jt-card-shadow: var(--shadow-shot);--jt-title: var(--text-on-ink);--jt-sub: var(--text-on-ink-muted);--jt-number: var(--text-on-ink-quiet);--jt-check-ring: var(--hair-on-ink);--jt-port: var(--cta);--jt-port-hot: var(--amber);--jt-port-halo: var(--cta-ring);--jt-connector: var(--hair-on-ink);--jt-connector-hot: var(--cta);--jt-note: var(--text-on-ink-muted);--jt-done: var(--text-on-ink-accent);--jt-pressed: var(--ink-3);--jt-pressed-ring: var(--text-on-ink)}.job-trace-title{display:block;font-size:var(--fs-body);font-weight:var(--w-head);line-height:1.3;color:var(--jt-title)}.job-trace-sub{display:block;margin-top:3px;font-size:var(--fs-micro);line-height:1.4;letter-spacing:var(--ls-micro);color:var(--jt-sub)}.job-trace-check{position:relative;flex:none;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--jt-check-ring);transition:background-color var(--d-ui) ease,box-shadow var(--d-ui) ease}.job-trace-check:after{content:"";position:absolute;left:8px;top:5px;width:5px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform var(--d-base) var(--ease-out)}.job-trace .hot>.job-trace-check{background:var(--cta);box-shadow:none}.job-trace .hot>.job-trace-check:after{transform:rotate(45deg) scale(1)}.job-trace-row{--jt-gap: clamp(36px, 7.8cqi, 100px);display:none;margin:0;padding:0;list-style:none}.job-trace-node{position:relative;display:grid;align-content:start;min-height:124px;padding:20px 20px 18px;border-radius:var(--r-card);background:var(--jt-card);box-shadow:inset 0 0 0 1px var(--jt-card-ring),var(--jt-card-shadow);transition:box-shadow var(--d-base) ease}.job-trace-node.hot{box-shadow:inset 0 0 0 1px var(--cta),0 0 0 5px var(--cta-ring),var(--jt-card-shadow)}.job-trace-number{margin-bottom:14px;font-size:var(--fs-micro);line-height:1.4;color:var(--jt-number)}.job-trace-node>.job-trace-check{position:absolute;top:16px;right:16px}.job-trace-mobile{--jt-gap: 12px;display:grid;gap:var(--jt-gap);margin:0;padding:0 0 0 44px;list-style:none}.job-trace-mobile li{position:relative;display:flex;align-items:center;gap:var(--s-3);min-height:64px;padding:10px 14px 10px 16px;border-radius:var(--r-card);background:var(--jt-card);box-shadow:inset 0 0 0 1px var(--jt-card-ring);transition:box-shadow var(--d-base) ease}.job-trace-mobile li.hot{box-shadow:inset 0 0 0 1px var(--cta),0 0 0 5px var(--cta-ring)}.job-trace-mobile li>div{flex:1 1 auto;min-width:0}.job-trace-mobile-number{flex:none;width:20px;font-size:var(--fs-micro);line-height:1;color:var(--jt-number)}.job-trace-mobile .job-trace-title{font-size:var(--fs-small)}.job-trace-port{position:absolute;left:-38px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--jt-port);transition:box-shadow var(--d-ui) ease}.job-trace-mobile li.hot>.job-trace-port{box-shadow:inset 0 0 0 2px var(--jt-port-hot),0 0 0 4px var(--jt-port-halo)}@container job-trace (min-width: 720px){.job-trace-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--jt-gap)}.job-trace-mobile{display:none}}html:not(.stage-live) .job-trace-node+.job-trace-node:before{content:"";position:absolute;top:50%;right:100%;width:var(--jt-gap);border-top:1px dashed var(--jt-connector);transition:border-color var(--d-ui) ease}html:not(.stage-live) .job-trace-node.hot+.job-trace-node.hot:before{border-top-style:solid;border-top-color:var(--jt-connector-hot)}html:not(.stage-live) .job-trace-mobile li+li:before,html:not(.stage-live) .job-trace-mobile li:not(:last-child):after{content:"";position:absolute;left:-31px;border-left:1px dashed var(--jt-connector);transition:border-color var(--d-ui) ease}html:not(.stage-live) .job-trace-mobile li+li:before{top:calc(var(--jt-gap) / -2);bottom:calc(50% + 8px)}html:not(.stage-live) .job-trace-mobile li:not(:last-child):after{top:calc(50% + 8px);bottom:calc(var(--jt-gap) / -2)}html:not(.stage-live) .job-trace-mobile li.hot+li.hot:before,html:not(.stage-live) .job-trace-mobile li.hot:has(+li.hot):after{border-left-style:solid;border-left-color:var(--jt-connector-hot)}.job-trace .sys-play{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) 10px;margin-top:clamp(28px,4cqi,44px)}.job-trace-run{min-height:50px;padding:0 22px 0 13px}.job-trace-run-icon{position:relative;flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink)}.job-trace-run-icon:after{content:"";position:absolute;left:9px;top:7px;border-left:8px solid var(--cta);border-top:5px solid transparent;border-bottom:5px solid transparent}.job-trace-pause{min-height:50px;padding:0 18px}.job-trace-pause[aria-pressed=true]{background:var(--jt-pressed);border-color:var(--jt-pressed-ring)}.job-trace-notes{display:grid;flex:1 1 22ch;min-width:0;margin-left:var(--s-3)}.job-trace-notes>*{grid-area:1 / 1}.job-trace-note-size{visibility:hidden}.job-trace .sys-note{font-size:var(--fs-small);line-height:1.45;color:var(--jt-note);transition:color var(--d-fast) ease}.job-trace-notes[data-done] .sys-note{color:var(--jt-done)}@container job-trace (max-width: 719px){.job-trace-notes{flex-basis:100%;margin-left:0}}@media(prefers-reduced-motion:reduce){.job-trace-node,.job-trace-mobile li,.job-trace-check,.job-trace-port{transition-duration:var(--d-fast)}.job-trace-check:after{transition:none}}