#jobsPanel{min-width:0}
#studioJobs .task-row{display:block;padding:16px 0;margin:0;border:0;border-bottom:1px solid var(--line)}
#studioJobs .task-row:first-child{padding-top:8px}
#studioJobs .task-row:last-child{border-bottom:0}
.task-row-heading,.task-row-meta,.task-row-actions,.task-overview-state{display:flex;align-items:center;gap:12px}
.task-row-heading{justify-content:space-between;align-items:flex-start}
.task-row-heading strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere}
#studioJobs .task-row-meta{width:auto;flex:1;min-width:0;margin:0;font-size:11px;flex-wrap:wrap;gap:6px 14px}
#studioJobs .task-row-stage{font-size:12px;line-height:1.6;margin:8px 0;overflow-wrap:anywhere}
.task-row-actions{justify-content:space-between;flex-wrap:wrap;margin-top:8px}
#studioJobs .task-detail-link{border:0;background:transparent;color:var(--accent);padding:4px 0;min-height:28px;font-size:12px;text-align:left;border-radius:3px;box-shadow:none}
#studioJobs .task-detail-link:hover{text-decoration:underline;text-underline-offset:4px}
.task-state{white-space:nowrap;border:1px solid var(--line);font-size:10px;padding:3px 8px;border-radius:20px}
.task-state[data-state=failed]{color:var(--danger,#e9a6ac);background:color-mix(in srgb,var(--danger,#e9a6ac) 8%,transparent);border-color:color-mix(in srgb,var(--danger,#e9a6ac) 22%,var(--line))}
.task-state[data-state=ready]{color:var(--success,#8fbbaa)}
.task-live{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);white-space:nowrap}
.task-live::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.task-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:8px;font-size:11px;color:var(--muted)}
.task-pagination button{min-height:32px;padding:5px 10px;font-size:11px;white-space:nowrap}
.task-load-status{padding:12px;border:1px solid var(--line);border-radius:8px;line-height:1.6;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
:root body dialog.task-dialog{width:min(880px,calc(100vw - 40px));max-width:880px;max-height:min(880px,calc(100dvh - 48px));padding:0;border-radius:18px;background:var(--panel);color:var(--text);box-shadow:0 28px 100px #0007;overflow:hidden}
dialog.task-dialog[open]{display:flex;flex-direction:column}
.task-dialog .task-dialog-header{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:space-between;gap:24px;width:100%;max-width:none;margin:0;position:static;text-align:left;padding:24px 28px 20px;border-bottom:1px solid var(--line);flex-shrink:0}
.task-dialog-header h2{font-size:20px;line-height:1.45;margin:6px 0 0;overflow-wrap:anywhere}
.task-eyebrow{margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.task-dialog .task-close{flex-shrink:0;width:34px;height:34px;min-height:34px;font-size:22px;background:transparent;color:var(--muted);border:1px solid var(--line);padding:0}
.task-dialog-body{padding:24px 28px;overflow:auto;overscroll-behavior:contain;min-height:0}
.task-dialog>.task-load-status{margin:12px 28px 0}
.task-overview-state{margin-bottom:18px;flex-wrap:wrap;font-size:12px}
.task-overview-state .task-live{margin-left:auto}
.task-facts{display:grid;grid-template-columns:minmax(110px,1fr) minmax(0,2fr);gap:10px 20px;font-size:12px;margin:20px 0}
.task-facts dt{color:var(--muted)}.task-facts dd{margin:0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.task-failure{display:grid;gap:8px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--danger,#e9a6ac) 24%,var(--line));background:color-mix(in srgb,var(--danger,#e9a6ac) 5%,transparent);border-radius:10px;font-size:13px;line-height:1.6;margin-bottom:18px}
.task-dialog code{font-family:ui-monospace,monospace;font-size:11px;color:var(--muted);overflow-wrap:anywhere}
.task-section{border:1px solid var(--line);border-radius:12px;margin-top:12px;overflow:hidden}
.task-section>summary{list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-size:13px;background:color-mix(in srgb,var(--accent) 3%,transparent);margin:0}
.task-section>summary::-webkit-details-marker{display:none}.task-section>summary::after{content:'⌄';color:var(--muted)}
.task-section[open]>summary{border-bottom:1px solid var(--line);margin:0}.task-section[open]>summary::after{transform:rotate(180deg)}
.task-section>summary:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.task-section-content{padding:16px}.task-section-content>p{font-size:12px;line-height:1.6;margin:0 0 16px}.task-section-content .task-facts{margin-top:0}
.task-timeline{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line)}
.task-timeline li{position:relative;padding:0 0 22px 8px;display:grid;gap:7px}.task-timeline li:last-child{padding-bottom:0}
.task-timeline li::before{content:'';position:absolute;left:-18px;top:4px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.task-timeline li>div{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px}.task-timeline time{color:var(--muted);font-size:11px}.task-timeline small{font-size:10px;overflow-wrap:anywhere}
.task-dialog .task-json{margin:0;padding:16px;background:color-mix(in srgb,var(--field) 65%,transparent);border-radius:8px;font:11px/1.7 ui-monospace,monospace;max-height:340px;tab-size:2;white-space:pre-wrap;overflow-wrap:anywhere}
.task-section>.task-json{margin:16px}
.task-dialog .task-dialog-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin:0;width:100%;max-width:none;position:static;padding:16px 28px;border-top:1px solid var(--line);flex-shrink:0;background:color-mix(in srgb,var(--accent) 3%,transparent)}
.task-dialog-footer button{min-height:36px;font-size:12px;padding:7px 12px}.task-dialog-footer button:first-child{margin-right:auto}
.task-dialog :focus-visible,.task-pagination :focus-visible,.task-row :focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.task-pagination[hidden],.task-load-status[hidden]{display:none}
@media(max-width:600px){:root body dialog.task-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.task-dialog-header,.task-dialog-body{padding:18px}.task-dialog .task-dialog-footer{padding:14px 18px;gap:8px}.task-facts{grid-template-columns:minmax(90px,1fr) minmax(0,1.6fr);gap:10px 12px}.task-dialog-header h2{font-size:18px}.task-pagination{gap:6px}}

#taskDetailsDialog .task-close{font-size:22px;line-height:1;min-width:34px;padding:0}
@media(pointer:coarse){#taskDetailsDialog .task-close,.task-dialog-footer button,.task-pagination button,#studioJobs .task-detail-link{min-height:44px;min-width:44px}}

:root #studioJobs .task-detail-link{min-height:30px;padding:4px 0;font-size:12px;white-space:nowrap}
@media(pointer:coarse){:root #studioJobs .task-detail-link{min-height:44px}}