/* Video / Media Tools shared UI extras */
.vt-drop { cursor: pointer; }
.vt-progress {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(91, 140, 255, 0.15);
}
.vt-progress > span,
.vt-global-prog-bar {
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, #5b8cff, #8b5cf6);
    transition: width 0.2s ease;
}
.vt-global-prog {
    position: sticky;
    top: 64px;
    z-index: 1020;
    margin-bottom: 1rem;
}
.vt-global-prog-inner {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(91, 140, 255, 0.28);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(8px);
}
body.dark-theme .vt-global-prog-inner {
    background: rgba(15, 23, 42, 0.92);
    border-color: rgba(148, 163, 184, 0.3);
}
.vt-note {
    font-size: 0.875rem;
    color: var(--bs-secondary-color, #6c757d);
}
.vt-file-list .list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}
body.dark-theme .vt-preview {
    background: #020617;
}
@media (max-width: 576px) {
    .vt-global-prog { top: 56px; }
    .vt-file-list .list-group-item {
        flex-direction: column;
        align-items: stretch;
    }
}