// Personal Documents "Preview" dialog. Rendered as the whole body of
// Odoo's ActionDialog (target: "new"), which already supplies the modal
// chrome (title = document name, close X) -- this file only styles what's
// below that.

.o_xeno_doc_preview {
    padding: 16px 20px 20px;
    width: 560px;
    max-width: 100%;
}

.o_xeno_doc_preview_loading {
    color: #6b6b6b;
    padding: 24px 0;
    text-align: center;
}

.o_xeno_doc_preview_body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background: #f7f7f8;
    border-radius: 8px;
    overflow: hidden;
}

.o_xeno_doc_preview_image {
    max-width: 100%;
    max-height: 65vh;
    object-fit: contain;
}

.o_xeno_doc_preview_iframe {
    width: 100%;
    height: 65vh;
    border: none;
}

.o_xeno_doc_preview_unsupported {
    text-align: center;
    color: #6b6b6b;
    padding: 40px 20px;

    .fa {
        font-size: 2.4rem;
        margin-bottom: 10px;
    }
}

.o_xeno_doc_preview_footer {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}