/* ============================================================================
   UPLOAD TRANSCRIPT CONFIRMATION STRIP
   ============================================================================ */

/* Backdrop covers the whole viewport above the meeting modal. */
.event-upload-confirm-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    z-index: var(--z-layer-modal);
    animation: eventUploadFadeIn var(--duration-fast) var(--ease-in-out);
}

.event-upload-confirm-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    z-index: calc(var(--z-layer-modal) + 1);
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-3);
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    font-family: inherit;
    color: var(--text-dark);
    animation: eventUploadSlideIn var(--duration-normal) var(--ease-in-out);
}

.event-upload-confirm-title {
    margin: 0;
    font-size: var(--font-size-md);
    font-weight: 600;
    letter-spacing: -0.01em;
}

.event-upload-confirm-sub {
    font-size: var(--font-size-sm);
    color: var(--text-secondary);
    line-height: 1.4;
    word-break: break-word;
}

.event-upload-confirm-filename {
    color: var(--text-secondary);
    word-break: break-all;
}

.event-upload-confirm-stats {
    font-size: var(--font-size-12);
    color: var(--text-secondary);
    padding: 6px 10px;
    background: var(--bg-hover, rgba(0, 0, 0, 0.04));
    border-radius: var(--radius-sm);
    align-self: flex-start;
}

.event-upload-confirm-meeting {
    font-size: var(--font-size-sm);
    color: var(--text-dark);
    line-height: 1.4;
}

.event-upload-confirm-note {
    font-size: var(--font-size-12);
    color: var(--color-amber-text);
    background: rgba(245, 158, 11, 0.08);
    border-left: 3px solid var(--color-amber);
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    line-height: 1.4;
}

.event-upload-confirm-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 4px;
}

@keyframes eventUploadFadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes eventUploadSlideIn {
    from { opacity: 0; transform: translate(-50%, -46%); }
    to   { opacity: 1; transform: translate(-50%, -50%); }
}

@media (prefers-reduced-motion: reduce) {
    .event-upload-confirm-backdrop,
    .event-upload-confirm-modal {
        animation: none;
    }
}

/* Summary tab placeholder shown while insights are still being generated.
   Replaced by displaySummary() when the writes land. */
.summary-loading {
    color: var(--text-secondary);
    font-style: italic;
    opacity: 0.85;
    animation: summaryLoadingPulse 1.6s ease-in-out infinite;
}

@keyframes summaryLoadingPulse {
    0%, 100% { opacity: 0.6; }
    50%      { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .summary-loading {
        animation: none;
    }
}

/* ============================================================================
   END UPLOAD TRANSCRIPT CONFIRMATION STRIP
   ============================================================================ */