.border-dashed {
    border-style: dashed !important;
}

.drag-over {
    background-color: rgba(0,123,255,0.1);
}

.file-item:hover {
    background-color: #f8f9fa;
}

.badge i {
    cursor: pointer;
    margin-left: 5px;
}

.badge i:hover {
    opacity: 0.8;
}

#imagePreview img {
    max-width: 100%;
    max-height: 200px;
    object-fit: contain;
}