/*
 * Página "External Content" (backend layout external_content): iframe em ecrã inteiro.
 * Carregado só pelo template Page/ExternalContent.html e limitado à classe que o
 * Bootstrap Package põe no <body> (backendlayout-external_content): não afeta outras páginas.
 */
body.backendlayout-external_content {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    /* O overflow do body passa para a viewport: sem scrollbar da página (o iframe tem o seu). */
    overflow: hidden;
}

body.backendlayout-external_content .external-content-main,
body.backendlayout-external_content .external-content-main .frame,
body.backendlayout-external_content .external-content-main .frame-container,
body.backendlayout-external_content .external-content-main .frame-inner {
    margin: 0;
    padding: 0;
    max-width: none;
    width: 100%;
}

body.backendlayout-external_content .external-content-frame {
    display: block;
    width: 100%;
    /* Fallback para browsers sem dvh; dvh acompanha as barras dinâmicas dos browsers móveis. */
    height: 100vh;
    height: 100dvh;
    margin: 0;
    padding: 0;
    border: 0;
}