/**
 * Modales — plein écran mobile sans 100vw (évite scroll horizontal body).
 */
@media (max-width: 767px) {
    .app-modal-overlay,
    .preview-modal,
    .comment-modal-overlay,
    .modal-overlay,
    .conf-overlay,
    .rename-modal-overlay {
        padding: 12px;
        align-items: flex-end;
    }

    .app-modal,
    .preview-modal-inner,
    .comment-modal,
    .modal-box,
    .conf-box,
    .rename-modal-box,
    .ocr-cancel-modal,
    .ocr-not-invoice-modal {
        width: 100%;
        max-width: 100%;
        border-radius: 16px 16px 0 0;
    }

    .app-modal__footer,
    .conf-foot,
    .ocr-cancel-buttons {
        flex-direction: column;
    }
    .app-modal__footer .app-btn,
    .app-modal__footer .btn,
    .conf-foot .btn,
    .ocr-cancel-no,
    .ocr-cancel-yes {
        width: 100%;
        min-height: 44px;
    }

    .rename-modal-box,
    .ocr-up-modal {
        width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 0;
    }
    .rename-modal-body,
    .ocr-up-body { flex-direction: column; }
    .rename-modal-pdf {
        flex: 0 0 38vh;
        border-right: 0;
        border-bottom: 1px solid var(--gray-200, #e5e7eb);
    }
    .rename-modal-form { flex: 1; max-width: none; }
    .ocr-up-pdf {
        width: 100%;
        height: 40vh;
        border-right: none;
        border-bottom: 1px solid #f1f5f9;
    }

    .ocr-progress-card { padding: 24px 20px; }
    .preview-modal-body iframe { min-height: 60vh; }
}