/* Custom Styles for StrategyPulse AI */

/* Custom Range Slider Input Styling */
input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #10b981;
    cursor: pointer;
    border: 2px solid #065f46;
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.4);
    transition: all 0.15s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
    box-shadow: 0 0 14px rgba(16, 185, 129, 0.7);
}

/* Animations */
@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 15px rgba(16, 185, 129, 0.15);
    }
    50% {
        box-shadow: 0 0 25px rgba(16, 185, 129, 0.35);
    }
}

.glow-card {
    animation: pulseGlow 4s infinite ease-in-out;
}

/* Scrollbar for modal/containers */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: rgba(15, 23, 42, 0.6);
}

::-webkit-scrollbar-thumb {
    background: rgba(51, 65, 85, 0.8);
    border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(71, 85, 105, 1);
}