
.offline-launch{margin-top:22px}.offline-launch p{font-size:12px;line-height:1.6}
.offline-register-dialog{width:min(390px,calc(100% - 24px));max-height:calc(100% - 40px);box-sizing:border-box;overflow:auto;border:1px solid #cce3df;border-radius:24px;padding:24px;color:#25414a;background:white}
.offline-register-dialog::backdrop{background:#173e3e80}
.offline-register-dialog h2{font-size:22px;margin:20px 0}.offline-register-dialog h3{font-size:18px}
.offline-register-dialog p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.offline-register-dialog label{display:grid;gap:8px;font-size:13px;margin:16px 0;font-weight:600}
.offline-register-dialog :is(input,select){width:100%;box-sizing:border-box;font-weight:400}
.offline-register-dialog .btn{width:100%;margin-top:12px;min-height:44px}
.offline-register-dialog .btn:disabled{opacity:.4;cursor:not-allowed}
.offline-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offline-stats>div{padding:12px;border-radius:14px;background:#edf8f6}.offline-stats dt{font-size:11px;line-height:1.5}.offline-stats dd{margin:8px 0 0;font-size:15px;font-weight:600;overflow-wrap:anywhere}
.offline-status{border-left:4px solid #c48b44;background:#fff4df;padding:12px;border-radius:10px;font-weight:600}
.offline-fingerprint{display:block;width:76px;height:76px;object-fit:contain;margin:20px auto}
.offline-register-dialog .small{font-size:11px}.offline-demo-note{color:#687f84}
.offline-journal{margin-top:20px}.offline-journal summary{font-size:13px;cursor:pointer}.offline-journal article{padding:12px 0;border-bottom:1px solid #dfebe8}.offline-journal small{font-size:10px;overflow-wrap:anywhere}

.offline-virtual-card{container-type:inline-size;aspect-ratio:443/260;border-radius:20px;background:linear-gradient(180deg,#060606 0%,#303030 48%,#8b8b8b 100%);color:#fff;box-shadow:0 8px 20px #15151526;position:relative;overflow:hidden;font-family:Montserrat,Arial,sans-serif}
.offline-card-type{position:absolute;left:6.8%;top:8%;font:400 4.5cqw/1.2 Montserrat,Arial,sans-serif;white-space:nowrap}
.offline-card-partner-logo{position:absolute;right:6.8%;top:7%;width:15%;height:21%;object-fit:contain;object-position:top right;border-radius:5px}.offline-card-partner-logo.offline-logo-ecobank{width:23%;height:26%}.offline-card-partner-logo.offline-logo-orange-money{width:19%;height:23%;border-radius:0}
.offline-card-number{position:absolute;left:6.8%;top:32%;font:400 4.5cqw/1.2 Montserrat,Arial,sans-serif}
.offline-card-balance-label{position:absolute;left:6.8%;top:49%;font:400 4.5cqw/1.2 Montserrat,Arial,sans-serif;color:#fff}
.offline-card-balance{position:absolute;left:6.8%;top:62%;font:600 6.4cqw/1.2 Montserrat,Arial,sans-serif;margin:0;text-shadow:0 2px 2px #0003}
.offline-card-settings{position:absolute;right:5%;top:calc(62% + 3.84cqw);transform:translateY(-50%);width:44px;height:44px;min-height:44px;padding:8px;border:0;border-radius:10px;background:transparent;box-shadow:none;cursor:pointer}.offline-card-settings img{display:block;width:100%;height:100%;object-fit:contain}.offline-card-settings:focus-visible{outline:2px solid #fff;outline-offset:2px}
.offline-commands{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.offline-commands button{border:0;border-radius:0;background:transparent;color:#8f9698;padding:0;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:6px;font:inherit;cursor:pointer;box-shadow:none}.offline-command-picture{width:100%;max-width:86px;aspect-ratio:1;display:block}.offline-command-picture img{width:100%;height:100%;object-fit:contain;display:block}.offline-commands [data-me-widget-label]{font-size:10px;line-height:1.3;text-align:center}.offline-commands button:focus-visible{outline:2px solid #2bb7ac;outline-offset:3px;border-radius:12px}
.offline-account-identity{display:flex;align-items:center;gap:12px;margin:18px 0;color:#25414a}.offline-account-identity>span:last-child{font-size:13px;font-weight:500}.offline-account-identity small{display:block;font-size:10px;font-weight:400;margin-top:4px;color:#78888b}
.offline-account-thumbnail{position:relative;display:block;flex:0 0 82px;width:82px;aspect-ratio:443/260;border-radius:7px;overflow:hidden;color:#fff;background:linear-gradient(180deg,#060606 0%,#303030 48%,#8b8b8b 100%);box-shadow:0 2px 5px #15151526}.offline-thumbnail-type{position:absolute;left:7%;top:9%;font-size:5px;font-weight:600;line-height:1.15}.offline-thumbnail-logo{position:absolute;right:7%;top:7%;width:15%;height:24%;object-fit:contain;object-position:top right}.offline-thumbnail-logo.offline-logo-ecobank{width:23%;height:26%}.offline-thumbnail-logo.offline-logo-orange-money{width:19%;height:23%}.offline-thumbnail-number{position:absolute;left:7%;top:45%;font-size:6px;font-weight:400;letter-spacing:.6px}
.offline-provider-paused> :not(.orange-command-strip){filter:grayscale(1);opacity:.35}.offline-provider-paused::after{content:"";position:absolute;left:50%;top:42%;width:48px;height:48px;transform:translate(-50%,-50%);background:#919b9c;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath d='M14 20v-7a10 10 0 0 1 20 0v7' fill='none' stroke='black' stroke-width='4'/%3E%3Crect x='8' y='19' width='32' height='26' rx='5' fill='none' stroke='black' stroke-width='4'/%3E%3Cpath d='M24 28v8' stroke='black' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none;z-index:3}
.offline-qr-preview{max-width:235px;margin:18px auto}.offline-qr-preview svg{display:block;width:100%;height:auto}.offline-qr-amount{display:block;text-align:center;font-weight:500;font-size:23px}.offline-stats>div{display:flex;flex-direction:column;justify-content:space-between}

/* Provider-style action widgets overlap the lower card edge. */
.offline-virtual-card+.offline-commands{position:relative;z-index:1;margin-top:-28px;padding:0 10px}
.offline-commands button:disabled{opacity:.45;cursor:not-allowed}.offline-expiry-notice{margin:12px 0;color:#806020;font-size:12px;line-height:1.5}
#offlineCameraRetry[hidden]{display:none}
.offline-payment-recap strong,.offline-payment-recap strong>span,.offline-payment-category{display:block}
.offline-payment-recap,.offline-payment-recap strong,.offline-payment-category{font-family:Montserrat,Arial,sans-serif;font-weight:500;line-height:1.5}
.offline-payment-category{margin-top:4px}
.offline-operation-fields+.btn{margin-top:24px}
.offline-register-dialog .offline-result-balance{margin-bottom:0}
.offline-register-dialog .offline-result-done{margin-top:48px}

/* Partner artwork retains its colour under the offline watermark. */
.phone .offline-online-locked { cursor:not-allowed; position:relative; }
.phone .offline-online-locked > :not(.offline-access-padlock),
.phone .offline-online-locked .favorites-icon > :not(.offline-access-padlock) { opacity:.35; }
.phone .offline-online-locked > .favorites-icon { opacity:1; }
.phone .offline-lock-artwork { position:relative; }
.phone .offline-access-padlock { position:absolute; width:36px; height:36px; top:-11px; right:-10px; z-index:4; color:#8a999b; pointer-events:none; opacity:1; }
.phone .offline-access-padlock svg { display:block; width:100%; height:100%; filter:drop-shadow(0 1px 1px #fff); }
.phone .partner-app-widget.offline-online-locked > .offline-access-padlock { top:-11px; right:calc(50% - 40px); }
.phone.offline-access-active .offline-launch { opacity:1; }
