/* Drag and Drop Zone */
#drop-zone {
    padding: 40px 20px;
    border: 3px dashed #4f46e5; /* Indigo */
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
    margin-bottom: 0; 
    background-color: #2c3440; /* Darker than container */
}

#drop-zone.dragover {
    background-color: #374151; 
    border-color: #6366f1; 
}

#drop-zone p {
    margin: 0;
    color: #6366f1;
    font-weight: 600;
    font-size: 1.125rem;
}

#drop-zone small {
    display: block;
    margin-top: 5px;
    color: #9ca3af;
}

.file-input-wrapper {
    display: none; 
}