/* Videochat - Standalone Styles */

/* Fixed aspect ratio 16:9 */
.videochat .aspect-video {
    aspect-ratio: 16 / 9;
}

/* x-cloak support for Alpine.js */
[x-cloak] {
    display: none !important;
}

/* Custom scrollbar for participants panel */
.videochat-participants::-webkit-scrollbar {
    width: 6px;
}

.videochat-participants::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.videochat-participants::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.videochat-participants::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}