/* Step 7.1.9.4.71 — static full-screen reading mode shared by generator, approval and runtime card view. */
body.bcard-reading-fullscreen-open{overflow:hidden!important}
[data-bcard-fullscreen-root].bcard-reading-fullscreen{
    position:fixed!important;
    inset:0!important;
    z-index:12000!important;
    width:100vw!important;
    height:100vh!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    background:#111a17!important;
}
[data-bcard-fullscreen-root].bcard-reading-fullscreen:fullscreen,
[data-bcard-fullscreen-root].bcard-reading-fullscreen:-webkit-full-screen{width:100%!important;height:100%!important}
.bcard-reading-fullscreen-close{
    position:fixed;
    top:14px;
    right:16px;
    z-index:12020;
    display:none;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:9px 14px;
    border:1px solid rgba(255,255,255,.42);
    border-radius:10px;
    background:rgba(7,17,15,.88);
    color:#fff;
    font:700 13px/1.2 Inter,Arial,sans-serif;
    cursor:pointer;
    box-shadow:0 6px 24px rgba(0,0,0,.22)
}
.bcard-reading-fullscreen .bcard-reading-fullscreen-close{display:inline-flex}

/* Generator — front side. */
.visual-preview-shell.bcard-reading-fullscreen{display:flex!important;flex-direction:column!important}
.visual-preview-shell.bcard-reading-fullscreen .visual-preview-toolbar{display:none!important}
.visual-preview-shell.bcard-reading-fullscreen .visual-preview-stage{flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;overflow:auto!important;background:var(--visual-preview-canvas,#7f8a86)!important}
.visual-preview-shell.bcard-reading-fullscreen .visual-frame-fit{width:100%!important;min-height:1px!important;overflow:visible!important}

/* Generator — reverse side. */
.back-preview-column.bcard-reading-fullscreen{display:flex!important;flex-direction:column!important}
.back-preview-column.bcard-reading-fullscreen .back-preview-heading{display:none!important}
.back-preview-column.bcard-reading-fullscreen .back-preview-stage{flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;overflow:auto!important}
.back-preview-column.bcard-reading-fullscreen .back-frame-fit{width:100%!important;min-height:1px!important;overflow:visible!important}

/* Approval. */
.review-preview.bcard-reading-fullscreen{display:flex!important;flex-direction:column!important}
.review-preview.bcard-reading-fullscreen .review-preview-head{display:none!important}
.review-preview.bcard-reading-fullscreen .review-stage{flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:24px!important;border:0!important;border-radius:0!important;overflow:auto!important}
.review-preview.bcard-reading-fullscreen .review-fit{width:100%!important;min-height:1px!important;overflow:visible!important}

/* Public/preview runtime page opened from the catalog or owner/admin link. */
.page.card-runtime-reading-root.bcard-reading-fullscreen{display:grid!important;place-items:center!important;overflow:auto!important;padding:28px!important;background:var(--preview-canvas,#7f8a86)!important}
.page.card-runtime-reading-root.bcard-reading-fullscreen [data-bcard-fullscreen-runtime-card]{transform:scale(var(--bcard-runtime-reading-scale,1));transform-origin:center center}
.card-runtime-fullscreen-button{position:fixed;right:18px;bottom:18px;z-index:90;display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid rgba(255,255,255,.34);border-radius:10px;background:rgba(13,23,20,.9);color:#fff;font:700 12px/1.2 Inter,Arial,sans-serif;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.card-runtime-reading-root.bcard-reading-fullscreen>.card-runtime-fullscreen-button{display:none!important}

/* Full-screen reading is a desktop aid. On a phone it consumes useful space and can cover the card. */
@media(max-width:700px){[data-bcard-fullscreen-button]{display:none!important}}

@media(max-width:680px){
    .visual-preview-shell.bcard-reading-fullscreen .visual-preview-stage,
    .back-preview-column.bcard-reading-fullscreen .back-preview-stage,
    .review-preview.bcard-reading-fullscreen .review-stage{padding:10px!important}
    .page.card-runtime-reading-root.bcard-reading-fullscreen{padding:14px!important}
    .bcard-reading-fullscreen-close{top:9px;right:9px}
}