/* Minimalist custom CSS */

/* Custom scrollbar for dark mode */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: #0a0a0a; 
}
::-webkit-scrollbar-thumb {
    background: #333333; 
}
::-webkit-scrollbar-thumb:hover {
    background: #666666; 
}

/* Specific text truncation for long file paths */
.break-all {
    word-break: break-all;
}

/* Very subtle fade in */
.fade-in {
    animation: fadeIn 0.2s ease-in forwards;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Light mode overrides */
html:not(.dark) {
    background-color: #f9fafb !important;
    color: #111827 !important;
}
html:not(.dark) body {
    background-color: #f9fafb !important;
    color: #111827 !important;
}
html:not(.dark) .bg-darker { background-color: #f9fafb !important; }
html:not(.dark) .bg-dark { background-color: #ffffff !important; border-bottom-color: #e5e7eb !important; }
html:not(.dark) .bg-card { background-color: #ffffff !important; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); }
html:not(.dark) .border-border { border-color: #e5e7eb !important; }
html:not(.dark) .text-white { color: #111827 !important; }
html:not(.dark) .text-gray-200 { color: #1f2937 !important; }
html:not(.dark) .text-gray-300 { color: #374151 !important; }
html:not(.dark) .text-gray-400 { color: #4b5563 !important; }
html:not(.dark) .text-gray-500 { color: #6b7280 !important; }
html:not(.dark) .text-gray-600 { color: #4b5563 !important; }
html:not(.dark) .hover\:text-white:hover { color: #000000 !important; }
html:not(.dark) .hover\:bg-gray-700:hover { background-color: #e5e7eb !important; }
html:not(.dark) .hover\:bg-gray-800:hover { background-color: #f3f4f6 !important; }
html:not(.dark) .hover\:bg-border:hover { background-color: #f3f4f6 !important; color: #111827 !important; }
html:not(.dark) .bg-gray-700 { background-color: #f3f4f6 !important; color: #111827 !important; border-color: #d1d5db !important; }
html:not(.dark) .bg-gray-800 { background-color: #e5e7eb !important; }
html:not(.dark) .border-gray-600 { border-color: #d1d5db !important; }
html:not(.dark) .placeholder-gray-600::placeholder { color: #9ca3af !important; }
html:not(.dark) .placeholder-gray-500::placeholder { color: #6b7280 !important; }
html:not(.dark) #search-input { background-color: #ffffff !important; color: #111827 !important; border-color: #d1d5db !important; }
html:not(.dark) .bg-dark\/80 { background-color: rgba(255, 255, 255, 0.9) !important; }
html:not(.dark) .bg-card\/95 { background-color: rgba(255, 255, 255, 0.95) !important; }
html:not(.dark) .bg-dark\/50 { background-color: rgba(243, 244, 246, 0.8) !important; }
html:not(.dark) select { color: #111827 !important; background-color: #ffffff !important; border-color: #d1d5db !important; }

/* Additional Light Mode Fixes */
html:not(.dark) .bg-indigo-600 { background-color: #4f46e5 !important; color: #ffffff !important; }
html:not(.dark) .bg-indigo-600.text-white { color: #ffffff !important; }
html:not(.dark) .hover\:bg-indigo-500:hover { background-color: #6366f1 !important; }

html:not(.dark) .to-darker { --tw-gradient-to: #f9fafb var(--tw-gradient-to-position, ) !important; }

html:not(.dark) .hover\:bg-gray-600:hover { background-color: #e5e7eb !important; }

html:not(.dark) .hover\:text-brand-cyan:hover { color: #2563eb !important; }

html:not(.dark) .bg-red-900\/50 { background-color: #fef2f2 !important; }
html:not(.dark) .border-red-500\/50 { border-color: #fca5a5 !important; }
html:not(.dark) .text-red-200 { color: #991b1b !important; }

html:not(.dark) .divide-border > :not([hidden]) ~ :not([hidden]) { border-color: #e5e7eb !important; }
html:not(.dark) .bg-border { background-color: #e5e7eb !important; color: #111827 !important; }

html:not(.dark) .hover\:bg-card:hover { background-color: #ffffff !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05); border-radius: 0.25rem; }
html:not(.dark) .hover\:text-gray-300:hover { color: #4b5563 !important; }