/* Unified Image Upload UI - view-only enhancement, keeps original input attributes and upload logic intact. */
:root{--uiu-border:#cbd5e1;--uiu-primary:#1769aa;--uiu-text:#26334d;--uiu-muted:#64748b;--uiu-bg:#f8fafc;--uiu-success:#15803d}
.uiu-card{position:relative;width:100%;margin:8px 0 12px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.uiu-card *:not(i):not([class*="fa-"]):not([class*="icon-"]){font-family:inherit}
.uiu-dropzone{position:relative;min-height:180px;border:2px dashed var(--uiu-border);border-radius:16px;background:linear-gradient(145deg,#fff,var(--uiu-bg));display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;padding:16px;transition:border-color .18s,box-shadow .18s,background .18s}
.uiu-dropzone:hover,.uiu-card:focus-within .uiu-dropzone{border-color:var(--uiu-primary);box-shadow:0 0 0 3px rgba(23,105,170,.1);background:#f7fbff}
.uiu-preview{display:none;max-width:100%;max-height:145px;object-fit:contain;border-radius:10px;position:relative;z-index:1}
.uiu-card.has-preview .uiu-preview{display:block}.uiu-card.has-preview .uiu-empty{display:none}
.uiu-empty{text-align:center;color:var(--uiu-muted);line-height:1.4}.uiu-empty i{display:block;font-size:34px;color:var(--uiu-primary);margin-bottom:8px}.uiu-empty strong{display:block;color:var(--uiu-text);font-size:15px}.uiu-empty small{display:block;margin-top:4px;font-size:12px}
.uiu-status{position:absolute;right:10px;top:10px;z-index:2;padding:5px 9px;border-radius:999px;background:rgba(220,252,231,.96);color:var(--uiu-success);font-size:11px;font-weight:700;display:none}.uiu-card.has-preview .uiu-status{display:block}.uiu-card.is-selected .uiu-status{background:var(--uiu-success);color:#fff}
.uiu-action{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;margin-top:9px;border:1px solid #d6e0ec;border-radius:11px;background:#fff;color:var(--uiu-primary);font-weight:700;font-size:14px;cursor:pointer}.uiu-action:hover{background:#f2f8ff;border-color:#9dbbd4}.uiu-filename{display:block;text-align:center;margin-top:6px;color:var(--uiu-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uiu-native-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important;left:-9999px!important}
.uiu-card.uiu-compact .uiu-dropzone{min-height:140px}.uiu-card.uiu-multiple .uiu-empty small:after{content:" • Có thể chọn nhiều ảnh"}
@media(max-width:767.98px){.uiu-card.uiu-opt-in .uiu-dropzone{min-height:155px;border-radius:14px}.uiu-card.uiu-opt-in .uiu-action{min-height:46px}.uiu-card.uiu-opt-in .uiu-empty i{font-size:30px}}