/* Sidebar and file list styles */

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

.file-item.active {
    background-color: #f1f5f9;
    border-right: 3px solid #ea580c;
}

.dark .file-item.active {
    background-color: #1e293b;
    border-right: 3px solid #fb923c;
}

.file-item input {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 0 4px;
}

.file-item input:focus {
    background: white;
    border-color: #cbd5e1;
    outline: none;
}

.dark .file-item input:focus {
    background: #334155;
    border-color: #475569;
}

/* Import Drop Zone */
#dropZone.drag-over {
    border-color: #ea580c;
    background-color: rgba(234, 88, 12, 0.1);
}

#dropZone.drag-over i,
#dropZone.drag-over p {
    color: #ea580c;
}

.dark #dropZone.drag-over {
    border-color: #fb923c;
    background-color: rgba(251, 146, 60, 0.15);
}

.dark #dropZone.drag-over i,
.dark #dropZone.drag-over p {
    color: #fb923c;
}

/* Theme override for drop zone */
[data-theme] #dropZone {
    border-color: var(--border) !important;
}

[data-theme] #dropZone:hover,
[data-theme] #dropZone.drag-over {
    border-color: var(--accent) !important;
    background-color: rgba(234, 88, 12, 0.1) !important;
}

/* URL load button states */
#urlLoadBtn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

#urlLoadBtn .loading {
    animation: spin 1s linear infinite;
}