/* VDL2 Mode Styles */

/* VDL2 Status Indicator */
.vdl2-status-dot.listening {
    background: var(--accent-cyan) !important;
    animation: vdl2-pulse 1.5s ease-in-out infinite;
}
.vdl2-status-dot.receiving {
    background: var(--accent-green) !important;
}
.vdl2-status-dot.error {
    background: var(--accent-red) !important;
}
@keyframes vdl2-pulse {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(74, 158, 255, 0.7); }
    50% { opacity: 0.6; box-shadow: 0 0 6px 3px rgba(74, 158, 255, 0.3); }
}

/* VDL2 message animation */
.vdl2-msg {
    padding: 6px 8px;
    border-bottom: 1px solid var(--border-color);
    animation: vdl2FadeIn 0.3s ease;
}
.vdl2-msg:hover {
    background: rgba(74, 158, 255, 0.05);
}
@keyframes vdl2FadeIn {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: translateY(0); }
}