.delivery{display:flex;align-items:center;justify-content:space-between;gap:18px}
.delivery>div{min-width:0}
.delivery code{font-size:15px;overflow-wrap:anywhere;user-select:all}
.delivery>button{flex:0 0 auto;padding:10px 16px;border:1px solid var(--line);border-radius:9px;background:var(--ink);color:#fff;font-weight:800}
@media(max-width:650px){.delivery{display:block}.delivery>button{margin-top:14px}}

/* Completed-job delivery view */
body{background:linear-gradient(180deg,#f7f8f6 0,#f1f3f0 360px,#f4f5f1 100%)}
main{max-width:1500px;padding-top:28px}
.hero{margin-bottom:20px;align-items:center}
.hero h1{font-size:36px;letter-spacing:-.04em}
.hero p:not(.eyebrow){max-width:760px}
.agent-panel{border:0;box-shadow:0 8px 30px rgba(24,33,38,.07)}
.workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}
.history{border:0;box-shadow:0 12px 38px rgba(24,33,38,.07);max-height:calc(100vh - 108px);overflow:auto}
.new-job{background:linear-gradient(135deg,#172127,#2e3b41);box-shadow:0 7px 18px rgba(24,33,38,.16)}
.job-list button{padding:14px;background:#f7f8f6;border:1px solid transparent;transition:.16s ease}
.job-list button:hover{transform:translateY(-1px)}
.job-list button.active{border-color:#b9d8ca;background:#eef8f3;box-shadow:0 5px 18px rgba(31,118,91,.1)}
.detail{border:0;box-shadow:0 14px 46px rgba(24,33,38,.075);padding:26px}
.detail-head{padding:2px 2px 22px;border-bottom:1px solid #edf0ed}
.detail-head h2{max-width:820px;font-size:25px;line-height:1.25;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detail-head p{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px}
.run-state{border:0;background:linear-gradient(135deg,#f1f5f7,#fff);box-shadow:inset 0 0 0 1px #dbe4e8}
.run-state[data-status="COMPLETE"]{background:linear-gradient(135deg,#e8f6ef,#fafffc);box-shadow:inset 0 0 0 1px #c9e6d8}
.run-state[data-status="COMPLETE"] small,.run-state[data-status="COMPLETE"] h3{color:#176247}
.run-state[data-status="COMPLETE"] .ring{background:conic-gradient(#278461 var(--progress,0deg),#d7ebe2 0)}
.run-state[data-status="FAILED"],.run-state[data-status="PARTIAL"],.run-state[data-status="CANCELLED"]{background:linear-gradient(135deg,#fff0ed,#fff);box-shadow:inset 0 0 0 1px #efcbc4}
.run-state[data-status="FAILED"] small,.run-state[data-status="FAILED"] h3,.run-state[data-status="PARTIAL"] small,.run-state[data-status="PARTIAL"] h3,.run-state[data-status="CANCELLED"] small,.run-state[data-status="CANCELLED"] h3{color:#9d342c}
.delivery{padding:20px 22px;border:0;background:linear-gradient(135deg,#eaf6f1,#f7fbf9);box-shadow:inset 0 0 0 1px #cfe7dc}
.delivery small{color:#1f765b;font-weight:800;letter-spacing:.04em}
.delivery code{padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.8);color:#23413a}
.delivery>button{background:#1f765b;border-color:#1f765b;box-shadow:0 5px 14px rgba(31,118,91,.18)}
.results{padding:22px;border:0;background:#fff;box-shadow:inset 0 0 0 1px #e7ebe8}
.results>header{padding-bottom:16px;border-bottom:1px solid #edf0ed}
.results>header h3{font-size:21px;letter-spacing:-.02em}
.results>header p{margin:5px 0 0;color:var(--muted)}
.results>header>button{border:0;background:var(--ink);color:#fff;padding:10px 17px;font-weight:800;box-shadow:0 6px 16px rgba(24,33,38,.14)}
.results>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
.results article.result-card{min-width:0;padding:15px 16px;border:1px solid #e6ebe7;border-radius:12px;background:#fafbf9;transition:.16s ease}
.results article.result-card:hover{border-color:#cfdbd4;background:#fff;box-shadow:0 8px 24px rgba(24,33,38,.07);transform:translateY(-1px)}
.result-main{display:flex;align-items:center;gap:13px;min-width:0}
.variant-badge{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;align-content:center;border-radius:12px;background:#f3e4dc;color:#b24e2e}
.variant-badge span{font-size:9px;letter-spacing:.08em}.variant-badge strong{font-size:19px;line-height:1}
.result-copy{min-width:0}.result-copy>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-copy>span{font-size:12px;color:var(--muted);margin-top:5px}
.result-actions{display:flex;gap:7px;flex:0 0 auto}.result-actions button{padding:8px 11px}.result-actions .download-primary{border-color:#27343a;background:#27343a;color:#fff}
.result-actions em{font-size:12px;color:var(--muted);font-style:normal}
@media(max-width:1120px){.results>div{grid-template-columns:1fr}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.history{max-height:none}.detail-head h2{white-space:normal}}
@media(max-width:650px){.detail{padding:16px}.results article.result-card{display:block}.result-actions{margin-top:12px}.results>header{align-items:flex-start;gap:12px}.results>header>button{white-space:nowrap}}