/* Custom Scrollbar Styles - AURA SHIELD */

/* Webkit Browsers (Chrome, Safari, Edge) */
.custom-scrollbar::-webkit-scrollbar {
    width: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #f8f9ff 0%, #ffffff 50%, #f8f9ff 100%);
    border-radius: 12px;
    margin: 8px 0;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.05);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #667eea 0%, #764ba2 50%, #667eea 100%);
    border-radius: 12px;
    border: 3px solid rgba(248, 249, 255, 0.9);
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4),
                0 2px 6px rgba(102, 126, 234, 0.3),
                inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #764ba2 0%, #667eea 50%, #764ba2 100%);
    border: 2px solid rgba(248, 249, 255, 0.8);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.6),
                0 4px 12px rgba(102, 126, 234, 0.4),
                inset 0 2px 0 rgba(255, 255, 255, 0.4);
    transform: scaleX(1.1);
}

.custom-scrollbar::-webkit-scrollbar-thumb:active {
    background: linear-gradient(180deg, #5568d3 0%, #6a3b8e 50%, #5568d3 100%);
    box-shadow: 0 2px 8px rgba(102, 126, 234, 0.5),
                inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Firefox */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #667eea rgba(248, 249, 255, 0.5);
}

/* Animação suave para scroll */
.custom-scrollbar {
    scroll-behavior: smooth;
}