/* Reuse the workbench's quiet gray palette and compact right rail. */
body[data-video-task-history="true"] .video-task-panel > .queue-empty { display:none; }
.vt-history { margin-top:10px; min-width:0; }
.vt-toolbar { display:flex; justify-content:flex-end; align-items:center; gap:4px; color:#616b79; font-size:12px; }
.vt-history button { font:inherit; cursor:pointer; color:#30343a; }
.vt-toolbar button, #vt-more { min-height:30px; padding:4px 8px; border:0; border-radius:7px; background:transparent; font-size:12px; }
.vt-toolbar button:hover, #vt-more:hover { background:#eef0f3; }
#vt-status { margin:6px 0; font-size:12px; line-height:1.5; color:#616b79; overflow-wrap:anywhere; }
#vt-status:empty { display:none; }
#vt-list { display:grid; gap:8px; margin-top:8px; }
.vt-history .vt-task { width:100%; display:flex; align-items:center; gap:8px; min-width:0; padding:8px; border:1px solid #e2e6ec; border-radius:10px; background:#fff; text-align:left; }
.vt-history .vt-task:hover { background:#f5f6f8; }
.vt-history .vt-task[aria-pressed="true"] { background:#eef0f3; border-color:#99a3af; }
.vt-icon { width:40px; height:48px; display:grid; place-items:center; flex:none; border-radius:7px; background:#eef0f3; color:#737d8c; }
.vt-icon svg { width:23px; height:23px; stroke:currentColor; stroke-width:1.5; }
.vt-icon { overflow:hidden; width:46px; height:58px; }
.vt-icon img { width:100%; height:100%; object-fit:cover; }
.vt-state { white-space:nowrap; color:#616b79; font-size:12px; }
.vt-history .queue-draft-row { position:relative; min-width:0; }
.video-generation-page .vt-history .queue-draft-row::after { display:none; }
.video-generation-page .vt-history .queue-draft-row:has(> .queue-draft-delete) > .vt-task { min-height:100px; align-items:flex-start; }
.video-generation-page .vt-history .queue-draft-row:has(> .queue-draft-delete) .vt-icon { height:46px; }
.video-generation-page .vt-history .queue-draft-delete { position:absolute; top:auto; left:18px; right:auto; bottom:7px; width:28px; height:28px; min-width:28px; min-height:28px; margin:0; padding:1px; color:#616b79; background:#f3f4f6; }
.vt-details { display:grid; grid-template-columns:minmax(0,1fr); flex:1; gap:3px; min-width:0; font-size:12px; }
.vt-details b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; font-weight:600; }
.vt-details time { display:flex; flex-wrap:wrap; column-gap:5px; color:#616b79; font-size:11px; line-height:1.3; }
.vt-details time > span { white-space:nowrap; }
.vt-drafts-heading { margin:18px 0 8px; font-size:12px; color:#616b79; }
.vt-drafts-heading:has(+ [hidden]) { display:none; }
.vt-history button:focus-visible { outline:1px solid #818995; outline-offset:2px; }
.vt-history button:disabled { cursor:default; opacity:.55; }
.video-task-panel.is-collapsed :is(.vt-toolbar > span,.vt-details,#vt-status,.vt-drafts-heading) { display:none; }
.video-task-panel.is-collapsed .vt-history .vt-task { width:42px; height:44px; min-height:44px; padding:0; justify-content:center; }
.video-task-panel.is-collapsed .vt-icon { width:40px; height:42px; }
.video-task-panel.is-collapsed .vt-toolbar { justify-content:center; }
.video-task-panel.is-collapsed #vt-more { width:42px; padding:4px 0; }
.video-generation-page .video-task-panel.is-collapsed .vt-history .queue-draft-row:has(> .queue-draft-delete) { width:42px; max-width:100%; }
.video-generation-page .video-task-panel.is-collapsed .vt-history .queue-draft-row:has(> .queue-draft-delete) > .vt-task { min-height:82px; padding:0; align-items:flex-start; }
.video-generation-page .video-task-panel.is-collapsed .vt-history .queue-draft-delete { left:7px; }
@media(hover:none),(pointer:coarse) {
 .video-generation-page .vt-history .queue-draft-delete { width:32px; height:32px; min-width:32px; min-height:32px; opacity:1; pointer-events:auto; }
 .video-generation-page .video-task-panel.is-collapsed .vt-history .queue-draft-delete { left:5px; }
}
@media(max-width:979px) { .video-generation-page .video-task-panel.is-collapsed { display:block; } }