/* Custom Dropzone styles to override default dropzone.min.css */

/* Override dropzone default styles with higher specificity */
.dropzone.dropzone {
    min-height: auto !important;
    border: 1px dashed rgb(191 219 254) !important;
    border-radius: 0.5rem !important;
    transition: all 0.2s ease !important;
    background-color: rgba(219, 234, 254, 0.3) !important;
}

.dropzone.dropzone:hover {
    border-color: rgb(147 197 253) !important;
    background-color: rgba(219, 234, 254, 0.5) !important;
}

.dropzone .dz-message {
    margin: 0 !important;
    padding: 0.75rem 1rem !important;
}

.dropzone .dz-message .flex {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

.dropzone .dz-message .w-10 {
    width: 2.5rem !important;
    height: 2.5rem !important;
}

.dropzone .dz-message .text-sm {
    font-size: 0.875rem !important;
}

.dropzone .dz-message .text-xs {
    font-size: 0.75rem !important;
}

/* Override preview styles */
.dropzone .dz-preview {
    margin: 0.5rem !important;
}

.dropzone .dz-preview .dz-image {
    border-radius: 0.375rem !important;
}

.dropzone .dz-preview .dz-details {
    opacity: 1 !important;
}