@layer utilities {
    .file-item {
        @apply flex items-center justify-between p-3 mb-2 rounded-lg transition-all duration-200;
    }
    .file-item:hover {
        @apply bg-blue-50;
    }
    .preset-scrollbar::-webkit-scrollbar {
        width: 6px;
    }
    .preset-scrollbar::-webkit-scrollbar-track {
        @apply bg-gray-100 rounded-full;
    }
    .preset-scrollbar::-webkit-scrollbar-thumb {
        @apply bg-gray-300 rounded-full hover:bg-gray-400 transition-colors duration-200;
    }
}

.nav-link {
    @apply text-gray-600 hover:text-primary transition-colors duration-200;
}

.nav-link.active {
    @apply text-primary font-medium;
}