/* EmmaPdfViewerComponent — native PDF embed styles */
.emma-pdf-viewer {
    position: relative;
    overflow: hidden;
}

.emma-pdf-viewer-embed {
    width: 100%;
    height: 100%;
    border: none;
}

.emma-pdf-viewer-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* Fills nearest positioned ancestor (position:relative parent).
   Used to bypass DxLoadingPanel's internal wrapper divs that
   break the height:100% chain. */
.emma-pdf-fill {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

/* Applied via BodyCssClass on DxWindow. DX gjor selv body til flex-column
   med flex:1 1 auto. Vi trenger bare:
   - position:relative -- containing block for DocumentViewerComponent sin
     position:absolute;inset:0
   - padding:0 og overflow:hidden -- override DX-default chrome
   DocumentViewerComponent sin outer div er position:absolute (tatt ut av
   flex-flow), saa DX' .dxbl-window-body > * { flex: 0 0 auto } regel er
   irrelevant -- ingen wrapper trengs. */
.emma-docviewer-body {
    position: relative !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* Loading overlay for iframe -- erstatter DxLoadingPanel som hadde
   shadow DOM-wrappers som brot height-kjeden. */
.emma-pdf-loading-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    z-index: 10;
    pointer-events: none;
}
:root[data-bs-theme="dark"] .emma-pdf-loading-overlay {
    background: rgba(0, 0, 0, 0.5);
}