/* Custom overrides and animations for MedAssist Prototype */

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a; /* slate-900 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb {
    background: #334155; /* slate-700 */
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #475569; /* slate-600 */
}

/* Base text selection */
::selection {
    background: rgba(20, 184, 166, 0.3); /* brand-500/30 */
    color: #f1f5f9;
}

/* Pulsing red animation for microphone recording */
@keyframes recordPulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7);
    }
    
    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px rgba(239, 68, 68, 0);
    }
    
    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
    }
}

.recording-pulse {
    animation: recordPulse 2s infinite;
    background-color: #ef4444; /* red-500 */
    border-color: #dc2626; /* red-600 */
    color: white !important;
}

/* Optional smooth fade transitions */
.fade-in {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}