/* Custom styles for File Management System */

/* Video Preview Thumbnail Styles */
.video-preview-thumbnail {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
}

.video-preview-thumbnail video {
    pointer-events: none;
}

.video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: white;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    pointer-events: none;
    opacity: 0.9;
    transition: opacity 0.2s;
}

.video-preview-thumbnail:hover .video-play-icon {
    opacity: 1;
}

.video-fallback-icon {
    display: none;
    width: 50px;
    height: 50px;
    background: #6c757d;
    border-radius: 0.25rem;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}

.video-preview-thumbnail video.video-error + .video-play-icon {
    display: none;
}

.video-preview-thumbnail video.video-error ~ .video-fallback-icon {
    display: flex !important;
}

/* Video Modal Styles */
#videoPlayer {
    outline: none;
}

/* Additional custom styles can be added here */