.batch-list{display:flex;flex-direction:column;gap:.75rem}.batch-summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;color:var(--bi-text-muted);font-size:.9rem}.batch-progress{display:flex;flex-direction:column;gap:.35rem}.batch-progress .progress{height:6px;background:var(--bi-border)}.batch-progress .progress-bar{background:var(--brand);transition:width .2s ease}.batch-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem;max-height:560px;overflow-y:auto;padding-right:2px}.batch-item{display:flex;align-items:center;gap:.75rem;padding:.65rem;border:1px solid var(--bi-border);border-radius:10px;background:var(--bi-surface-2);min-width:0}.batch-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:0 0 auto;background:var(--bi-surface);border:1px solid var(--bi-border)}.batch-info{flex:1 1 auto;min-width:0}.batch-name{font-size:.85rem;font-weight:600;color:var(--bi-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-size{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.78rem;color:var(--bi-text-muted);margin-top:.15rem}.batch-size strong{color:var(--bi-text)}.batch-size .saving{color:#198754;font-weight:600}.batch-size .saving.bigger{color:#dc3545}.batch-size .batch-dim{font-size:.72rem;color:var(--bi-text-muted);opacity:.85}.batch-status{font-size:.75rem;color:var(--bi-text-muted);margin-top:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.batch-status.running{color:var(--brand)}.batch-status.done{color:#198754}.batch-status.error{color:#dc3545}.batch-actions{display:flex;flex-direction:column;gap:.25rem;flex:0 0 auto}.batch-actions .btn{padding:.15rem .4rem;line-height:1.2}.batch-total{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;margin-bottom:1rem;border-radius:10px;background:var(--bi-surface-2);border:1px solid var(--bi-border);font-size:.85rem}.batch-total>div{display:flex;justify-content:space-between;gap:.5rem;color:var(--bi-text-muted)}.batch-total strong{color:var(--bi-text)}.batch-total .saving strong{color:#198754}@media (max-width: 991px){.batch-items{max-height:none}}@media (max-width: 576px){.batch-items{grid-template-columns:1fr}.batch-thumb{width:48px;height:48px}}