/* Additional custom styles for the Notable Organizer */

.drop-zone {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-bar {
    background: linear-gradient(90deg, #4299e1 0%, #3182ce 100%);
}

.file-item {
    border-left: 3px solid transparent;
}

.file-item.processing {
    border-left-color: #f6ad55;
    animation: pulse 2s infinite;
}

.file-item.completed {
    border-left-color: #48bb78;
}

@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}

.status-indicator {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .drop-zone {
        padding: 2rem 1rem;
    }
}