/* Jamaica demonstration only: consistent umbrella branding; no change to country platforms. */
.phone-display { min-height: 0; height: 700px; display:flex; flex-direction:column; }
.phone-status { flex: 0 0 33px; }
.phone-display .phone-appbar { display:flex!important; flex:0 0 65px; height:65px; padding:9px 17px; background:#fff; z-index:2; }
.phone-appbar img { width: 165px; height:46px; max-width:76%; object-fit:contain; }
.phone-screens { min-height:0; flex:1; overflow:hidden; }
.phone-screen { height:100%; min-height:0!important; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.phone-screen.supplied-screen-page { height:100%; overflow:hidden; }
.demo-image-viewport { height:100%; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; }
.demo-supplied-image { display:block; width:100%; max-width:none; height:auto; margin-top:calc(-1 * var(--demo-header-crop, 71px)); }
[data-screen="0"] { --demo-header-crop: 48px; }
[data-screen="1"] { --demo-header-crop: 0px; }
[data-screen="2"] { --demo-header-crop: 67px; }
[data-screen="3"] { --demo-header-crop: 72px; }
[data-screen="4"] { --demo-header-crop: 75px; }
[data-screen="5"] { --demo-header-crop: 78px; }
.demo-verification-screen { padding:22px 18px; }
.demo-verification-screen .screen-title { font-size:1.35rem; }
.demo-verification-screen > div { min-height:0!important; padding:12px 3px!important; }
.demo-verify-button { border:0; background:#287b35; color:#fff; border-radius:4px; padding:10px; font:inherit; cursor:pointer; }
.demo-verify-button:focus-visible { outline:3px solid #ffb326; outline-offset:3px; }
.demo-verification-result { padding:9px; color:#18592b; border-left:3px solid #287b35; background:#fff; font-weight:bold; }
@media(max-width:530px){ .phone-display{height:min(700px, 135vw + 140px); min-height:540px} .phone-appbar img{width:155px} }