/* Compact task rows; one full-width action line in both themes. */
.task-operational-details{margin-top:4px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 7px}
.task-id-row{display:flex;align-items:center;gap:4px;min-width:0}
.task-id-row button.task-id{display:flex;align-items:center;justify-content:flex-start;gap:3px;width:100%;min-width:0;min-height:23px;flex:1;padding:0;border:0;border-radius:3px;background:transparent;color:var(--dz-secondary);font-size:11px;line-height:1.5;font-weight:400;text-align:left;box-shadow:none}
.task-id>span{flex:none;white-space:nowrap}
.task-id code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:inherit;user-select:text}
.task-id-row button.task-id:hover,.task-id-row button.task-id:focus-visible{color:var(--dz-accent-hover);background:transparent}
.task-id-row button.task-id:hover code,.task-id-row button.task-id:focus-visible code{text-decoration:underline;text-underline-offset:3px}
.task-id-row button.task-id:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.task-progress-heading{display:flex;align-items:center;font-size:11px;line-height:1.5;color:var(--dz-secondary)}
.task-progress-heading>span:first-child{display:none}
.task-progress-percent{font-size:11px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--dz-accent-hover)}
.task-progress{grid-column:1/-1;height:4px;border-radius:4px;overflow:hidden;background:var(--dz-subtle);border:1px solid var(--dz-border)}
.task-progress-fill{display:block;height:100%;background:var(--dz-accent);border-radius:4px}
.task-grid .task-card{grid-template-columns:80px minmax(0,1fr);gap:8px 10px;padding:10px 0}
.task-grid .task-card-head{grid-column:1/-1;display:grid;grid-template-columns:16px minmax(0,1fr) 26px;align-items:center;gap:7px;min-width:0}
.task-grid .task-card-head .card-title{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task-grid .task-select{display:grid;place-items:center;padding:0}
.task-grid .task-select input{width:14px;height:14px;margin:0}
.task-grid .task-delete-icon{width:26px;height:26px;min-height:26px;padding:0;border:0;background:transparent;color:var(--dz-muted);border-radius:6px}
.task-grid .task-delete-icon svg{width:14px;height:14px}
.task-grid .task-delete-icon:not(:disabled):hover{color:var(--dz-danger);background:var(--dz-accent-soft)}
.task-grid .task-delete-icon:disabled{opacity:.3;cursor:not-allowed}
.task-grid .task-card:first-child{padding-top:4px}
.task-grid .card-picture,.task-grid [data-media=video] .card-picture{width:80px;height:88px;aspect-ratio:auto;align-self:start}
.task-grid .card-content{min-width:0;justify-content:flex-start}
.task-grid .card-title{display:block;font-size:13px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}
.task-grid .card-meta{flex-wrap:nowrap;min-width:0;gap:5px;margin-top:2px;line-height:1.5;font-size:11px}
.task-grid .card-meta>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.task-grid .card-meta>.status{flex-shrink:0;font-size:11px}
.task-grid .task-shot-number{margin-bottom:1px;font-size:11px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-grid .card-actions{grid-column:1/-1;display:flex;flex-wrap:nowrap;align-items:center;gap:5px;border:0;margin:0;padding:0;min-width:0}
.task-grid .card-actions button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;gap:3px;min-width:0;min-height:29px;height:29px;padding:3px 5px;border:1px solid var(--dz-border);border-radius:6px;background:var(--dz-elevated);color:var(--dz-secondary);font-size:11px;font-weight:600;white-space:nowrap}
.task-grid .card-actions svg{display:block;width:12px;height:12px;flex:none}
.task-grid .card-actions .task-retry:not(:disabled),.task-grid .card-actions .task-cancel:not(:disabled){color:var(--dz-accent-hover);border-color:color-mix(in srgb,var(--dz-accent) 40%,var(--dz-border));background:var(--dz-accent-soft)}
.task-grid .card-actions .task-delete{color:var(--dz-danger);border-color:color-mix(in srgb,var(--dz-danger) 28%,var(--dz-border))}
.task-grid .card-actions button:not(:disabled):hover{border-color:var(--dz-accent);background:var(--dz-hover)}
.task-grid .card-actions button:disabled{opacity:.4;cursor:not-allowed}
.task-grid .card-actions button:focus-visible{outline:2px solid var(--dz-accent);outline-offset:2px}
.task-grid .status.cancelled{color:var(--dz-secondary)}
.task-grid .status.queued,.task-grid .status.waiting,.task-grid .status.pending{color:var(--dz-accent-hover)}
@media(max-width:1180px) and (min-width:961px){.task-grid .task-card{grid-template-columns:64px minmax(0,1fr);gap:7px}.task-grid .card-picture,.task-grid [data-media=video] .card-picture{width:64px;height:80px}.task-grid .card-actions{gap:4px}.task-grid .card-actions button{padding-inline:3px}.task-grid .card-actions svg{display:none}}
@media(max-width:380px){.task-grid .task-card{grid-template-columns:64px minmax(0,1fr);gap:7px}.task-grid .card-picture,.task-grid [data-media=video] .card-picture{width:64px;height:80px}.task-grid .card-actions{gap:4px}.task-grid .card-actions button{padding-inline:3px}.task-grid .card-actions svg{display:none}}

/* Keep bulk tools and status/sort controls aligned at sidebar widths too. */
.result-panel{container-type:inline-size}
.result-panel .toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;min-width:0}
.result-panel .toolbar button{min-width:0;min-height:32px;padding:5px 6px;font-size:11px;white-space:nowrap;gap:4px}
.result-panel .toolbar button:disabled{opacity:.4;cursor:not-allowed}
.result-panel .filter-row{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0}
.result-panel .filters{width:auto;min-width:0;flex:1;display:flex;gap:2px}
.result-panel .filters button{flex:1;min-width:0;white-space:nowrap;padding:5px 3px;font-size:11px;line-height:1.5;min-height:32px}
.result-panel .filter-row .studio-select-compact{width:91px;max-width:none;flex:0 0 91px;margin:0}
.result-panel .filter-row .studio-select-trigger{min-height:32px;padding:5px 7px;gap:4px;font-size:11px}
.result-panel .filter-row .studio-select-arrow{width:12px;height:12px;flex-basis:12px}
@container(max-width:340px){
  .result-panel .toolbar button{font-size:11px;padding-inline:3px;gap:3px}
  .result-panel .toolbar svg{display:none}
  .result-panel .filter-row{gap:4px}
  .result-panel .filters button{font-size:10px;padding-inline:2px}
  .result-panel .filters button:first-child{flex:0 0 32px}
  .result-panel .filter-row .studio-select-compact{width:32px;flex-basis:32px}
  .result-panel .filter-row .studio-select-trigger{justify-content:center;padding:4px}
  .result-panel .filter-row .studio-select-trigger::before{content:"↕";font-size:17px;line-height:1}
  .result-panel .filter-row .studio-select-value,.result-panel .filter-row .studio-select-arrow{display:none}
}

.result-panel .filter-count{font-variant-numeric:tabular-nums}
@container(max-width:300px){.result-panel .filter-count{display:none}}

/* Unavailable previews retain thumbnail geometry without showing broken alt text. */
.task-preview-unavailable{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;height:100%;padding:6px;background:var(--dz-subtle);color:var(--dz-muted);text-align:center;font-size:11px;line-height:1.5}
.task-preview-unavailable svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.7}
.task-preview-unavailable span{max-width:100%;overflow-wrap:anywhere}
#preview-body>.task-preview-unavailable{min-height:220px;font-size:13px;border-radius:8px}
#preview-body>.task-preview-unavailable svg{width:32px;height:32px}

[data-task-preview-media].task-preview-media-failed{display:none!important}