/* Step 7.1.9.4.61 — approval preview is the reference for future catalog behavior. */
body.admin-card-review .review-catalog-page{
    min-height:100vh;
    padding:45px 18px;
    background:transparent;
}
.review-catalog-flip-stage{
    width:100%;
    min-height:calc(100vh - 90px);
    overflow:visible;
    background:transparent;
}
.review-catalog-flip-card{
    width:min(820px,calc(100% - 4px));
    height:540px;
    --bc-flip-card-width:auto;
    --bc-flip-card-height:auto;
}
.review-catalog-face{
    overflow:visible;
}
.review-catalog-face>.card,
.review-back-front-copy>.card{
    width:100%;
    height:100%;
    min-height:100%;
}
.review-back-variant{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    inset:0;
    display:none;
}
.review-catalog-flip-card[data-bc-flip-mode="front-only"] [data-review-back-variant="front-only"]{
    display:block;
}
.review-catalog-flip-card[data-bc-flip-mode="with-back"] [data-review-back-variant="with-back"]{
    display:flex;
}
.review-back-text-face{
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:54px 62px;
    border:1px solid var(--border);
    border-radius:var(--card-radius);
    background:var(--bg1-fill);
    color:var(--standard-back-text-color,var(--ink));
    box-shadow:var(--preview-outline),0 24px 70px rgba(18,35,30,.22),var(--card-shadow);
}
.review-back-text{
    width:min(760px,100%);
    max-height:100%;
    overflow:hidden;
    white-space:pre-wrap;
    overflow-wrap:break-word;
    word-break:break-word;
    font-size:var(--standard-back-text-font-size,24px);
    line-height:1.55;
}
@media(max-width:700px){
    body.admin-card-review .review-catalog-page{
        padding:24px 12px;
    }
    .review-catalog-flip-stage{
        min-height:calc(100vh - 48px);
    }
    .review-catalog-flip-card{
        width:100%;
        height:var(--mobile-card-height,500px);
    }
    .review-back-text-face{
        padding:48px 34px;
        background:var(--bg1-mobile-fill,var(--bg1-fill));
        color:var(--standard-back-text-mobile-color,var(--theme-mobile-ink,var(--standard-back-text-color,var(--ink))));
    }
    .review-back-text{
        font-size:var(--standard-back-text-font-size,24px);
    }
}

/* Step 7.1.9.4.64 — manual click flip is independent from automatic animation. */
.review-catalog-flip-card.is-click-enabled{cursor:pointer}
.review-catalog-flip-card.is-click-enabled:focus{outline:none}


/* Step 7.1.9.4.128 + 7.1.9.4.132 — Chrome 85 mobile catalog compatibility.
   The parent gives the iframe its final physical size. Inside the same-origin
   iframe we preserve the common 414px mobile browser viewport. With the shared
   12px side paddings the actual card layout width is 390px, exactly as in the
   generator. Only ordinary DOM is zoomed, not the iframe element/canvas. */
@media(max-width:700px){
    body.public-card-catalog.chrome85-native-catalog{
        width:414px;
        min-width:414px;
        height:896px;
        min-height:896px;
        overflow:hidden!important;
    }
    body.public-card-catalog.chrome85-native-catalog .review-catalog-page{
        width:414px;
        min-width:414px;
        min-height:896px;
        zoom:var(--bc-chrome85-catalog-scale,1);
    }
}