.task-result-card{width:720px !important;max-width:calc(100% - 2rem) !important;min-height:390px !important;height:auto !important;padding:1.5rem 2rem !important;margin:0 auto !important;box-sizing:border-box !important;display:flex !important;flex-direction:column !important;justify-content:center !important;align-items:center !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;border-radius:1.5rem !important;box-shadow:0 10px 30px rgba(0,0,0,0.04),0 2px 6px rgba(0,0,0,0.02) !important}.task-result-card.d-none{display:none !important}.task-result-card .state-icon{width:44px !important;height:44px !important;font-size:1.25rem !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:50% !important;margin-bottom:0.65rem !important;flex-shrink:0 !important}.task-result-card .state-success-icon{background:#15803d !important;color:#ffffff !important;box-shadow:0 0 0 6px rgba(21,128,61,0.1) !important}.task-result-card h2{font-size:1.45rem !important;font-weight:800 !important;color:#1e293b !important;margin-bottom:0.85rem !important;letter-spacing:-0.01em !important}.task-result-card p{font-size:0.85rem !important;color:#64748b !important;line-height:1.4 !important;margin-bottom:0.75rem !important}.task-size-panel{display:flex !important;align-items:center !important;justify-content:space-between !important;background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:0.65rem !important;overflow:hidden !important;margin-bottom:1.1rem !important;width:400px !important;max-width:100% !important;padding:0.5rem 0 !important}.task-size-panel>div{flex:1 !important;padding:0.25rem 1rem !important;text-align:center !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:0.15rem !important}.task-size-panel>div:first-child{border-right:1px solid #e2e8f0 !important}.task-size-panel span{display:block !important;font-size:0.63rem !important;font-weight:700 !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:#94a3b8 !important;margin-bottom:0 !important}.task-size-panel strong{display:block !important;font-size:1rem !important;font-weight:800 !important;color:#1e293b !important}.task-result-actions{display:flex !important;flex-direction:row !important;align-items:center !important;justify-content:center !important;gap:0.85rem !important;width:100% !important;max-width:450px !important;margin-bottom:0 !important}.task-action-btn{flex:1 !important;max-width:215px !important;height:44px !important;font-size:0.88rem !important;font-weight:700 !important;border-radius:8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;text-decoration:none !important;padding:0 1rem !important;transition:all 0.2s ease !important;white-space:nowrap !important}.btn-primary-custom.task-action-btn{background:var(--color-primary) !important;border:1.5px solid var(--color-primary) !important;color:var(--color-button-text,#ffffff) !important;box-shadow:none !important}.btn-primary-custom.task-action-btn:hover{background:var(--color-primary-hover) !important;border-color:var(--color-primary-hover) !important;color:var(--color-button-text,#ffffff) !important}.btn-outline-primary.task-action-btn{background:var(--color-surface) !important;border:1.5px solid var(--color-primary) !important;color:var(--color-primary) !important;box-shadow:none !important}.btn-outline-primary.task-action-btn:hover{background:var(--color-primary-soft) !important;color:var(--color-primary-hover) !important;border-color:var(--color-primary-hover) !important}.task-back-link{display:none !important}[data-bs-theme="dark"] .task-result-card{background:#1e293b !important;border-color:#334155 !important;box-shadow:0 10px 30px rgba(0,0,0,0.3) !important}[data-bs-theme="dark"] .task-result-card h2{color:#f8fafc !important}[data-bs-theme="dark"] .task-size-panel{background:#0f172a !important;border-color:#334155 !important}[data-bs-theme="dark"] .task-size-panel>div:first-child{border-right-color:#334155 !important}[data-bs-theme="dark"] .task-size-panel strong{color:#f8fafc !important}@media (max-width:576px){.task-result-card{width:100% !important;max-width:100% !important;height:auto !important;min-height:275px !important;padding:1.75rem 1.25rem !important}.task-result-actions{flex-direction:column !important;gap:0.65rem !important;width:100% !important;max-width:100% !important}.task-action-btn{width:100% !important;max-width:100% !important;flex:none !important}}

/* Individual-files download list — collapsible via native <details>/<summary>
   (collapsed by default) so a long split/batch result doesn't force the
   result card to grow arbitrarily tall; .download-list itself already has
   max-height + overflow-y:auto (app.css) for when it's expanded with many
   files, so long lists scroll inside a fixed height rather than growing
   further. */
summary.download-list-header {
    cursor: pointer;
    list-style: none;
}

summary.download-list-header::-webkit-details-marker {
    display: none;
}

.download-list-chevron {
    color: var(--color-muted);
    transition: transform 0.15s ease;
    flex: 0 0 auto;
}

details.download-list-wrap[open] .download-list-chevron {
    transform: rotate(180deg);
}