/* Shared WorkOrderFlow upload feedback/preview UI. */
.wof-upload-ui{margin-top:8px}
.wof-upload-summary{font-size:12px;color:#64748b;margin:0 0 7px}
.wof-upload-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}
.wof-upload-card{position:relative;min-width:0;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;padding:7px}
.wof-upload-card img{display:block;width:100%;height:88px;object-fit:cover;border-radius:6px;background:#e2e8f0;margin-bottom:6px}
.wof-upload-file-icon{height:54px;display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:4px}
.wof-upload-name{font-size:11px;line-height:1.25;overflow-wrap:anywhere;color:#334155;padding-right:22px}
.wof-upload-size{font-size:10px;color:#64748b;margin-top:2px}
.wof-upload-remove{position:absolute;right:5px;top:5px;width:25px;height:25px;border:0;border-radius:999px;background:#fff;color:#991b1b;box-shadow:0 1px 5px rgba(15,23,42,.18);cursor:pointer;font-weight:800;line-height:1}
.wof-upload-remove:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.wof-upload-optimizing{font-size:12px;color:#475569;margin-top:6px}
.wof-upload-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.76);display:none;align-items:center;justify-content:center;padding:18px}
.wof-upload-overlay.is-visible{display:flex}
.wof-upload-dialog{width:min(520px,100%);background:#fff;border-radius:16px;padding:22px;box-shadow:0 24px 70px rgba(0,0,0,.3);text-align:center}
.wof-upload-dialog strong{display:block;font-size:18px;color:#0f172a;margin-bottom:6px}
.wof-upload-dialog p{margin:0;color:#475569;line-height:1.45}
.wof-upload-progress{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:16px 0 12px}
.wof-upload-progress>span{display:block;height:100%;width:35%;border-radius:inherit;background:currentColor;animation:wof-upload-slide 1.15s ease-in-out infinite;color:#2563eb}
@keyframes wof-upload-slide{0%{transform:translateX(-110%)}50%{transform:translateX(120%)}100%{transform:translateX(310%)}}
@media(max-width:560px){.wof-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wof-upload-dialog{padding:18px}}
@media(prefers-reduced-motion:reduce){.wof-upload-progress>span{animation-duration:2.4s}}