.job-card{cursor:pointer;grid-template-columns:3px minmax(0,1fr) minmax(7.5rem,max-content) auto;align-items:stretch;transition:background-color .15s,box-shadow .15s;display:grid;position:relative}.job-card:hover,.job-card:focus-visible{background-color:var(--cb-surface-hover);box-shadow:var(--cb-shadow-md)}.job-card:focus-visible{outline:2px solid var(--cb-focus-ring,var(--cb-info-solid-bg));outline-offset:1px}.job-card:hover .job-card-chevron,.job-card:focus-visible .job-card-chevron{color:var(--cb-text-subtle)}.job-card-stripe{background-color:var(--cb-border-base);width:3px;position:absolute;top:0;bottom:0;left:0}.job-card--active .job-card-stripe{background-color:var(--cb-info-solid-bg)}.job-card--waiting .job-card-stripe{background-color:var(--cb-warning-solid-bg)}.job-card--planned .job-card-stripe{background-color:var(--cb-text-disabled)}.job-card-rail{border-left:1px solid color-mix(in srgb, var(--cb-border-base) 55%, var(--cb-surface-elevated));text-align:right;flex-direction:column;flex-shrink:0;grid-column:3;justify-content:center;align-items:flex-end;padding:13px 16px;display:flex}.job-card-rail-value{text-overflow:ellipsis;max-width:12rem;color:var(--cb-text-base);font-family:var(--cb-font-family-mono);font-size:.9375rem;font-weight:var(--cb-font-weight-semibold);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.25;overflow:hidden}.job-card-rail-label{color:var(--cb-text-disabled);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;line-height:1.25}.job-card-rail--wait .job-card-rail-value{color:var(--cb-warning-soft-text)}.job-card-rail--late .job-card-rail-value{color:var(--cb-danger-soft-text)}.job-card-rail--ready .job-card-rail-value{color:var(--cb-success-soft-text)}.job-card-rail--scheduled .job-card-rail-value{color:var(--cb-info-soft-text)}.job-card-body{flex-direction:column;grid-column:2;gap:4px;min-width:0;padding:13px 16px;display:flex;position:relative;overflow:hidden}.job-card-glyph{z-index:0;color:var(--cb-text-base);opacity:.1;pointer-events:none;transition:transform .25s,opacity .25s;position:absolute;bottom:-14px;right:26px;transform:rotate(-10deg)}.job-card:hover .job-card-glyph{opacity:.16;transform:rotate(-6deg)scale(1.08)}.job-card--active .job-card-glyph{color:var(--cb-info-solid-bg)}.job-card--waiting .job-card-glyph{color:var(--cb-warning-solid-bg)}.job-card-fore{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.job-card-glyph{transition:none}.job-card:hover .job-card-glyph{transform:rotate(-10deg)}}.job-card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.job-card-meta{color:var(--cb-text-muted)}.job-card-name{color:var(--cb-text-base);font-size:.9375rem;line-height:1.35}.job-card-progress{flex-direction:column;gap:5px;margin-top:4px;display:flex}.job-card-counts{color:var(--cb-text-muted);font-variant-numeric:tabular-nums}.job-card-legend{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.job-card-extra{grid-column:2/-1}.job-card-chevron{color:var(--cb-text-disabled);flex-shrink:0;grid-column:4;align-self:center;margin-right:14px;transition:color .15s}.job-bar{background-color:var(--cb-surface-inset);border-radius:999px;height:6px;display:flex;overflow:hidden}.job-bar-seg{height:100%;display:block}.job-bar-seg--ok{background-color:var(--cb-success-solid-bg)}.job-bar-seg--retried{background-color:color-mix(in srgb, var(--cb-success-solid-bg) 55%, var(--cb-surface-inset))}.job-bar-seg--bad{background-color:var(--cb-danger-solid-bg)}.job-bar-seg--live{background-color:var(--cb-info-solid-bg)}@media (width<=600px){.job-card{grid-template-columns:3px minmax(0,1fr) auto}.job-card-body{grid-area:1/2}.job-card-chevron{grid-area:1/3;align-self:flex-start;margin-top:14px}.job-card-rail{text-align:left;border-left:0;grid-area:2/2/auto/-1;align-items:flex-start;padding-top:0}}