/* Video Menu Styles */
.video-menu-container {
    position: relative;
    display: inline-block;
}

.video-menu-btn {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
    transition: all var(--transition-fast);
}

.video-menu-btn:hover {
    background: var(--bg-card-hover);
    border-color: var(--border-glow);
}

.video-menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: 4px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    min-width: 150px;
    z-index: 1000;
    overflow: hidden;
}

.video-menu.show {
    display: block;
}

.video-menu button {
    display: block;
    width: 100%;
    padding: 10px 16px;
    background: transparent;
    border: none;
    color: var(--text-primary);
    text-align: left;
    cursor: pointer;
    transition: background var(--transition-fast);
    font-size: 14px;
}

.video-menu button:hover {
    background: var(--bg-card-hover);
}

.video-menu button:not(:last-child) {
    border-bottom: 1px solid var(--border-color);
}

/* ===== Retry bildirişi =====
   Menyu basılan kimi bağlandığı üçün status düymənin özündə göstərilə bilmir.
   Emal saniyələr, uzun videoda ASR üzündən dəqiqələr çəkir - bu qutu prosesin
   getdiyini bildirir. Layihədə toast sistemi yoxdur, ona görə minimum saxlanılıb.

   Qoruyucu video başınadır, yəni bir neçə video eyni anda emal oluna bilər və
   bildirişlər də bir neçə olur. Hamısı `fixed` olsaydı, üst-üstə düşərdilər -
   ona görə ortaq yığında saxlanılır, yenisi aşağıda görünür. */
.retry-toast-stack {
    position: fixed;
    right: 16px;
    bottom: 16px;
    z-index: 2000;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    gap: 8px;
}

.retry-toast {
    max-width: min(380px, calc(100vw - 32px));
    padding: 12px 16px;
    background: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
    border-left: 3px solid var(--text-muted);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    font-size: 14px;
    line-height: 1.4;
}

.retry-toast-ok {
    border-left-color: var(--success);
}

/* Son nəticə, amma uğur deyil (məs. videoda nitq yoxdur) - bazadakı neytral
   haşiyə qalır. Yaşıl rəng burada transkript alındığı təsəvvürünü yaradırdı. */
.retry-toast-info {
    border-left-color: var(--text-muted);
}

.retry-toast-error {
    border-left-color: var(--error);
}