/* lw-dropzone: drag & drop area for plain file inputs (see public/js/lw-dropzone.js) */
.lw-dropzone {
    position: relative;
    border: 2px dashed rgba(100, 116, 139, .55);
    border-radius: 8px;
    background: rgba(100, 116, 139, .06);
    padding: 14px 12px;
    text-align: center;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}
.lw-dropzone:hover,
.lw-dropzone:focus { border-color: #5e72e4; outline: none; background: rgba(94, 114, 228, .08); }
.lw-dropzone.is-dragover { border-color: #5e72e4; border-style: solid; background: rgba(94, 114, 228, .16); }
.lw-dropzone-icon { font-size: 1.6rem; color: #5e72e4; margin-bottom: 4px; }
.lw-dropzone-text { font-weight: 600; font-size: .9rem; }
.lw-dropzone-hint { font-size: .75rem; opacity: .7; margin-top: 2px; }
.lw-dropzone-hint:empty { display: none; }
.lw-dropzone-input { position: absolute; width: 1px; height: 1px; opacity: 0; overflow: hidden; pointer-events: none; }
.lw-dropzone-list { list-style: none; margin: 8px 0 0; padding: 0; text-align: left; }
.lw-dropzone-list:empty { display: none; }
.lw-dropzone-list li { display: flex; align-items: center; font-size: .82rem; padding: 2px 0; }
.lw-dropzone-file { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 70%; }
.lw-dropzone-remove { margin-left: auto; border: 0; background: transparent; color: #f5365c; font-size: 1.1rem; line-height: 1; padding: 0 4px; cursor: pointer; }
.lw-dropzone-msg { font-size: .78rem; margin-top: 6px; }
.lw-dropzone-msg:empty { display: none; }
.lw-dropzone-msg.is-error { color: #f5365c; }

/* overlay mode: drop anywhere on a panel */
.lw-dz-target { position: relative; }
.lw-dz-overlay {
    position: absolute; inset: 0; z-index: 1000;
    display: flex; align-items: center; justify-content: center;
    background: rgba(94, 114, 228, .18);
    border: 3px dashed #5e72e4; border-radius: 8px;
    font-weight: 700; font-size: 1.1rem; color: #3b4cb8;
    pointer-events: none;
}
@media (prefers-color-scheme: dark) {
    .lw-dz-overlay { color: #c7d0ff; }
}