div.control-multi-file-uploader{position:relative}div.control-multi-file-uploader.has-image{border-style:solid}div.control-multi-file-uploader .content{padding:1rem}div.control-multi-file-uploader .content p.placeholder{color:rgba(140,140,140,0.8)}div.control-multi-file-uploader .clickable{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:3px;border:1px dashed rgba(39,41,43,0.15);cursor:pointer}div.control-multi-file-uploader .clickable:hover{-webkit-transition:border 0.4s ease-out;-moz-transition:border 0.4s ease-out;-o-transition:border 0.4s ease-out;-ms-transition:border 0.4s ease-out;transition:border 0.4s ease-out;border-color:#2581b8}div.control-multi-file-uploader.dz-drag-hover{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.04)}div.control-multi-file-uploader .dz-preview{background:rgba(255,255,255,0.5);position:relative;border-bottom:1px solid rgba(39,41,43,0.15);padding:.5rem 0}div.control-multi-file-uploader .dz-preview:last-of-type{border-bottom:none}div.control-multi-file-uploader .dz-preview img.thumbnail{float:left;width:2.6rem;height:2.6rem;margin:0 .5rem}div.control-multi-file-uploader .dz-preview .dz-details{min-height:2.6rem;margin-left:3.6rem}div.control-multi-file-uploader .dz-preview .dz-details .dz-filename{font-weight:700}div.control-multi-file-uploader .dz-preview .dz-details .dz-size{font-size:12px}div.control-multi-file-uploader .dz-preview .dz-details .activity{margin-top:.5rem;width:2.6rem;height:2.6rem;position:absolute;right:0;top:0}div.control-multi-file-uploader .dz-preview .dz-progress{bottom:0;position:absolute;left:0;right:0;height:6px;background:#d7d7d7;display:none}div.control-multi-file-uploader .dz-preview .dz-progress .dz-upload{display:block;bottom:0;background-color:#8cc657;-webkit-animation:loading 0.4s linear infinite;-moz-animation:loading 0.4s linear infinite;-o-animation:loading 0.4s linear infinite;-ms-animation:loading 0.4s linear infinite;animation:loading 0.4s linear infinite;-webkit-transition:width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition:width 0.3s ease-out;-ms-transition:width 0.3s ease-out;transition:width 0.3s ease-out;-webkit-border-radius:2px;border-radius:2px;position:absolute;top:0;left:0;width:0%;height:100%;background-color:#2581b8}div.control-multi-file-uploader .dz-preview .dz-error-message{display:none}div.control-multi-file-uploader .dz-preview.dz-processing .dz-details{opacity:.8}div.control-multi-file-uploader .dz-preview.dz-processing .dz-progress{display:block}div.control-multi-file-uploader .dz-preview.dz-processing .action-panel{display:none}div.control-multi-file-uploader .dz-preview.dz-success .dz-details{opacity:1}div.control-multi-file-uploader .dz-preview.dz-success .dz-progress{display:block;opacity:0;-webkit-transition:opacity 0.4s ease-out;-moz-transition:opacity 0.4s ease-out;-o-transition:opacity 0.4s ease-out;-ms-transition:opacity 0.4s ease-out;transition:opacity 0.4s ease-out}div.control-multi-file-uploader .dz-preview.dz-success .loading{display:none}div.control-multi-file-uploader .dz-preview.dz-success .action-panel{display:block}div.control-multi-file-uploader .dz-preview.dz-removing .dz-progress{display:none}div.control-multi-file-uploader .dz-preview.dz-error .dz-progress .dz-upload{background:#ee1e2d}div.control-multi-file-uploader .dz-preview.dz-error .dz-error-message{display:block;line-height:1;color:white;position:absolute;top:0;bottom:0;left:0;right:0;padding:.5rem;overflow:hidden;background:rgba(238,30,45,0.75);padding-left:46px}div.control-multi-file-uploader .dz-preview.dz-error .dz-error-message .dz-error-mark{position:absolute;bottom:5px;right:5px;color:white;line-height:1.1}div.control-multi-file-uploader .dz-preview.dz-error .loading{display:none}div.control-multi-file-uploader .dz-preview .action-panel{opacity:0;position:absolute;top:0;bottom:0;right:1.5rem}div.control-multi-file-uploader .dz-preview .action-panel .delete{opacity:0.5;position:absolute;top:50%;right:50%;margin:-15px -15px 0 0;font-size:30px;width:30px;line-height:28.5px;font-weight:400;vertical-align:top;text-align:center;color:black;border:1px solid rgba(0,0,0,0.8);border-radius:999px;display:block;background:white;text-decoration:none}div.control-multi-file-uploader .dz-preview .action-panel .delete:hover,div.control-multi-file-uploader .dz-preview .action-panel .delete:focus{cursor:pointer;opacity:1}div.control-multi-file-uploader .dz-preview:hover .action-panel{opacity:1;-webkit-transition:opacity 0.4s ease-out;-moz-transition:opacity 0.4s ease-out;-o-transition:opacity 0.4s ease-out;-ms-transition:opacity 0.4s ease-out;transition:opacity 0.4s ease-out;z-index:2}div.control-multi-image-uploader{position:relative}div.control-multi-image-uploader.has-image{border-style:solid}div.control-multi-image-uploader .content{padding:1rem}div.control-multi-image-uploader .content p.placeholder{color:rgba(140,140,140,0.8)}div.control-multi-image-uploader .clickable{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:3px;border:1px dashed rgba(39,41,43,0.15);cursor:pointer}div.control-multi-image-uploader .clickable:hover{-webkit-transition:border 0.4s ease-out;-moz-transition:border 0.4s ease-out;-o-transition:border 0.4s ease-out;-ms-transition:border 0.4s ease-out;transition:border 0.4s ease-out;border-color:#2581b8}div.control-multi-image-uploader.dz-drag-hover{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.04)}div.control-multi-image-uploader .dz-preview{background:rgba(255,255,255,0.8);position:relative;display:inline-block;margin:.5rem;vertical-align:top}div.control-multi-image-uploader .dz-preview,div.control-multi-image-uploader .dz-preview *{box-sizing:border-box}div.control-multi-image-uploader .dz-preview .dz-filename,div.control-multi-image-uploader .dz-preview .dz-size{display:none}div.control-multi-image-uploader .dz-preview .dz-progress{top:100px;position:absolute;left:0;right:0;height:6px;background:#d7d7d7;display:none}div.control-multi-image-uploader .dz-preview .dz-progress .dz-upload{display:block;bottom:0;background-color:#8cc657;-webkit-animation:loading 0.4s linear infinite;-moz-animation:loading 0.4s linear infinite;-o-animation:loading 0.4s linear infinite;-ms-animation:loading 0.4s linear infinite;animation:loading 0.4s linear infinite;-webkit-transition:width 0.3s ease-out;-moz-transition:width 0.3s ease-out;-o-transition:width 0.3s ease-out;-ms-transition:width 0.3s ease-out;transition:width 0.3s ease-out;-webkit-border-radius:2px;border-radius:2px;position:absolute;top:0;left:0;width:0%;height:100%;background-color:#2581b8}div.control-multi-image-uploader .dz-preview .dz-error-message{display:none}div.control-multi-image-uploader .dz-preview.dz-processing .dz-progress{display:block}div.control-multi-image-uploader .dz-preview.dz-success .dz-progress{display:block;opacity:0;-webkit-transition:opacity 0.4s ease-out;-moz-transition:opacity 0.4s ease-out;-o-transition:opacity 0.4s ease-out;-ms-transition:opacity 0.4s ease-out;transition:opacity 0.4s ease-out}div.control-multi-image-uploader .dz-preview.dz-success .loading{display:none}div.control-multi-image-uploader .dz-preview.dz-removing .dz-progress{display:none}div.control-multi-image-uploader .dz-preview.dz-error .dz-progress .dz-upload{background:#ee1e2d}div.control-multi-image-uploader .dz-preview.dz-error .dz-error-message{display:block;line-height:1;color:white;position:absolute;top:0;bottom:0;left:0;right:0;padding:.5rem;overflow:hidden;background:rgba(238,30,45,0.75)}div.control-multi-image-uploader .dz-preview.dz-error .dz-error-message .dz-error-mark{position:absolute;bottom:5px;right:5px;color:white;line-height:1.1}div.control-multi-image-uploader .dz-preview.dz-error .loading{display:none}div.control-multi-image-uploader .dz-preview .action-panel{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.7);opacity:0;z-index:3}div.control-multi-image-uploader .dz-preview:hover .action-panel{opacity:1;-webkit-transition:opacity 0.4s ease-out;-moz-transition:opacity 0.4s ease-out;-o-transition:opacity 0.4s ease-out;-ms-transition:opacity 0.4s ease-out;transition:opacity 0.4s ease-out}div.control-multi-image-uploader .dz-preview .delete{opacity:0.5;position:absolute;top:50%;right:50%;margin:-20px -20px 0 0;font-size:40px;width:40px;line-height:38px;font-weight:400;vertical-align:top;text-align:center;color:black;border:1px solid rgba(0,0,0,0.8);border-radius:999px;display:block;background:white;text-decoration:none}div.control-multi-image-uploader .dz-preview .delete:hover,div.control-multi-image-uploader .dz-preview .delete:focus{cursor:pointer;opacity:1}div.control-single-image-uploader{width:106px;height:106px;background:white;border-radius:3px;border:1px dashed rgba(39,41,43,0.15);position:relative;display:inline-block}div.control-single-image-uploader.dz-drag-hover{border-color:rgba(0,0,0,0.15);background:rgba(0,0,0,0.04)}div.control-single-image-uploader .dz-preview{display:none}div.control-single-image-uploader:hover{border-color:#2581b8}div.control-single-image-uploader .content{display:table-cell;width:106px;height:106px;padding:13px;cursor:pointer;text-align:center;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}div.control-single-image-uploader .content img{width:64px;height:64px;display:none}div.control-single-image-uploader .content p.placeholder{color:rgba(140,140,140,0.8)}div.control-single-image-uploader[data-control=single-image-uploader] img{display:inline-block}div.control-single-image-uploader.has-image{border-style:solid}div.control-single-image-uploader.has-image .content{text-align:center;vertical-align:middle}div.control-single-image-uploader.has-image .content p.placeholder{display:none}div.control-single-image-uploader.has-image .content img{display:inline-block;float:none}div.control-single-image-uploader.is-fluid{width:auto;height:auto}div.control-single-image-uploader.is-fluid .content{display:block;max-width:106px;max-height:106px;width:100%;height:100%}div.control-single-image-uploader.is-fluid .content img{width:100%;height:100%;max-width:64px;max-height:64px}div.control-multi-file-uploader .loading,div.control-multi-image-uploader .loading,div.control-single-image-uploader .loading{left:0;top:0;width:100%;height:100%;padding:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}div.control-multi-file-uploader .loading:before,div.control-multi-image-uploader .loading:before,div.control-single-image-uploader .loading:before{position:absolute;content:'';top:50%;left:50%;width:100%;height:100%;border-radius:500rem;border:0.2em solid rgba(0,0,0,0.15)}div.control-multi-file-uploader .loading:after,div.control-multi-image-uploader .loading:after,div.control-single-image-uploader .loading:after{position:absolute;content:'';top:50%;left:50%;width:100%;height:100%;-webkit-animation:uploaderLoading 0.6s linear;animation:uploaderLoading 0.6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#2581b8 transparent transparent;border-style:solid;border-width:0.2em;box-shadow:0 0 0 1px transparent}div.control-multi-file-uploader .loading:before,div.control-multi-image-uploader .loading:before,div.control-single-image-uploader .loading:before,div.control-multi-file-uploader .loading:after,div.control-multi-image-uploader .loading:after,div.control-single-image-uploader .loading:after{width:2.2585em;height:2.2585em;margin:-1.12925em 0 0 -1.12925em}div.control-single-image-uploader .loading{display:none}div.control-single-image-uploader.loading .loading{display:block}@-webkit-keyframes uploaderLoading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes uploaderLoading{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

/* ---- file uploader: compact drop zone ---- */
div.control-multi-file-uploader {
    border: 2px dashed rgba(79, 88, 105, 0.25);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.98);
}

div.control-multi-file-uploader .content {
    padding: 16px 20px;
    text-align: center;
    pointer-events: none;
    position: relative;
}

div.control-multi-file-uploader .clickable {
    position: absolute;
    inset: 0;
    cursor: pointer;
    border-radius: 14px;
    border: none;
}

/* ---- file list outside the dropzone ---- */
.dz-file-list {
    margin-top: 0.5rem;
}

.dz-file-list .dz-preview {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(39, 41, 43, 0.1);
    border-radius: 8px;
    position: relative;
    margin-bottom: 4px;
}

.dz-file-list .dz-preview img.thumbnail {
    float: none;
    flex: 0 0 2.2rem;
    width: 2.2rem;
    height: 2.2rem;
    margin: 0;
    object-fit: contain;
}

.dz-file-list .dz-preview .dz-details {
    flex: 1 1 auto;
    min-height: 0;
    margin-left: 0;
    text-align: left;
}

.dz-file-list .dz-preview .dz-details .dz-filename {
    font-weight: 700;
    font-size: 13px;
}

.dz-file-list .dz-preview .dz-details .dz-size {
    font-size: 11px;
    color: rgba(79, 88, 105, 0.7);
}

.dz-file-list .dz-preview .dz-details .activity {
    position: static;
    width: 1.2rem;
    height: 1.2rem;
    margin-top: 0.2rem;
}

.dz-file-list .dz-preview .action-panel {
    flex: 0 0 auto;
    position: static;
    opacity: 0.5;
    display: flex;
    align-items: center;
}

.dz-file-list .dz-preview:hover .action-panel {
    opacity: 1;
}

.dz-file-list .dz-preview .action-panel .delete {
    position: static;
    margin: 0;
    opacity: 1;
    font-size: 20px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    color: black;
    border: 1px solid rgba(0,0,0,0.5);
    border-radius: 999px;
    background: white;
    text-decoration: none;
    display: block;
}

.dz-file-list .dz-preview .action-panel .delete:hover {
    background: #fee;
    border-color: #c00;
    color: #c00;
    cursor: pointer;
}

.dz-file-list .dz-preview.dz-processing .action-panel {
    display: none;
}

.dz-file-list .dz-preview.dz-success .action-panel {
    display: flex;
}

.dz-file-list .dz-preview .dz-progress {
    position: absolute;
    bottom: 0;
    left: 3.2rem;
    right: 2.5rem;
    height: 3px;
    background: #d7d7d7;
    display: none;
    border-radius: 2px;
}

.dz-file-list .dz-preview.dz-processing .dz-progress {
    display: block;
}

.dz-file-list .dz-preview.dz-success .dz-progress {
    display: block;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.dz-file-list .dz-preview .dz-progress .dz-upload {
    display: block;
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 0%;
    background: #2581b8;
    border-radius: 2px;
    transition: width 0.3s ease-out;
}

.dz-file-list .dz-preview .dz-error-message {
    display: none;
}

.dz-file-list .dz-preview.dz-error .dz-error-message {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 12px;
    color: #c00;
    position: absolute;
    inset: 0;
    padding: 0 0.75rem;
    background: rgba(238, 30, 45, 0.08);
    border-radius: 8px;
}

.dz-file-list .dz-preview.dz-error .dz-progress .dz-upload {
    background: #ee1e2d;
}

.dz-file-list .dz-preview.dz-success .loading,
.dz-file-list .dz-preview.dz-error .loading {
    display: none;
}
