/* Lightweight enhancement to the existing DTFX product uploader. */
.dtfx-upload-box{transition:border-color .18s ease,background-color .18s ease}
.dtfx-upload-box.dtfx-dragging{border-color:#117ca2!important;background:#e9faff!important;border-style:dashed!important}
.dtfx-upload-box input[data-dtfx-artwork]{padding:10px;max-width:100%;border-radius:7px;border:1px dashed #9cb9ca;background:#fff;cursor:pointer}
.dtfx-upload-box input[data-dtfx-artwork]:focus-visible{outline:3px solid #117ca2;outline-offset:3px}
.dtfx-upload-details[hidden]{display:none!important}
.dtfx-upload-details{background:#fff;border:1px solid #d1dce3;border-radius:10px;padding:14px;margin:13px 0 0;color:#24323d;max-width:100%;box-sizing:border-box}
.dtfx-file-summary{display:flex;gap:12px;align-items:center;min-width:0}
.dtfx-file-preview{display:flex;align-items:center;justify-content:center;flex:0 0 68px;width:68px;height:68px;border-radius:7px;background:#e7f0f5;color:#185c78;font-size:11px;font-weight:800;overflow:hidden}
.dtfx-file-preview img{display:block;width:100%;height:100%;object-fit:contain}
.dtfx-file-description{display:flex;flex-direction:column;min-width:0;gap:5px}
.dtfx-file-name{font-size:14px;overflow-wrap:anywhere;line-height:1.25}
.dtfx-file-meta{font-size:12px;color:#617484;overflow-wrap:anywhere}
.dtfx-file-progress{width:100%;height:13px;accent-color:#117ca2;margin:14px 0 0}
.dtfx-file-status{font-size:13px;line-height:1.5;color:#45606d;margin:10px 0 0}
.dtfx-file-status.dtfx-error{color:#aa2631;font-weight:700}
.dtfx-file-status.dtfx-success{color:#157346;font-weight:700}
.dtfx-file-actions{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0}
.dtfx-file-actions button{border:1px solid #aebfc9;background:#f3f7f9;color:#152c3b;font-size:12px;padding:8px 13px;border-radius:6px;cursor:pointer}
.dtfx-file-actions button[hidden]{display:none!important}
.dtfx-file-actions button:hover{background:#e6f2f8}
.dtfx-file-actions button:focus-visible{outline:3px solid #117ca2;outline-offset:2px}
@media(max-width:600px){.dtfx-upload-details{padding:10px}.dtfx-file-preview{flex-basis:52px;width:52px;height:52px}}

.dtfx-upload-queue{padding:12px 14px;margin:0 0 12px;border:1px solid #b5d4e2;border-radius:8px;background:#eef7fa;color:#164d64;font-weight:650;font-size:13px;line-height:1.45}
.dtfx-upload-queue[hidden]{display:none!important}
@media(max-width:430px){.dtfx-upload-queue{padding:10px}.dtfx-file-summary{gap:8px}.dtfx-file-actions button{min-height:42px}}