/* Shared compact result cards for original RH pages and batch details. */
#rh-activity,#activity,.result-task-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:12px;align-items:start;align-content:start}
.result-task-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr))}
.result-task{--card-bg:#212123;--card-border:#363639;--card-muted:#99999f;--card-text:#e5e5e9;--card-accent:#dcff51;--card-stage:#171719;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;min-width:0;color:var(--card-text);font:12px/1.5 system-ui,-apple-system,sans-serif;transition:border-color .15s}
.result-task:hover{border-color:#626269}
.result-task:has(input[data-result-select]:checked){border-color:#a7bd4d}
.result-task-heading{display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 11px;box-sizing:border-box}
.result-task-number{font-size:11px;color:var(--card-muted);font-variant-numeric:tabular-nums}
.result-task-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#b4b4bc}
.result-task-status i{display:block;width:5px;height:5px;background:currentColor;border-radius:50%;flex-shrink:0}
.result-task-status[data-status=SUCCESS]{color:#b6d977}
.result-task-status[data-status=FAILED]{color:#ee9c96}
.result-task-status[data-status=RUNNING],.result-task-status[data-status=SUBMITTING]{color:#c9e983}
.result-task-status[data-status=WAITING_BILLING],.result-task-status[data-status=CHECK_SUBMISSION]{color:#dbc17f}
.result-task-output-count{margin-left:auto;font-size:10px;color:var(--card-muted);white-space:nowrap}
.result-task-previews{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#65656e var(--card-stage);background:var(--card-stage);margin:0 6px;border-radius:7px}
.result-task-media{flex:0 0 100%;min-width:0;aspect-ratio:4/3;scroll-snap-align:start;position:relative;background:var(--card-stage);overflow:hidden}
.result-task-multiple .result-task-media{flex-basis:88%;border-right:4px solid var(--card-bg)}
.result-task .result-task-media .result-image-trigger{display:block;width:100%;height:100%;border:0;border-radius:0;padding:0;background:transparent;line-height:0}
.result-task .result-task-media img,.result-task .result-task-media video{display:block;width:100%;height:100%;max-height:none;object-fit:contain;margin:0;background:var(--card-stage)}
.result-task .result-task-media video{position:absolute;inset:0}
.result-task .result-select{right:6px;top:6px;width:28px;height:28px}
.result-task .result-select-mark{width:19px;height:19px;font-size:12px}
.result-task .result-is-selected{outline:0;box-shadow:inset 0 0 0 2px #dcff5140;border-radius:0}
.result-task-media.result-is-selected::after{content:"";position:absolute;inset:0;border:2px solid #dcff5140;pointer-events:none}
.result-task .result-task-download{position:absolute;right:7px;bottom:7px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff28;border-radius:7px;background:#1414189c;color:#eee;backdrop-filter:blur(5px);opacity:0;transition:opacity .15s}
.result-task-download svg{display:block;width:18px;height:18px}
.result-task-media:hover .result-task-download,.result-task-media:focus-within .result-task-download{opacity:1}
.result-task-media[data-kind=video] .result-task-download,.result-task-media[data-kind=audio] .result-task-download{top:7px;bottom:auto;right:auto;left:7px;opacity:1}
.result-task-info{padding:10px 12px 8px}
.result-task .result-task-info h3{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.5;font-weight:500;color:var(--card-text);margin:0 0 5px}
.result-task-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--card-muted);font-size:10px}
.result-task-cost{font-variant-numeric:tabular-nums;color:var(--card-text);font-size:12px}
.result-task-cost small{font-size:10px;color:var(--card-muted);margin-left:2px}
.result-task-error{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;margin:7px 0 0;font-size:11px;line-height:1.6;color:#ee9c96}
.task-error-details{margin-top:5px;font:11px/1.6 system-ui,sans-serif;color:var(--card-text,inherit)}
.task-error-details>summary{cursor:pointer;color:var(--card-muted,#99999f);width:fit-content}
.task-error-details>summary:hover{color:var(--card-text,inherit)}
.task-error-body{margin-top:7px;padding:9px;border:1px solid var(--card-border,#48484e);border-radius:7px;background:var(--card-stage,#171719)}
.task-error-body .task-error-reference{margin:0 0 8px;color:var(--card-muted,#99999f);font:10px/1.7 system-ui,sans-serif;overflow-wrap:anywhere}
.task-error-body pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;font:11px/1.7 system-ui,sans-serif;color:var(--card-text,inherit);scrollbar-width:thin}
.task-error-details summary:focus-visible,.task-error-body pre:focus-visible{outline:2px solid var(--card-accent,#dcff51);outline-offset:2px}
.result-task-note{margin:5px 0 0;font-size:10px;color:var(--card-muted)}
.result-task-actions{display:flex;align-items:center;gap:10px;min-height:35px;border-top:1px solid var(--card-border);padding:3px 12px;position:relative;box-sizing:border-box}
.result-task-actions form{margin:0}
.result-task .result-task-actions button,.result-task .result-task-actions a,.result-task-details>summary{background:transparent;border:0;border-radius:4px;padding:4px 0;font:11px/1.5 system-ui,sans-serif;color:var(--card-muted);cursor:pointer;white-space:nowrap;text-decoration:none}
.result-task .result-task-actions button:hover,.result-task .result-task-actions a:hover{color:var(--card-accent)}
.result-task .result-task-actions .result-task-retry{color:var(--card-accent)}
.result-task .result-task-actions .result-task-cancel:hover{color:#f7a7a1}
.result-task .result-task-batch{margin-left:auto}
.result-task-details{margin-left:auto;position:relative}
.result-task-batch+.result-task-details{margin-left:0}
.result-task-details>summary{list-style:none;letter-spacing:2px;padding:5px 1px;line-height:1}
.result-task-details>summary::-webkit-details-marker{display:none}
.result-task-details[open]>summary{color:var(--card-accent)}
.result-task-detail-panel{position:absolute;bottom:calc(100% + 10px);right:-3px;width:226px;max-width:75vw;background:var(--card-bg);color:var(--card-text);border:1px solid var(--card-border);border-radius:9px;padding:12px;box-shadow:0 10px 32px #0005;z-index:5;font-size:11px}
.result-task-detail-panel dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;margin:0}
.result-task-detail-panel dt{color:var(--card-muted)}
.result-task-detail-panel dd{text-align:right;margin:0;overflow-wrap:anywhere}
.result-task-detail-panel p{font-size:11px;line-height:1.6;overflow-wrap:anywhere;margin:9px 0 0;color:var(--card-muted)}
.result-task-heading .result-task-detail-panel{top:calc(100% + 10px);bottom:auto}
.result-task-in-batch .result-task-info{padding-bottom:12px}
.result-task-compact .result-task-info{padding-top:2px}
.result-task-compact:has(.result-task-placeholder) .result-task-info{padding-top:10px}
/* RH GeneratingAurora palette; the shared canvas renderer supplies the motion. */
.result-task-placeholder{background:radial-gradient(ellipse at 35% 65%,#d4e4a8 0,transparent 65%),radial-gradient(ellipse at 75% 55%,#96bba5 0,#557358 80%);contain:paint}
.result-task-placeholder canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.result-task-placeholder-badge{position:absolute;top:10px;left:10px;max-width:calc(100% - 20px);box-sizing:border-box;background:#ffffff66;color:#18231b;border-radius:5px;padding:3px 7px;font:11px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
.result-task-file,.result-task-audio{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:var(--card-muted);font-size:11px;padding:15px;box-sizing:border-box}
.result-task-file>svg{width:36px;height:36px;opacity:.6}
.result-task-file>span:first-child{font-size:28px}
.result-task-audio>svg{width:48px;height:32px;color:#b9c980;margin:10px auto}
.result-task-audio audio{width:100%;height:32px}
.result-task a:focus-visible,.result-task button:focus-visible,.result-task summary:focus-visible{outline:2px solid var(--card-accent);outline-offset:2px}
.result-task-grid-section{margin-top:24px}
.result-task-grid-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}
.result-task-grid-heading h2{font-size:16px;margin:0}
.result-task-grid-heading a{font-size:12px;color:var(--muted,#999)}
.result-batch-summary{padding:18px 22px}
.result-batch-summary>p{font-size:12px;line-height:1.6;margin:8px 0 0}
.result-batch-tools{display:flex;align-items:center;gap:14px;margin-top:10px}
.result-batch-tools>[data-result-download-host]{flex:1;min-width:0}
.result-batch-tools .result-download-tools{padding:0;min-height:34px}
.result-batch-tools .result-batch-export{border:0;background:transparent;padding:5px 0;white-space:nowrap;color:var(--muted,#999);font-size:12px;cursor:pointer}
html[data-theme=light] .result-task{--card-bg:#fff;--card-border:#e3e5e9;--card-muted:#858995;--card-text:#252935;--card-accent:#677c14;--card-stage:#f1f2f5}
html[data-theme=light] .result-task-status[data-status=SUCCESS]{color:#638434}
@media(hover:none){.result-task .result-task-download{opacity:1}.result-task .result-select{width:32px;height:32px}}
@media(max-width:700px){#rh-activity,#activity,.result-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-task-info{padding:8px 9px 7px}.result-task-actions{padding:3px 9px;gap:0 8px;flex-wrap:wrap}.result-task-heading{padding:6px 9px}.result-task-detail-panel{max-width:min(260px,80vw)}.result-task:nth-child(odd) .result-task-detail-panel{right:auto;left:-100px}}
@media(max-width:360px){#rh-activity,#activity,.result-task-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.result-task,.result-task-download{transition:none}}

.result-task-rate,.result-task-runtime{display:flex;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;font-size:10px;line-height:1.6;color:var(--card-muted,#99999f);margin-top:5px;font-variant-numeric:tabular-nums}
.result-task-runtime>span:last-child{color:var(--card-text,inherit)}
.result-task-meta{flex-wrap:wrap}

.activity-batch,.activity-progress{grid-column:1/-1;min-width:0}
.activity-batch+.activity-batch{margin-top:14px;padding-top:18px;border-top:1px solid #48484e}
.activity-batch-heading{margin:0 0 12px;color:#ddd;font:12px/1.6 system-ui,sans-serif}
.activity-batch-heading>div:first-child{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.activity-batch-heading strong{font-size:13px;color:#e8e8ea;white-space:nowrap}
.activity-batch-heading>div:first-child>span{color:#95959e;overflow-wrap:anywhere}
.activity-progress{padding:14px 16px;margin-bottom:16px;border:1px solid #dcff5130;border-radius:10px;background:#dcff5108;color:#ddd;font:12px/1.6 system-ui,sans-serif}
.activity-progress-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:6px}
.activity-progress-heading strong{font-size:14px;color:#dcff51}
.activity-progress-heading a{font-size:11px;color:#b6bb9b;text-decoration:none}
.activity-progress-counts{display:flex;flex-wrap:wrap;gap:3px 12px;font-size:11px;color:#b6b6be;margin-top:5px}
.activity-progress-track{height:6px;border-radius:8px;background:#36363b;overflow:hidden;margin:10px 0 8px}
.activity-progress-track>span{display:block;height:100%;background:#dcff51;border-radius:inherit}
.activity-progress>small{font-size:10px;color:#92929c}
html[data-theme=light] .activity-batch-heading,html[data-theme=light] .activity-progress{color:#383b43}
html[data-theme=light] .activity-batch-heading strong{color:#252935}
html[data-theme=light] .activity-progress-heading strong{color:#677c14}
@media(max-width:700px){.activity-progress{padding:12px}.activity-batch-heading>div:first-child{gap:4px 10px}}
