.job-card{border:1px solid #c8dfd4;border-radius:16px;padding:22px;margin:0 0 22px;background:#f7fbf8;color:#203c30;overflow-wrap:anywhere;scroll-margin-top:90px}
.job-steps li>span{min-height:3em;display:flex;align-items:flex-end}
.job-card{container-type:inline-size}
@container(min-width:800px){.job-steps{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
.job-card[hidden]{display:none}.job-heading{display:flex;align-items:center;gap:12px}.job-heading h3{font-size:20px;line-height:1.35;margin:0}
#results .timeline{max-height:72vh;overflow:auto;overscroll-behavior:contain}
.job-pulse{width:9px;height:9px;flex:none;border-radius:50%;background:#209e69;animation:job-pulse 1.7s ease-in-out infinite}
.job-card[data-phase=done] .job-pulse,.job-card[data-phase=error] .job-pulse,.job-card[data-phase=cancelled] .job-pulse{animation:none}
.job-card[data-phase=error]{border-color:#dba5a5;background:#fff8f7}.job-card[data-phase=error] .job-pulse{background:#a83636}
.job-steps{display:flex;flex-wrap:wrap;gap:8px 18px;margin:18px 0;padding:0;list-style:none;counter-reset:step}
.job-steps li{font-size:13px;line-height:1.5;color:#65736c;counter-increment:step}.job-steps li:before{content:counter(step) '. ';font-weight:700}
.job-steps li[data-state=done]{color:#277147}.job-steps li[data-state=done]:before{content:'✓ '}.job-steps li[data-state=current]{color:#183e2b;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.job-detail{font-size:15px;line-height:1.6;margin:12px 0}.job-facts{display:flex;flex-wrap:wrap;gap:14px 28px;margin:18px 0 0}.job-facts dt{font-size:12px;color:#647369}.job-facts dd{font-size:16px;font-weight:600;margin:4px 0 0}.job-estimate{font-size:13px;line-height:1.5;color:#5d6d63;margin:16px 0 0}.job-estimate:empty{display:none}
#results[data-job-status] #asr-status,#results[data-job-status] #asr-timer,#results[data-job-status] #retry-hint,#results[data-job-status] #transcript-progress,#results[data-job-status] #transcript-progress-text,#results[data-job-status] #size-hint,#results[data-job-status] #size-label{display:none!important}
#results[data-job-status]:not([data-job-status=done]):not([data-job-status=error]) #results-status{display:none!important}
#import[data-job-status] #import-progress,#import[data-job-status] #import-progress-text{display:none!important}
@keyframes job-pulse{50%{opacity:.35;box-shadow:0 0 0 5px #209e691a}}@media(prefers-reduced-motion:reduce){.job-pulse{animation:none}}@media(max-width:600px){.job-card{padding:16px}.job-heading h3{font-size:18px}.job-steps{gap:8px 14px}.job-facts{gap:12px 20px}}
.job-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:16px}.job-steps li{position:relative;display:flex;flex-direction:column;gap:7px;text-decoration:none!important}.job-steps li:before{display:none}.job-steps progress{width:100%;height:7px;accent-color:#208158;border:0;border-radius:6px;overflow:hidden}.job-steps progress::-webkit-progress-bar{background:#dce7df}.job-steps progress::-webkit-progress-value{background:#208158;transition:width .35s}.job-steps li[data-state=next] progress::-webkit-progress-value{background:#dce7df}.job-steps small{font-size:11px;font-weight:400}.job-steps li[data-state=current]{outline:1px solid #a8c7b6;outline-offset:6px;border-radius:4px}.job-steps progress:indeterminate{background:linear-gradient(90deg,#dce7df,#7eb797,#dce7df);animation:job-pulse 2s infinite}.job-estimate{font-size:15px;font-weight:600;color:#294c38}
@media(prefers-reduced-motion:reduce){.job-steps progress:indeterminate{animation:none}.job-steps progress::-webkit-progress-value{transition:none}}