.attachment-upload-progress{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 16%,var(--border));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--accent) 5%,var(--bg-secondary)),var(--bg-secondary));min-width:0;box-shadow:0 4px 18px #00000005}
.attachment-upload-progress[hidden]{display:none}
.upload-progress-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:34px;border-radius:10px;background:var(--accent-subtle);color:var(--accent-hover,var(--accent))}
.upload-progress-body{flex:1;min-width:0}.upload-progress-line{display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.5}
.upload-progress-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);font-size:12px;font-weight:500;letter-spacing:.1px}
.upload-progress-percent{flex-shrink:0;color:var(--text-primary);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}
.upload-progress-summary{margin:3px 0 8px;color:var(--text-secondary);font-size:10px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.upload-progress-total{height:3px;width:100%;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--accent) 9%,var(--bg-tertiary))}
.upload-progress-fill{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width .16s ease}
.attachment-upload-progress[data-state="complete"] .upload-progress-percent{color:var(--success)}
.attachment-upload-progress[data-state="error"] .upload-progress-percent,.attachment-upload-progress[data-state="error"] .upload-progress-icon{color:var(--error)}
.attachment-upload-progress[data-state="error"] .upload-progress-fill{background:var(--error)}
@media(max-width:480px){.attachment-upload-progress{padding:10px 12px;gap:10px}.upload-progress-icon{flex-basis:30px;height:30px;border-radius:9px}.upload-progress-name,.upload-progress-percent{font-size:11px}}
@media(prefers-reduced-motion:reduce){.upload-progress-fill{transition:none}}