.upload-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    /* Bootstrap shadow-sm */
    padding: 2rem;
    width: 100%;
    max-width: 600px;
}

/* Custom Dropzone Container Styling */
.dropzone-container {
    border: 2px dashed #dee2e6;
    /* Bootstrap gray-300 */
    border-radius: 12px;
    background: #ffffff;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    position: relative;
    cursor: pointer;
    width: 100%;
    padding: 0;
    /* Reset default padding */
}

.dropzone-container:hover {
    border-color: #adb5bd;
    /* Darker gray on hover */
    background-color: #f8f9fa;
}

.dropzone-container.dz-drag-hover {
    border-color: #0d6efd;
    /* Bootstrap Primary Blue */
    background-color: #e7f1ff;
}

/* Hide the default Dropzone message */
.dropzone .dz-message {
    display: none;
}

/* The Custom "Placeholder" Content */
.placeholder-content {
    text-align: center;
    pointer-events: none;
    color: #6c757d;
    /* Bootstrap text-muted */
}

/* Preview Card Styling */
.dz-preview {
    position: relative;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 8px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    margin: 0 !important;
    display: inline-block;
}

.dz-image img {
    border-radius: 4px;
    width: 80px;
    height: 80px;
    object-fit: cover;
}

/* Custom Delete Button (The 'X') */
.custom-remove-btn {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 24px;
    height: 24px;
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 20;
    color: #6c757d;
    transition: color 0.2s, background-color 0.2s;
    padding: 0;
}

.custom-remove-btn:hover {
    color: #dc3545;
    /* Bootstrap Danger Red */
    background-color: #fff5f5;
    border-color: #dc3545;
}

/* Hide progress bar after upload */
.dz-success .dz-progress {
    opacity: 0;
    transition: opacity 0.3s;
}

/* Hide default error messages */
.dz-error-message {
    display: none !important;
}