/* Telemedicina Module Styles */
.tele-tab {
    transition: all 0.2s;
}
.tele-tab:hover {
    background: #f8fafc !important;
}
.tele-tab.active {
    color: var(--primary) !important;
    border-bottom-color: var(--primary) !important;
}
.tele-filter {
    transition: all 0.2s;
}
.tele-filter:hover:not(.active) {
    background: #f1f5f9 !important;
}

/* Chat messages animation */
#tele-chat-messages > div {
    animation: chatFadeIn 0.2s ease-out;
}
@keyframes chatFadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Transcript chunks animation */
#transcript-content > div {
    animation: chatFadeIn 0.2s ease-out;
}

/* Room cards hover */
#tele-rooms-list .card:hover {
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
    transform: translateY(-1px);
    transition: all 0.2s;
}

/* Mobile responsive */
@media (max-width: 768px) {
    #transcript-panel {
        width: 100% !important;
        position: fixed;
        bottom: 0;
        right: 0;
        height: 50vh;
        z-index: 100;
        border-radius: 16px 16px 0 0 !important;
        box-shadow: 0 -4px 20px rgba(0,0,0,0.15);
    }
    #jitsi-container {
        height: 50vh !important;
    }
}