/* Sidebar Component - Complemento de style.css */

/* Responsive */
@media (max-width: 768px) {
    .sidebar {
        position: relative;
        top: auto;
        height: auto;
    }
}

/* Scrollbar personalizado */
.sidebar::-webkit-scrollbar {
    width: 6px;
}

.sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar::-webkit-scrollbar-thumb {
    background: var(--color-gray-300);
    border-radius: var(--radius-full);
}

.sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-400);
}