/* File Upload Component Styles */

.file-upload-container {
    margin-top: 1rem;
}

.file-upload-dropzone {
    border: 2px dashed #cbd5e0;
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.dark .file-upload-dropzone {
    border-color: #4a5568;
}

.file-upload-dropzone:hover {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.dark .file-upload-dropzone:hover {
    background-color: #1e3a8a;
}

.file-upload-dropzone.dropzone-highlight {
    border-color: #3b82f6;
    background-color: #dbeafe;
    transform: scale(1.02);
}

.dark .file-upload-dropzone.dropzone-highlight {
    background-color: #1e40af;
}

.dropzone-content {
    pointer-events: none;
}

.dropzone-content label {
    pointer-events: auto;
}

.file-list {
    max-height: 400px;
    overflow-y: auto;
}

.file-item {
    transition: all 0.2s ease;
}

.file-item:hover {
    transform: translateX(4px);
}

.upload-progress {
    transition: opacity 0.3s ease;
}