/* image-upload.css — v1.x-restaurant-branding-logo-upload — standard upload immagini */
.iu-widget { margin-top: 0.5rem; }
.iu-dropzone {
    border: 2px dashed #cbd5e1;
    border-radius: 12px;
    background: #f8fafc;
    padding: 1.25rem 1rem;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s, background .15s, box-shadow .15s;
    position: relative;
}
.iu-dropzone:hover,
.iu-dropzone.is-dragover {
    border-color: #6366f1;
    background: #eef2ff;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.12);
}
.iu-dropzone.is-busy { opacity: 0.7; pointer-events: none; }
.iu-dropzone-title { font-weight: 700; color: #1e293b; margin-bottom: 0.35rem; }
.iu-dropzone-hint { font-size: 0.85rem; color: #64748b; line-height: 1.45; margin-bottom: 0.75rem; }
.iu-dropzone-hint kbd {
    display: inline-block;
    padding: 0.12rem 0.4rem;
    border: 1px solid #94a3b8;
    border-radius: 4px;
    background: linear-gradient(180deg, #fff 0%, #f1f5f9 100%);
    background-color: #f8fafc;
    color: #1e293b;
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.2;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.08);
}
.iu-file-input { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; pointer-events: none; }
.iu-preview-wrap {
    margin-top: 0.85rem;
    display: none;
    align-items: center;
    gap: 0.85rem;
    flex-wrap: wrap;
}
.iu-preview-wrap.is-visible { display: flex; }
.iu-preview {
    width: 96px;
    height: 96px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
    object-fit: contain;
    padding: 6px;
}
.iu-preview-meta { font-size: 0.8rem; color: #64748b; }
.iu-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.85rem; }
.iu-status { font-size: 0.85rem; margin-top: 0.5rem; min-height: 1.2em; }
.iu-status.is-error { color: #b91c1c; }
.iu-status.is-ok { color: #15803d; }
.iu-status.is-info { color: #0369a1; }