/* Object List Component Styles */
.object-list-container {
    @apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8;
}

/* Custom select styling for filters */
.object-list-container select[multiple] {
    background-image: none;
    background-color: white;
    min-height: 100px;
}

.object-list-container select[multiple] option {
    @apply py-1 px-2;
}

.object-list-container select[multiple] option:checked {
    @apply bg-blue-600 text-white;
}

/* Hover effects for object cards */
.object-list-container .object-card {
    @apply transform transition-all duration-300 ease-in-out;
}

.object-list-container .object-card:hover {
    @apply scale-105 shadow-xl;
}

/* Loading animation */
.object-list-loading {
    @apply animate-pulse;
}

.object-list-loading .skeleton {
    @apply bg-gray-300 rounded;
}

/* Responsive adjustments */
@screen sm {
    .object-list-container {
        @apply px-6;
    }
}

@screen lg {
    .object-list-container {
        @apply px-8;
    }
}

/* Custom scrollbar for filter selects */
.object-list-container select::-webkit-scrollbar {
    width: 8px;
}

.object-list-container select::-webkit-scrollbar-track {
    @apply bg-gray-100 rounded;
}

.object-list-container select::-webkit-scrollbar-thumb {
    @apply bg-gray-400 rounded;
}

.object-list-container select::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-600;
}