/* Ẩn nút About và Help trong menu Options */
[data-test="optionsDropdownItemAbout"],
[data-test="optionsDropdownItemHelp"] {
  display: none !important;
}

/* Custom CSS để đặt camera ở bên trái */
.videoPanel,
.video-panel,
.webcam-video,
.videoContainer,
.media-container,
[class*="video"],
[class*="webcam"],
[class*="camera"] {
    position: fixed !important;
    top: 50px !important;
    left: 10px !important;
    width: 320px !important;
    height: 240px !important;
    z-index: 1000 !important;
    background: rgba(0, 0, 0, 0.8) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
}

/* Đảm bảo video element bên trong có kích thước phù hợp */
.videoPanel video,
.video-panel video,
.webcam-video video,
.videoContainer video,
.media-container video,
[class*="video"] video,
[class*="webcam"] video,
[class*="camera"] video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Điều chỉnh layout chính để tránh overlap */
.mainContent,
.main-content,
.content-area,
[class*="main"],
[class*="content"] {
    margin-left: 340px !important;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .videoPanel,
    .video-panel,
    .webcam-video,
    .videoContainer,
    .media-container,
    [class*="video"],
    [class*="webcam"],
    [class*="camera"] {
        width: 200px !important;
        height: 150px !important;
    }
    
    .mainContent,
    .main-content,
    .content-area,
    [class*="main"],
    [class*="content"] {
        margin-left: 220px !important;
    }
}

/* Đảm bảo camera không bị che khuất bởi các element khác */
.videoPanel,
.video-panel,
.webcam-video,
.videoContainer,
.media-container,
[class*="video"],
[class*="webcam"],
[class*="camera"] {
    pointer-events: auto !important;
}

/* Ẩn các control button của video nếu cần */
.videoPanel .controls,
.video-panel .controls,
.webcam-video .controls,
.videoContainer .controls,
.media-container .controls {
    display: none !important;
}