/* Write your custom css in this file. */

/* PDF/iframe file preview: hide prev/next (they sit on top of the viewer). */
.app-modal:has(#iframe-file-viewer) .app-modal-previous-button,
.app-modal:has(#iframe-file-viewer) .app-modal-next-button,
.app-modal:has(#google-file-viewer) .app-modal-previous-button,
.app-modal:has(#google-file-viewer) .app-modal-next-button {
    display: none !important;
}

/* Full-viewport iframe preview (fixes white .app-modal-body covering the document). */
.app-modal:has(#iframe-file-viewer) .app-modal-body,
.app-modal:has(#google-file-viewer) .app-modal-body {
    background: #525659 !important;
}

.app-modal:has(#iframe-file-viewer) .app-modal-content,
.app-modal:has(#google-file-viewer) .app-modal-content {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100vh !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

.app-modal:has(#iframe-file-viewer) .app-modal-content-area,
.app-modal:has(#google-file-viewer) .app-modal-content-area {
    display: block !important;
    width: 100% !important;
    height: 100vh !important;
    max-height: 100vh !important;
    text-align: left !important;
}

.app-modal:has(#iframe-file-viewer) #iframe-file-viewer,
.app-modal:has(#google-file-viewer) #google-file-viewer {
    display: block !important;
    width: 100% !important;
    height: 100vh !important;
    min-height: 100vh !important;
    border: 0 !important;
    margin: 0 !important;
}