/* Applied after the demo styles. Android supplies the real status/navigation bars. */
.android-demo-note{margin-top:24px;text-align:center;color:#73888c;font:400 10px Montserrat,Arial,sans-serif}
.screen.android-entry-screen{display:flex;flex-direction:column;padding:0}
.android-demo-entry{flex:1;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:var(--entry-logo-top,27vh) 24px 18px;text-align:center}
.android-entry-brand{flex:none;width:var(--entry-logo-width,62%);max-width:100%;margin:0 auto}
.android-entry-brand>img{display:block;width:100%;height:auto;filter:none;box-shadow:none}
.android-entry-brand h1{font:600 var(--entry-label-size,28px)/1.2 Montserrat,Arial,sans-serif;white-space:nowrap;margin:24px -24px 0;text-align:center}
.android-entry-copy{flex:none;max-width:360px;margin:12px auto 0;color:#61767a;font:400 13px/1.5 Montserrat,Arial,sans-serif}
.android-entry-copy p{margin:10px 0 0}
.android-entry-copy .android-entry-subtitle{font-size:14px;margin:0}
.android-entry-footer{flex:none;width:100%;max-width:360px;margin-top:auto;padding-top:24px}
.android-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.android-entry-actions .btn{margin:0;min-height:46px;padding:12px 8px;font:600 13px/1.2 Montserrat,Arial,sans-serif}
.android-entry-footer .android-demo-note{margin:48px 0 0;line-height:14px}
.id-pass-empty-portrait{position:absolute;inset:0 0 34.782609%;display:grid;place-items:center;background:#e2e9e9}
.id-pass-empty-portrait svg{height:85%;max-width:85%;fill:#9aafb1}
@media(max-height:700px){
 .android-entry-brand h1{margin-top:18px}
 .android-entry-copy{margin-top:8px;font-size:12px}
 .android-entry-copy .android-entry-subtitle{font-size:13px}
 .android-entry-copy p{margin-top:8px}
 .android-entry-footer{padding-top:16px}
 .android-entry-actions .btn{min-height:44px}
}
.native-android{--app-safe-top:var(--safe-area-inset-top,env(safe-area-inset-top,0px));--app-safe-right:var(--safe-area-inset-right,env(safe-area-inset-right,0px));--app-safe-bottom:var(--safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--app-safe-left:var(--safe-area-inset-left,env(safe-area-inset-left,0px));--native-top-background:#fff;--native-bottom-background:#fff}
.native-android,.native-android body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;border-radius:0}
.native-android body{background:linear-gradient(to bottom,var(--native-top-background) 0,var(--native-top-background) var(--app-safe-top),var(--native-bottom-background) var(--app-safe-top),var(--native-bottom-background) 100%)}
/* The device owns the outer corners. Paint through the system-bar areas,
   keeping app controls inside the actual cutout/gesture insets, applied once.
   Capacitor supplies zero CSS insets when an older WebView already fits natively. */
.native-android .stage{box-sizing:border-box;padding:var(--app-safe-top) var(--app-safe-right) var(--app-safe-bottom) var(--app-safe-left);min-height:0;height:100%;width:100%;border:0;border-radius:0;box-shadow:none;background:transparent}
.native-android .phone{width:100%;height:100%;min-height:0;max-height:none;border:0;border-radius:0;box-shadow:none;outline:none}
.native-android body>dialog{max-height:calc(100% - var(--app-safe-top) - var(--app-safe-bottom) - 28px);top:var(--app-safe-top);bottom:var(--app-safe-bottom);left:var(--app-safe-left);right:var(--app-safe-right)}
.native-android .status,.native-android .phone-status{display:none}
.native-android .screen{min-height:0}
/* One continuous wallpaper on entry, sign-in and account creation, including
   Android system-bar insets. Only the content retains safe-area padding. */
.auth-full-background .phone{background-size:cover;background-position:center}
.auth-full-background .onboarding-header,
.auth-full-background .onboarding-footer,
.auth-full-background .login-footer{background:transparent;box-shadow:none}
.phone .onboarding-header,.phone .onboarding-footer{background:transparent;box-shadow:none}
.native-android.auth-full-background body{background:#fff url("me-full-background-v84.png") center/cover no-repeat}
.native-android.auth-full-background .phone,
.native-android.auth-full-background .screen{background:transparent}
.native-android button,.native-android input,.native-android select{touch-action:manipulation}
/* Use the WebView's available height, including older versions without dvh.
   The hidden imitation status bar must not leave an empty header grid row. */
.native-android .screen>.top{height:auto;min-height:0;padding:16px 20px;grid-template-rows:auto auto;row-gap:16px;align-content:start}
/* Avoid a bright seam where the status area meets the header. */
.native-android .screen>.top{box-shadow:0 3px 0 #173f4a12,0 8px 16px -7px #173f4a4d}
.native-android .screen>.top::before{background:none}
.native-android #tabs{height:104px;padding-top:10px;padding-bottom:8px}
.native-android .screen>.content{padding-bottom:132px}
@media(max-height:700px){
 .native-android .screen>.top{padding-block:12px;row-gap:12px}
 .native-android #tabs{height:92px;padding-top:8px}
 .native-android #tabs .tab-icon{height:58px;flex-basis:58px}
 .native-android #tabs .tab-icon img{max-height:54px}
 .native-android #tabs:not(.maxit-tabs) .tab-button:nth-child(2) .tab-icon img,
 .native-android #tabs.maxit-tabs .tab-button:nth-child(3) .tab-icon img{width:58px;height:58px;max-height:58px;transform:translateY(-9px)}
 .native-android .screen>.content{padding-bottom:120px}
}
/* Keep photo and title together outside the shortcuts' scroll area. */
.phone .favorites-panel{display:flex;flex-direction:column;--favorites-photo-size:94px;--favorites-photo-top:-16px}
.phone .favorites-profile-header{position:relative;flex:none;padding-top:calc(var(--favorites-photo-size) + var(--favorites-photo-top) + 2px)}
.phone .favorites-profile-link{width:var(--favorites-photo-size);height:var(--favorites-photo-size);top:var(--favorites-photo-top)}
.phone .favorites-profile-title{min-height:44px;margin:0;line-height:22px;font-family:Montserrat,Arial,sans-serif;font-weight:600}
.phone .favorites-scroll{height:auto;flex:1;min-height:0;padding-top:8px}
/* Android 11 correction: 75% of the existing Favorites icon/label dimensions.
   Keep each tile's touch target, panel and profile portrait unchanged. */
.native-android.android-11 .favorites-icon,
.native-android.android-11 .favorites-icon img{width:39px;height:39px}
.native-android.android-11 .favorites-icon .favorites-sprite{transform:scale(.555)}
.native-android.android-11 .favorites-tile .favorites-label{font-size:7.5px;line-height:9px;height:18px}
.native-android.android-11 .favorites-grid .favorites-tile{gap:5.625px}
.native-android.android-11 .favorites-message-count{width:16.5px;height:16.5px;font-size:9px;right:-2.25px;top:-3px}
.native-android.android-11 .favorites-profile-header{padding-top:calc(var(--favorites-photo-size) + var(--favorites-photo-top) - 6px)}
@media(max-height:700px){
 .native-android.android-11 .favorites-icon,
 .native-android.android-11 .favorites-icon img{width:33px;height:33px}
 .native-android.android-11 .favorites-icon .favorites-sprite{transform:scale(.4725)}
}
.phone .favorites-profile-link>img[src="assets/avatar.webp"]{position:absolute;width:140%;height:140%;max-width:none;left:50%;top:50%;transform:translate(-46%,-54%)}
@media(max-height:700px){.phone .favorites-panel{--favorites-photo-size:76px;--favorites-photo-top:-12px}}
/* The bundled demo avatar includes a turquoise border in its own pixels.
   Crop that built-in margin only; user-selected photographs already fill the circle. */
.phone .top .avatar>img[src="assets/avatar.webp"]{width:140%;height:140%;max-width:none;left:50%;top:50%;transform:translate(-46%,-54%)}
.startup-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}
.startup-video{display:block;width:100%;height:100%;object-fit:contain;background:#000;opacity:0}
.startup-video.startup-frame-ready{opacity:1}
#selfieVideo{position:absolute;inset:0;background:#000;opacity:0}
#selfieVideo[hidden]{display:none}
#selfieVideo.camera-frame-ready{opacity:1}
.payment-qr-camera{background:#000}
#paymentQRVideo{background:#000;opacity:0}
#paymentQRVideo.camera-frame-ready{opacity:1}
.startup-skip{position:absolute;top:16px;right:16px;z-index:2;border:0;border-radius:20px;padding:10px 14px;background:#ffffffde;color:#25414a;font:500 12px Montserrat,Arial,sans-serif;cursor:pointer}
.startup-controls{position:absolute;bottom:64px;left:24px;right:24px;text-align:center}
.startup-copyright.android-demo-note{position:absolute;bottom:18px;left:16px;right:16px;margin:0;color:#ffffffbf;font-size:10px;line-height:1.4;text-align:center;pointer-events:none;z-index:1}
.startup-controls p:empty{display:none}
.startup-controls p{color:#b42318;background:#fffffff2;border-radius:10px;padding:10px;font-size:12px}
.startup-controls button[hidden]{display:none}
.profile-sharing{margin:20px 0 12px}
.profile-sharing h3{font-size:14px;margin:0 0 12px}
.profile-sharing-row{display:flex;align-items:flex-start;gap:10px;padding:12px;margin:8px 0;border:1px solid #dceae8;border-radius:12px;background:#fff}
.profile-sharing-row label{display:flex;align-items:flex-start;gap:10px;flex:1;font:400 12px/1.5 Montserrat,Arial,sans-serif;cursor:pointer}
.profile-sharing-row input[type=checkbox]{appearance:auto;width:20px;height:20px;flex:0 0 20px;margin:1px 0 0;padding:0;accent-color:#2db7ad}
.profile-sharing-link{border:0;background:transparent;color:#167d78;text-decoration:underline;font:500 11px/1.5 Montserrat,Arial,sans-serif;min-height:32px;padding:2px 0;cursor:pointer}
.profile-sharing>.small{font-size:10px;line-height:1.5}
.profile-privacy-dialog{position:relative;width:min(440px,calc(100vw - 28px));max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);border:0;border-radius:22px;padding:24px;margin:auto;color:#25414a;background:#fff;font:400 13px/1.55 Montserrat,Arial,sans-serif;overflow:auto}
.profile-privacy-dialog .full-page-back{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8e6e5;border-radius:12px;background:#fff;color:#219b94;padding:10px;cursor:pointer}
.profile-privacy-dialog .full-page-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.profile-privacy-dialog::backdrop{background:#173f4a99;backdrop-filter:blur(4px)}
.profile-privacy-dialog h2{font-size:21px;margin:0 0 16px}
.profile-privacy-dialog h3{font-size:14px;margin:18px 0 6px}
.profile-privacy-dialog p{margin:8px 0}
.profile-privacy-dialog a{color:#167d78}
.profile-document-type{display:block;margin:12px 0}
.profile-license-field{grid-column:1/-1}
.profile-license-classes{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:0;margin:10px 0}
.profile-license-classes li{display:grid;place-items:center;min-height:36px;border-radius:8px;font:600 12px Montserrat,Arial,sans-serif}
.profile-license-classes li.applicable{color:#176b65;background:#d8f1ed;border:1px solid #2db7ad}
.profile-license-classes li.not-applicable{color:#899295;background:#edf0f0;border:1px solid #dde2e2}
.profile-license-classes li>span{font:inherit;color:inherit;margin:0}
.profile-license-note{font:400 10px/1.4 Montserrat,Arial,sans-serif;color:#61767a;margin:8px 0 0}
.fingerprint-registration{text-align:center;max-width:420px;margin:0 auto}
.fingerprint-enrollment-art{position:relative;width:min(160px,26vh);aspect-ratio:1;margin:24px auto;--fingerprint-progress:0%}
.fingerprint-enrollment-art img,.fingerprint-enrollment-art span{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.fingerprint-enrollment-art img{opacity:.18;filter:none;box-shadow:none}
.fingerprint-enrollment-art span{background:#2db7ad;-webkit-mask:url("fingerprint-transparent.png") center/contain no-repeat;mask:url("fingerprint-transparent.png") center/contain no-repeat;clip-path:inset(calc(100% - var(--fingerprint-progress)) 0 0);transition:clip-path .35s ease-out}
.fingerprint-registration progress{width:min(100%,230px);height:8px;border:0;border-radius:8px;overflow:hidden;accent-color:#2db7ad}
.fingerprint-registration progress::-webkit-progress-bar{background:#e1ebea}
.fingerprint-registration progress::-webkit-progress-value{background:#2db7ad}
.fingerprint-progress-label{font-weight:600;color:#268f88}
.fingerprint-registration .small{font-size:10px;line-height:1.4}
.fingerprint-registration .btn:disabled{background:#a4b6b5;box-shadow:none;cursor:default}
@media(prefers-reduced-motion:reduce){.fingerprint-enrollment-art span{transition:none}}

/* ID TWIN presentation: no clipped rectangular shadow around rounded artwork. */
.id-twin-presentation .id-twin-dialog {
  width: min(100%, 350px, calc((100vh - 180px) * 25 / 46));
  width: min(100%, 350px, calc((100cqh - 112px) * 25 / 46));
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.id-twin-card-wrap { position: relative; }
.id-twin-presentation .id-pass-template {
  border: 0;
  box-shadow: none;
  outline: none;
}
.id-twin-scan-prompt { margin-top: 16px; color: #fff; }
.id-twin-scan-prompt p { margin: 0 0 10px; font: 400 12px/1.45 Montserrat, Arial, sans-serif; }
.id-twin-scan-prompt .btn { width: 100%; margin: 0; min-height: 44px; padding: 10px 14px; }

.id-twin-presentation.show-qr .id-twin-dialog { width: min(100%,350px); }
.id-twin-qr-panel { color: #fff; }
.id-twin-qr-panel h2 { margin: 12px 0; color: #fff; }
.id-twin-qr-panel p { font-size: 13px; line-height: 1.45; }
.id-twin-qr-panel .page-back-row { background: transparent; }
.id-twin-qr-surface { padding: 18px; background: white; border-radius: 18px; }
.id-twin-qr-large { position: relative; width: 100%; aspect-ratio: 1; overflow: hidden; background: white; }
.id-twin-qr-large img { position: absolute; width: 349.854227%; height: auto; max-width: none; left: -24.781341%; top: -373.760933%; }
.id-twin-qr-panel[hidden],.id-twin-card-wrap[hidden],.id-twin-scan-prompt[hidden] { display: none; }
#idTwinOverlay.id-twin-presentation .id-twin-exit { border-radius: 50%; }
.id-twin-qr-panel .small { color: #fff; opacity: .8; font-size: 10px; }

.id-twin-presentation.show-qr .id-twin-dialog { width: min(100%,350px,calc(100cqh - 240px)); }
.id-twin-qr-panel > .btn { margin: 12px 0 0; min-height: 44px; }
.id-twin-presentation.show-id-control .id-twin-dialog { width: min(100%,350px); }
.id-twin-control-panel { background: #fff; border-radius: 24px; padding: 20px; color: #25414a; }
.id-twin-control-panel[hidden] { display: none; }
.id-twin-control-panel h2 { margin: 14px 0; font-size: 22px; }
.id-twin-control-panel p { font-size: 13px; line-height: 1.5; }
.id-twin-control-panel .small { font-size: 10px; margin-bottom: 0; }
.id-twin-control-fingerprint { display: block; width: 78px; height: 92px; object-fit: contain; margin: 22px auto; }
.id-twin-control-panel .btn { font-size: 13px; }
.id-twin-control-success { width: 68px; height: 68px; margin: 18px auto; border-radius: 50%; background: #e2f6f0; color: #188367; font-size: 44px; }

.id-twin-vault-mention { display: flex; align-items: flex-start; gap: 10px; text-align: left; }
.id-twin-vault-icon { flex: 0 0 24px; font-size: 22px; line-height: 1.3; }

/* Keep SmartCard's caption and command on the shaded backdrop, outside the card. */
.smartcard-overlay .smartcard-dialog {
  width: min(100%,350px,calc((100vh - 180px) * 25 / 46));
  width: min(100%,350px,calc((100cqh - 112px) * 25 / 46));
  border: 0; border-radius: 0; background: transparent; box-shadow: none; overflow: visible;
}
.smartcard-overlay.smartcard-show-qr .smartcard-dialog { width: min(100%,350px,calc(100cqh - 240px)); }
.smartcard-overlay .smartcard-template[hidden],.smartcard-qr-panel[hidden] { display: none; }

.smartcard-overlay.smartcard-show-control .smartcard-dialog { width: min(100%,350px); }

/* Header titles are informational, never navigation controls. */
.top .headtitle { display: flex; align-items: center; justify-content: flex-end; padding: 2px 18px 2px 6px; cursor: default; }

/* Partner synchronization and subsequent access reuse the compact ID TWIN MFA panel. */
dialog.partner-sync-dialog { box-sizing:border-box; border:0; width:min(350px,calc(100% - 32px)); max-height:calc(100dvh - 40px); margin:auto; overflow:auto; text-align:center; font-family:Montserrat,Arial,sans-serif; box-shadow:0 14px 45px #0004; }
dialog.partner-sync-dialog::backdrop { background:#0009; backdrop-filter:blur(8px); }
.partner-sync-dialog .page-back-row { margin:0; }
.partner-sync-dialog .transfer-provider-logo { width:58px; height:58px; margin:8px auto; object-fit:contain; }
.partner-sync-dialog .partner-sync-provider { margin:8px 0; }
.partner-sync-dialog .form-error:empty { display:none; }
.partner-sync-dialog .form-error { color:#b52323; }
.partner-sync-dialog .btn { width:100%; min-height:44px; }

.orange-command > span:last-child,.partner-template-actions button > span,.wallet-action > span { white-space:normal; overflow-wrap:normal; }

/* Keep the receive subtitle attached to its heading; optional is a quiet note. */
.receive-funds-setup > h2 { margin-bottom:2px; }
.receive-funds-setup > .receive-funds-intro { margin-top:0; }
.receive-funds-setup .receive-reason-optional { font:400 10px/1.4 Montserrat,Arial,sans-serif; color:#7c9296; }

/* Reversible partner deactivation shares the app's compact popup design. */
dialog.partner-activation-dialog{box-sizing:border-box;border:0;width:min(350px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;overflow:auto;text-align:center;font-family:Montserrat,Arial,sans-serif;box-shadow:0 14px 45px #0004}
dialog.partner-activation-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}
.partner-activation-dialog .transfer-provider-logo{width:58px;height:58px;margin:8px auto;object-fit:contain}
.partner-activation-dialog .btn{width:100%;min-height:44px}
.partner-activation-dialog .form-error:empty{display:none}
.favorites-tile img,.partner-app-widget img,.partner-search-result img,.partner-management-row img,.transfer-provider-logo,.partner-template-logo,.pay-operated-by img,.app-center-artwork img{ -webkit-touch-callout:none;user-select:none;-webkit-user-drag:none }

/* Separate the service-country flag from the search command; no nested buttons. */
.top .search{padding:0;min-height:44px;overflow:hidden;cursor:default}
.top .search-open,.top .service-country-button{display:flex;align-items:center;justify-content:center;align-self:stretch;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
.top .search-open{flex:1;justify-content:flex-start;padding-left:12px}
.top .service-country-button{width:44px;flex:none}
.top .search-open:focus-visible,.top .service-country-button:focus-visible{outline:2px solid white;outline-offset:-3px;border-radius:12px}
.partner-search-suggestions button[aria-pressed="true"]{background:#168d85;color:white}
dialog.service-country-dialog{box-sizing:border-box;border:0;width:min(350px,calc(100% - 32px));max-height:calc(100dvh - 40px);margin:auto;overflow:auto;font-family:Montserrat,Arial,sans-serif}
dialog.service-country-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}
.service-country-dialog .btn{width:100%;min-height:44px}
.service-country-options{border:0;padding:0;margin:12px 0;max-height:34vh;overflow:auto}
.service-country-options legend{font-weight:600;font-size:13px;margin-bottom:8px}
.service-country-options label{display:flex;align-items:center;gap:12px;min-height:44px;padding:8px;border-radius:10px;font-size:13px;cursor:pointer}
.service-country-options label:has(input:checked){background:#e2f6f0}
.service-country-options input{margin:0 0 0 auto;width:18px;height:18px;accent-color:#239e95;flex:none}
.service-country-options img{width:26px;height:18px;object-fit:contain}
.service-country-dialog .form-error{color:#bd2525;font-size:11px}
.service-country-dialog .form-error:empty{display:none}

/* One document-based demo colour for every circular user profile photograph. */
:root{--profile-kyc-colour:#d93025}
:root[data-profile-kyc="full"]{--profile-kyc-colour:#57ad32}
:root[data-profile-kyc="medium"]{--profile-kyc-colour:#e7b416}
:root[data-profile-kyc="low"]{--profile-kyc-colour:#d93025}
.phone :is(.top .avatar,.profile-avatar,.favorites-profile-link,.profile-overview>img,.profile-overview>.avatar-fallback,.partner-account-photo,.menuavatar){box-sizing:border-box;border:3px solid var(--profile-kyc-colour);border-radius:50%}
/* Partner widget on the left, return command on the same row at the right. */
.phone .provider-back-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;flex:none}
.phone .provider-back-header>.transfer-provider-logo{width:58px;height:58px;margin:0;object-fit:contain;flex:none}
.phone .provider-back-header>.page-back-row{position:static;width:auto;margin:0;align-self:center;background:transparent}

/* Original supplied signet; UI colour variants keep the lettering and silhouette. */
.profile-kyc-badge{display:inline-block;width:58px;aspect-ratio:115/65;flex:none;line-height:0}
.profile-kyc-badge img{display:block;width:100%;height:100%;object-fit:contain;border:0;box-shadow:none}
.profile-kyc-badge.kyc-medium img{filter:hue-rotate(-40deg) saturate(1.4) brightness(1.08)}
.profile-kyc-badge.kyc-low img{filter:hue-rotate(-110deg) saturate(1.5)}
.profile-pass{position:relative}
.phone .profile-info-content .profile-pass{box-sizing:border-box;width:calc(100% + 28px);max-width:none;margin-inline:-14px}
.profile-pass>.profile-kyc-badge{position:absolute;right:14px;top:10px}
.profile-pass>.pass-label{padding-right:65px;min-height:23px}
.partner-account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.partner-account-heading>h3{margin:0}

.wallet-settings-profile-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.wallet-settings-profile-row>.wallet-profile-badge{margin:0}
.wallet-settings-profile-row>.profile-kyc-badge{width:58px}

/* The page label stays inactive; only the separate gear opens settings. */
.top .toprow:has(.header-settings){gap:8px}
.top .toprow:has(.header-settings) .search{width:110px;flex:0 0 110px}
.top .headtitle:has(.header-settings){min-width:0;flex:1;gap:6px;padding:0}
.top .headtitle:has(.header-settings)>span{min-width:0}
.top .header-settings{display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:44px;padding:6px;border:0;background:transparent;border-radius:10px;cursor:pointer}
.top .header-settings img{display:block;width:27px;height:27px;object-fit:contain;filter:brightness(0) invert(1)}
.top .header-settings:focus-visible{outline:2px solid white;outline-offset:1px}
.phone .pay-dashboard-heading{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;padding-inline:0}
@media(max-width:400px){.top .headtitle:has(.header-settings){font-size:14px}.top .headtitle:has(.header-settings) small{font-size:13px}}

/* Welcome back: two entry choices, without changing the saved sign-in flow. */
.login-entry-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.phone .login-entry-actions .btn{margin:0;min-height:46px;padding:12px 6px;font:600 12px/1.25 Montserrat,Arial,sans-serif;background:#fff;border:1.5px solid;white-space:nowrap}
.phone .login-entry-actions .login-demo-button{border-color:#b76f55;color:#b76f55}
.phone .login-entry-actions .login-onboard-button{border-color:#2db7ad;color:#22978e}
.phone .login-entry-actions select.login-onboard-button{width:100%;min-width:0;appearance:none;-webkit-appearance:none;text-align:center;text-align-last:center;padding-left:8px;padding-right:25px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%2322978e' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 9px center;cursor:pointer}
.login-onboard-button option{background:#fff;color:#26454c}
.login-onboard-button:focus-visible{outline:2px solid #22978e;outline-offset:3px}
.phone #documentContinue[hidden],.phone .journey-arrow[hidden]{display:none !important}

/* Match both title/value gaps and align the two visibility controls on the left. */
.phone .partner-template-number.wallet-private-field { top:calc(6.5% + 7cqw); line-height:1.2; }
.phone .partner-template-balance.wallet-private-field { top:calc(32.7% + 7cqw); }
.wallet-private-field { box-sizing:border-box; padding-left:9cqw; white-space:nowrap; }
.wallet-visibility-toggle { position:absolute; left:-1cqw; top:50%; transform:translateY(-50%); width:9cqw; height:9cqw; display:grid; place-items:center; background:transparent; border:0; padding:1.3cqw; color:inherit; cursor:pointer; border-radius:50%; }
.wallet-visibility-toggle svg { display:block; width:6.2cqw; height:6.2cqw; }
.wallet-visibility-toggle:focus-visible { outline:2px solid currentColor; outline-offset:1px; }
.wallet-visibility-toggle:hover { background:#ffffff18; }


/* Shared content hierarchy: page, dialog and section titles with readable introductions. */
.phone {
  --me-page-title-size:clamp(22px,6vw,24px);
  --me-dialog-title-size:clamp(20px,5.5vw,22px);
  --me-section-title-size:18px;
  --me-title-copy-gap:16px;
  --me-copy-content-gap:24px;
  --me-intro-size:14px;
}
.phone :is(.onboarding-body,.onboarding-content,.standalone-settings-body,.wallet-history-page-header) h2 {
  font-family:Montserrat,Arial,sans-serif; font-size:var(--me-page-title-size); font-weight:600; line-height:1.3;
  margin-top:4px; margin-bottom:var(--me-title-copy-gap);
}
.phone :is(.payment-command-dialog,.id-twin-control-panel,.login-bio-sheet,.authentication-pin-dialog,.account-confirmation-dialog,.profile-privacy-dialog,.app-action-alert-dialog) h2 {
  font-family:Montserrat,Arial,sans-serif; font-size:var(--me-dialog-title-size); font-weight:600; line-height:1.3;
  margin-top:14px; margin-bottom:var(--me-title-copy-gap);
}
.phone :is(.onboarding-body,.onboarding-content,.standalone-settings-body,.payment-command-dialog,.id-twin-control-panel,.login-bio-sheet,.authentication-pin-dialog,.account-confirmation-dialog,.profile-privacy-dialog,.app-action-alert-dialog) h2 + p {
  font-family:Montserrat,Arial,sans-serif; font-size:var(--me-intro-size); font-weight:400; line-height:1.55;
  margin-top:0; margin-bottom:var(--me-copy-content-gap);
}
.phone :is(.send-again,.receive-again,.profile-sharing,.standalone-settings-body,.onboarding-body) h3,
.phone .profile-section {
  font-family:Montserrat,Arial,sans-serif; font-size:var(--me-section-title-size); font-weight:600; line-height:1.35;
  margin-bottom:14px;
}
.phone :is(.send-again,.receive-again,.profile-sharing,.standalone-settings-body,.onboarding-body) h3 + p {
  font-size:13px; line-height:1.55; font-weight:400; margin-top:0; margin-bottom:20px;
}
/* Keep explicit two-line authentication titles within narrow phone screens. */
.phone .auth-title-lines { font-size:clamp(16px,5vw,20px); line-height:1.3; }
.phone h2.send-auth-title { font-size:clamp(17px,5.1vw,22px); line-height:1.35; }
.phone .id-twin-control-panel h2.authentication-failure-title { color:#bd3333; }

/* Shared supplied artwork for result widgets, without the former icon backgrounds. */
.phone img.widget-result-icon{display:block;width:68px;height:68px;flex:none;object-fit:contain;margin:18px auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}
.phone img.widget-status-icon{display:inline-block;width:16px;height:16px;object-fit:contain;vertical-align:middle;margin-right:4px}
/* Success artwork has 14 px transparent padding: match its visible circle to Failed. */
.phone img:is(.widget-result-icon,.widget-status-icon)[src="assets/widget-success-20261006.png"]{transform:scale(1.137931);transform-origin:center}
/* QR card branding and scanner controls keep their compact functional layout. */
.phone .receive-widget-heading h2 { font-size:21px; line-height:1.3; margin:0; }
.phone .payment-qr-scanner-dialog .qr-scanner-heading h2 { font-size:20px; line-height:1.3; margin:0; }
.phone .payment-qr-scanner-dialog .qr-scanner-heading + p { margin-top:0; margin-bottom:0; font-size:13px; line-height:1.5; }

/* Only explicitly identified title/subtitle pairs use half spacing.
   A following alert, security explanation or result message is not a subtitle. */
.phone h2.me-title-with-subtitle{margin-bottom:8px}
.phone h3.me-section-with-subtitle{margin-bottom:7px}
.phone .me-title-with-subtitle + p,
.phone .me-section-with-subtitle + p{margin-top:0}
.phone .wallet-history-heading.me-history-with-subtitle{margin-bottom:12.5px} /* 18px - 7px subtitle overlap: 11px becomes 5.5px. */
/* Partner SmartCard deck: navigation above the complete card and its commands. */
.phone>.smartcard-overlay{padding:12px 16px;box-sizing:border-box}
.phone>.smartcard-overlay .smartcard-dialog{width:min(350px,100%,calc((100vh - var(--safe-area-inset-top,0px) - var(--safe-area-inset-bottom,0px) - 176px)*1242/2302));width:min(350px,100%,calc((100cqh - 160px)*1242/2302));border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.phone>.smartcard-overlay.smartcard-show-qr .smartcard-dialog,.phone>.smartcard-overlay.smartcard-show-control .smartcard-dialog{width:min(350px,100%)}
.smartcard-navigation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;color:white}
.smartcard-navigation>.smartcard-navigation-dot{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none;cursor:pointer}
.smartcard-navigation-dot>span{display:block;width:20px;height:20px;border-radius:50%;background:#fff}
.smartcard-navigation-dot[aria-current="true"]>span{background:#2db7ad}
.smartcard-navigation-dot:focus-visible{outline:2px solid #fff;outline-offset:0}
.smartcard-navigation[hidden]{display:none}
.smartcard-dialog .smartcard-live-template{aspect-ratio:1242/2302;--smartcard-partner-color:#004667;border-radius:28px;container-type:inline-size}
.smartcard-live-template{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;transition:transform .18s ease-out}
.smartcard-live-template.smartcard-dragging{transition:none;cursor:grabbing}
.smartcard-live-template img{-webkit-user-drag:none;-webkit-touch-callout:none}
@media(prefers-reduced-motion:reduce){.smartcard-live-template{transition:none}}
.smartcard-template-base{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.smartcard-live-template .id-pass-portrait{height:65.22%;border-radius:28px 28px 0 0}
.smartcard-live-template .smartcard-close{top:1.5%;right:2%;min-width:52px;min-height:52px;width:52px;height:52px;display:grid;place-items:center}
.smartcard-live-template .smartcard-close img{width:52px;height:52px}
.smartcard-add-photo-window{position:absolute;inset:0 0 auto;height:65.22%;overflow:hidden;border-radius:28px 28px 0 0;background:#dae5e4}
.smartcard-add-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;filter:blur(2px);transform:scale(1.025)}
.smartcard-add-card-title{position:absolute;top:65.22%;left:7%;right:7%;color:#bdcfd5}
.smartcard-add-card-title svg{display:block;width:100%;height:auto}
.smartcard-add-card-title text{fill:currentColor;font:800 245px Montserrat,Arial,sans-serif}
.smartcard-filled::before{content:"";display:block;padding-top:142.73%}
.smartcard-filled .smartcard-template-base{height:auto;clip-path:inset(0 0 23% 0)}
.smartcard-live-footer{position:relative;background:#fff;display:grid;grid-template-columns:27% 47.5% 25.5%;align-items:start;padding:2% 4.5% 4%;box-sizing:border-box;gap:0;color:#111;font:400 10px/1.2 Montserrat,Arial,sans-serif;text-align:left;font-size:clamp(8px,3.4cqw,11.9px)}
.smartcard-live-brand{min-width:0;align-self:start;aspect-ratio:1;margin:0;padding-right:14%;overflow:hidden}
.smartcard-seed-logo{display:block;position:relative;aspect-ratio:1;overflow:hidden}
.smartcard-seed-logo img{position:absolute;max-width:none;width:520%;height:auto;left:-22%;top:-755%}
.smartcard-live-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;max-height:65px}
.smartcard-live-logo.smartcard-social-logo{border-radius:0;max-height:none;aspect-ratio:1;height:auto}
.smartcard-logo-placeholder{display:grid;place-items:center;aspect-ratio:1;border:1px solid #acdcd8;border-radius:50%;color:#167e78;font-weight:600;font-size:18px}
.smartcard-live-data{min-width:0;padding:0 3% 0 0;text-align:left}
.smartcard-partner-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font:600 11px/1.2 Montserrat,Arial,sans-serif;font-size:clamp(8px,3.6cqw,12.6px);color:#111;margin:0}
.smartcard-country{display:block;margin-top:.25em;overflow-wrap:anywhere;font-weight:400}
.smartcard-validity{margin:0;display:flex;flex-direction:column;gap:.2em}.smartcard-validity + .smartcard-validity{margin-top:1em}.smartcard-live-data .smartcard-partner-info{margin-top:1.6em}
.smartcard-validity-label{font-weight:400;color:#004667;font-size:.9em}
.smartcard-validity-date{color:#000;font-weight:700;font-size:14px;font-size:clamp(11px,4.6cqw,16px);white-space:nowrap}.smartcard-country{color:#a6a6a6}
.smartcard-live-qr{display:block;align-self:start;background:#fff;border:0;border-radius:0;box-shadow:none;padding:0;cursor:zoom-in;min-width:0;width:100%;margin:0}
.smartcard-live-qr canvas{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:1}
.smartcard-dialog .id-twin-scan-prompt{margin:20px 0 0;text-align:center}.smartcard-dialog .id-twin-scan-prompt .btn{min-height:44px;padding:10px;margin:0;width:100%;font-size:12px;line-height:1.25}.smartcard-dialog .id-twin-scan-prompt p{font-size:10px;line-height:1.35;margin:7px 0 0;color:white}
.smartcard-qr-canvas{display:block;width:min(100%,250px);height:auto;aspect-ratio:1;margin:16px auto}
.smartcard-generation-dialog{padding:22px;border-radius:24px;color:#25414a;background:#fff}
.smartcard-generation-dialog form{text-align:left}.smartcard-generation-dialog .label{display:block;font-size:12px;margin:12px 0 6px}.smartcard-generation-dialog select,.smartcard-generation-dialog input{box-sizing:border-box;width:100%;min-width:0;min-height:44px;border:1px solid #d8e6e5;border-radius:12px;background:#fff;padding:10px;color:#25414a;font:400 13px Montserrat,Arial,sans-serif}
.smartcard-generation-dialog [aria-invalid="true"]{border:2px solid #c52e35;background:#fff5f5}.smartcard-generation-dialog .form-error{font-size:11px;line-height:1.4}.smartcard-generation-dialog .form-error:empty{display:none}.smartcard-generation-dialog h2{font-size:21px}.smartcard-generation-dialog .btn{margin-top:12px}

/* Standalone notification inbox, without the shared header or footer. */
.phone .notifications-page-content {padding:20px 24px 24px;}
.notifications-page {min-width:0;text-align:left;}
.notifications-page-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;}
.notifications-page-heading h2 {font:600 24px/1.25 Montserrat,Arial,sans-serif;margin:0;text-align:left;overflow-wrap:anywhere;}
.notifications-page-heading > .page-back-row {position:static;align-self:flex-start;width:auto;min-height:44px;margin:0;background:transparent;z-index:auto;}
.notifications-page .expiry-notification-list {display:grid;gap:12px;text-align:left;}
.notifications-page .expiry-notification {border:1px solid #bcd8d5;border-radius:16px;padding:14px;background:white;}
.notifications-page .expiry-notification p {font-size:14px;line-height:1.5;margin:0 0 12px;color:#254047;overflow-wrap:anywhere;}
.notifications-page .expiry-notification.is-resolved {background:#f3f6f6;}
.notifications-page .expiry-notification .btn {margin:0;min-height:44px;font-size:12px;}
.phone input#documentExpiry[aria-invalid="true"] {border:2px solid #c42b30;background:#fff4f4;}

/* Pending actions only: never display a zero notification badge. */
.favorites-message-count[hidden]{display:none!important}

/* Passport capture uses one landscape photo/details page. */
.phone .passport-camera{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:18px;padding:64px 24px 26px;background:radial-gradient(ellipse at center,#263a3b 0%,#171b1d 75%);color:#fff;overflow-y:auto;font-family:Montserrat,Arial,sans-serif;text-align:center}
.passport-camera header{max-width:360px;margin:0 auto}
.passport-camera h2{font-size:23px;line-height:1.25;color:#fff;margin:12px 0 8px}
.passport-camera header p,.passport-camera .passport-camera-hint{font-size:13px;line-height:1.5;color:#e3ecec;margin:0}
.passport-capture-count{display:inline-block;border:1px solid #74cbc6;border-radius:20px;padding:5px 14px;font-size:11px;color:#91dcd6}
.passport-page-frame{width:100%;max-width:360px;flex:none;box-sizing:border-box;margin:auto 0 0;border:2px solid #65ccc2;border-radius:20px;padding:10px;color:#c3d2d1;background:#ffffff04;box-shadow:0 0 0 6px #65ccc209}
.passport-page-frame svg{display:block;width:100%;height:auto}
.passport-camera .passport-camera-hint{max-width:320px;margin-bottom:auto}
.passport-capture-actions{display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:12px;font-size:13px}
.passport-camera .passport-shutter{position:static;display:grid;place-items:center;width:72px;height:72px;min-height:72px;border:3px solid #fff;border-radius:50%;padding:5px;background:transparent;box-shadow:none}
.passport-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:#fff}
.passport-capture-actions small{font-size:9px;line-height:1.4;color:#c1cecd}
.passport-camera .passport-camera-close{position:absolute;left:auto;right:14px;top:12px;bottom:auto;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#ffffff12;box-shadow:none;color:#fff;font:300 30px/1 Montserrat,Arial,sans-serif}
@media(max-height:680px){.phone .passport-camera{gap:12px;padding:50px 22px 16px}.passport-camera h2{font-size:20px}.passport-camera header p,.passport-camera .passport-camera-hint{font-size:11px}.passport-page-frame{max-width:290px}.passport-camera .passport-shutter{width:60px;height:60px;min-height:60px}.passport-capture-actions{padding-top:0;gap:6px}}

/* Favorites and its Notifications tile share the same unresolved-alert count. */
.tabs .tab-icon{position:relative}
.tabs .favorites-footer-count{position:absolute;top:0;right:0;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;box-sizing:border-box;border-radius:999px;background:#df514b;color:#fff;font:600 10px/1 Montserrat,Arial,sans-serif;box-shadow:none}
.tabs .favorites-footer-count[hidden]{display:none!important}
/* Support catalogue and device-local demo conversation. */
.favorites-support-icon { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.me-support { min-width: 0; padding-bottom: 16px; }
.me-support > h2 { margin-bottom: 8px; }
.me-support > p { margin-top: 0; }
.support-label { display: block; font-size: 13px; font-weight: 600; margin: 16px 0 7px; }
.me-support input, .me-support select, .me-support-bot textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 12px; border: 1px solid #a5cfcc; border-radius: 14px; background: #fff; color: #23434b; font: inherit; font-size: 14px; }
.me-support .support-note, .me-support-bot .support-note { font-size: 12px; line-height: 1.5; color: #587178; }
.support-answer { margin: 10px 0; border: 1px solid #d6e5e5; border-radius: 16px; background: white; overflow: hidden; }
.support-answer summary { cursor: pointer; padding: 16px; font-size: 14px; line-height: 1.45; font-weight: 600; overflow-wrap: anywhere; }
.support-answer[open] summary { color: #167f7c; }
.support-answer p { margin: 0; padding: 0 16px 16px; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.support-assistant-cta { display: flex; align-items: center; gap: 14px; width: 100%; margin: 22px 0; padding: 16px; border: 1px solid #a8d7d2; border-radius: 18px; background: #eaf7f4; color: #23434b; text-align: left; font: inherit; cursor: pointer; }
.support-assistant-cta img { width: 54px; height: 54px; object-fit: contain; }
.support-assistant-cta > span:first-of-type { flex: 1; }
.support-assistant-cta strong, .support-assistant-cta small { display: block; }
.support-assistant-cta strong { font-size: 15px; }
.support-assistant-cta small { font-size: 12px; margin-top: 5px; }
.support-personal h3 { font-size: 17px; }
dialog.me-support-bot { box-sizing: border-box; width: min(94vw, 440px); max-width: 94vw; max-height: 88vh; margin: auto; padding: 20px; border: 0; border-radius: 24px; background: #fff; color: #23434b; overflow-y: auto; font-family: Montserrat, sans-serif; }
.me-support-bot::backdrop { background: #123d3bab; }
.me-support-bot header { display: flex; gap: 12px; align-items: center; }
.me-support-bot header img { width: 44px; height: 44px; }
.me-support-bot header h2 { flex: 1; font-size: 18px; margin: 0; }
.me-support-bot .support-close { width: 40px; height: 40px; border: 0; border-radius: 50%; font-size: 26px; color: #23434b; background: #edf6f5; cursor: pointer; }
.support-chat-log { max-height: 34vh; min-height: 100px; overflow-y: auto; overscroll-behavior: contain; padding: 4px 2px; }
.support-bubble { max-width: 92%; padding: 12px; margin: 8px 0; border-radius: 16px; background: #eef6f5; font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.support-bubble.user { margin-left: auto; background: #d7f0ed; }
.support-bubble b { font-size: 11px; color: #207c78; }
.support-bubble p { margin: 4px 0 0; font-size: inherit; line-height: inherit; }
.support-suggestions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.support-suggestions button { border: 1px solid #a5cfcc; border-radius: 16px; background: white; color: #236d69; font: inherit; font-size: 11px; padding: 8px 10px; cursor: pointer; }
.me-support-bot textarea { resize: vertical; max-height: 140px; }
.me-support-bot .btn { width: 100%; margin-top: 10px; }
.me-support button:active, .support-suggestions button:active { background: #ceeae6; }

.phone .app-action-alert-dialog.app-action-success { border-color: #b5d8bb; }
.phone .app-action-success :is(h2,p) { color: #24733c; }
.phone .app-action-success .btn { background: #278749; border-color: #278749; color: white; }
.phone .app-action-success .btn.secondary { background: white; color: #24733c; }

/* Manage Credit: live values over the supplied turquoise card layout. */
.manage-credit-launch { display:flex; align-items:center; justify-content:center; gap:12px; width:100%; margin:18px 0; padding:14px; background:white; border:1px solid #b9dedd; border-radius:18px; color:#197c78; font:600 15px Montserrat,sans-serif; cursor:pointer; }
.manage-credit-launch img { width:36px; height:36px; object-fit:contain; }
dialog.manage-credit-dialog, dialog.credit-configuration { box-sizing:border-box; width:min(94vw,520px); max-width:94vw; max-height:90vh; margin:auto; overflow:auto; border:0; border-radius:24px; padding:22px; background:white; color:#23434b; font-family:Montserrat,sans-serif; }
.manage-credit-dialog::backdrop, .credit-configuration::backdrop {background:#103e3ba8;}
.credit-dialog-heading {display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;}
.credit-partner-logo {flex:none;width:42px;height:42px;object-fit:contain;}
.credit-heading-copy {flex:1;min-width:0;}
.manage-credit-dialog .credit-provider-mention {font:400 13px/1.4 Montserrat,Arial,sans-serif;margin:6px 0 0;overflow-wrap:anywhere;}
.credit-dialog-heading h2 {flex:1;font-size:21px;margin:0;}
.credit-close {flex:none;width:40px;height:40px;background:#edf7f5;border:0;border-radius:50%;font-size:28px;color:#23434b;cursor:pointer;}
.manage-credit-card {--credit-label-gap:14px;position:relative;background:linear-gradient(to bottom,#020909 0%,#020909 8%,#2db7ad 55%,#fff 100%);color:white;border-radius:24px;padding:24px 20px;}
.credit-outstanding-label {font-size:15px;padding-right:44px;line-height:1.5;}
.credit-outstanding {display:block;font-size:34px;font-weight:700;margin:var(--credit-label-gap) 0 24px;line-height:1.2;overflow-wrap:anywhere;}
.credit-config {position:absolute;top:20px;right:16px;width:42px;height:42px;padding:0;background:transparent;color:white;border:0;font-size:38px;line-height:1;cursor:pointer;}
.manage-credit-card p {color:white;font-size:13px;line-height:1.5;margin:0 0 var(--credit-label-gap);}
.credit-utilization {height:18px;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:25px;}
.credit-utilization span {display:block;height:100%;background:#087f83;}
.credit-repayment-grid {display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.credit-repayment-grid label {color:#23434b;display:block;font-size:12px;line-height:1.4;margin:0 0 var(--credit-label-gap);}
.credit-repayment-grid strong {display:block;padding:14px 10px;background:white;border-radius:12px;color:#23434b;font-size:15px;overflow-wrap:anywhere;}
.credit-explanation {font-size:13px;line-height:1.7;}
.credit-configuration h2 {font-size:21px;}
.credit-configuration label {display:block;font-size:14px;font-weight:600;margin:18px 0;}
.credit-configuration select {width:100%;font:inherit;font-weight:400;padding:12px;border:1px solid #acd3ce;border-radius:12px;background:white;color:#23434b;margin-top:8px;}
.credit-configuration p {font-size:13px;line-height:1.6;}
.credit-configuration .btn {width:100%;}
@media(max-width:380px){.manage-credit-card{padding:20px 14px}.credit-repayment-grid{gap:10px}.credit-outstanding{font-size:28px}.credit-repayment-grid strong{font-size:13px}.credit-outstanding-label{font-size:13px}}

.credit-config img {display:block;width:100%;height:100%;object-fit:contain;}
.credit-utilization span {transition:width .35s ease;}
.credit-settings-fields {display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.credit-settings-fields label {margin:10px 0 14px;}
.credit-recap {background:#edf7f5;border:1px solid #c8e5e1;border-radius:16px;padding:14px;}
.credit-recap h3 {font-size:15px;margin:0 0 5px;}
.credit-recap p {font-size:12px;margin:0 0 8px;}
.credit-recap dl {margin:0;}
.credit-recap dl > div {display:flex;justify-content:space-between;gap:14px;padding:4px 0;font-size:12px;line-height:1.4;}
.credit-recap dt {flex:1;}
.credit-recap dd {flex:1.2;margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere;}
.credit-configuration .credit-settings-note {font-size:11px;line-height:1.45;margin:12px 0;}
.credit-configuration #creditConfigError:empty {display:none;}
@media(prefers-reduced-motion:reduce){.credit-utilization span{transition:none;}}

.credit-config img {filter:brightness(0) invert(1);}
.credit-configuration h2 {margin:0 0 12px;}
.credit-settings-actions {display:flex;gap:12px;}
.credit-settings-actions .btn {flex:1;width:auto;margin:0;}
.credit-configuration .micro-credit-signature {display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;}
.micro-credit-signature input {flex:none;width:22px;height:22px;margin:0;accent-color:#258f87;}
.micro-credit-offer #microCreditError {color:#c62828;}
.micro-credit-offer #microCreditError:empty {display:none;}
.micro-credit-offer .credit-settings-note {font-size:12px!important;line-height:1.5;}
dialog.micro-credit-offer {width:min(94vw,560px);padding:18px;}
.micro-credit-offer > p {margin:8px 0;}
.micro-credit-offer .credit-settings-fields label {margin:4px 0 10px;}
.micro-credit-offer .credit-settings-fields select {padding:10px;}
.micro-credit-offer .credit-recap {padding:12px;}
.micro-credit-offer .credit-recap dl > div {padding:3px 0;}
.micro-credit-offer .micro-credit-signature {margin:12px 0;}
.wallet-settings-profile-row>.me-pay-profile-selector {margin:0;width:150px;max-width:100%;height:25px;flex:none}

/* Consistent onboarding page titles and read-only indicators in both languages. */
.onboarding-body > h2, .onboarding-body > h2 *, .payment-link-page > h2, .passport-camera header h2, .pro-profile-page > h2 {text-transform:uppercase!important;}
.document-read-only, .profile-section .document-read-only {color:#c62828!important;}
.passport-camera header h2, .pro-profile-page > h2 {text-transform:uppercase;}

.document-read-only {opacity:1!important;}

/* Label casing is applied to translated text by formatAppLabel, so “by” stays lowercase. */
.phone :is(.wallet-action > span,.orange-command > span:last-child,.partner-template-actions button > span,.favorites-label,.partner-widget-label,.maxit-shortcut-label,.profile-document-card > strong,.service > span:first-child) {text-transform:none;}

/* Android 11 / older WebView: avoid native square focus/tap decoration.
   Plain selectors intentionally avoid :is() and :focus-visible dependencies. */
.android-11 button,
.android-11 [role="button"] {
  -webkit-appearance:none;
  appearance:none;
  -webkit-tap-highlight-color:transparent;
}
.android-11.pointer-navigation button:focus,
.android-11.pointer-navigation [role="button"]:focus {
  outline:none!important;
}
/* Android can retain :active after opening a dialog. Only the physical press
   may decorate action artwork; the footer's selected state is untouched. */
.android-11.pointer-navigation .orange-command:not(.me-command-pressed),
.android-11.pointer-navigation .orange-command:not(.me-command-pressed) .orange-command-picture,
.android-11.pointer-navigation .orange-command:not(.me-command-pressed) img,
.android-11.pointer-navigation .wallet-action:not(.me-command-pressed),
.android-11.pointer-navigation .partner-template-actions button:not(.me-command-pressed) {
  outline:none!important;
}
.android-11.pointer-navigation .orange-command:not(.me-command-pressed) .orange-command-picture::after {content:none!important;}
.android-11.pointer-navigation .orange-command:not(.me-command-pressed) {color:#8f9698!important;}
.android-11 .orange-command.me-command-pressed .orange-command-picture {
  outline:2px solid var(--partner-accent,#ff7900);
  outline-offset:-3px;
}

/* Anchor the alert to the star artwork, not to its full-width footer cell. */
.tabs .favorites-star-anchor {position:relative;display:inline-block;line-height:0;flex:none;}
.tabs .favorites-star-anchor .favorites-footer-count {top:0;right:0;transform:translate(20%,-10%);z-index:1;}
/* Support occupies the full content page, retaining the shared footer navigation. */
.phone .me-support-page-content {padding:20px 24px 24px;}
.me-support-page-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;}
.me-support-page-heading .me-support-page-title {margin:0;}
.me-support-page-heading > .page-back-row {position:static;align-self:flex-start;width:auto;min-height:44px;margin:0;background:transparent;z-index:auto;}
.me-support > p {font-size:14px;line-height:1.65;}
.me-support-page-title {font:600 24px/1.25 Montserrat,Arial,sans-serif;margin:4px 0 16px;}
.me-support-page-title > span {display:block;}

/* Settings return control stays beside the heading, without a banner. */
.credit-settings-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px;}
.credit-configuration .credit-settings-heading h2 {margin:0;flex:1;min-width:0;}
.credit-settings-heading > .page-back-row {position:static;align-self:flex-start;width:auto;min-height:44px;margin:0;background:transparent;z-index:auto;}

/* Driving licence: frame the complete reverse side, without a cropped dotted zone. */
.phone .license-back-camera{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px;min-height:100%;padding:26px 24px 22px;background:linear-gradient(150deg,#26292d,#13191f);color:#fff;text-align:center;overflow:auto}
.license-back-camera header{padding:18px 18px 0;width:100%}.license-back-camera h2{font:600 19px/1.35 Montserrat,Arial,sans-serif;margin:14px 0}.license-back-camera header p,.license-camera-hint{font:400 14px/1.6 Montserrat,Arial,sans-serif;margin:0;max-width:390px}
.license-capture-count{font:600 12px Montserrat,Arial,sans-serif;color:#b5dcd9}.license-camera-close{position:absolute;right:10px;top:9px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff;font:300 34px/1 Arial;cursor:pointer}
.license-whole-card-frame{width:100%;max-width:410px;aspect-ratio:360/227;flex:none;color:#fff}.license-whole-card-frame svg{display:block;width:100%;height:100%}.license-camera-hint{color:#e1eceb}.license-capture-actions{display:flex;flex-direction:column;align-items:center;gap:9px;font:600 12px Montserrat,Arial,sans-serif}.license-shutter{display:grid;place-items:center;width:74px;height:74px;border:3px solid white;border-radius:50%;padding:5px;background:transparent;cursor:pointer}.license-shutter span{display:block;width:100%;height:100%;border-radius:50%;background:white}.license-capture-actions small{font:400 10px/1.5 Montserrat,Arial,sans-serif;color:#b6c5c5}
@media(max-height:700px){.phone .license-back-camera{gap:14px;padding:16px 22px}.license-back-camera header{padding-top:9px}.license-back-camera h2{font-size:17px;margin:10px 0}.license-back-camera header p,.license-camera-hint{font-size:12px}.license-whole-card-frame{max-width:340px}.license-shutter{width:64px;height:64px}}
.license-back-camera .license-shutter{position:static;border:3px solid #fff;background:transparent}.phone .license-back-camera{position:absolute;min-height:0}

/* SmartCard amendment: start/end validity above partner and City, COUNTRY. */
.smartcard-generation-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;text-align:left}
.smartcard-generation-heading h2{margin:0;min-width:0;flex:1}
.smartcard-scan-command{display:block;flex:0 0 54px;width:54px;height:54px;border:0;padding:0;background:transparent;cursor:pointer}
.smartcard-scan-command img{display:block;width:100%;height:100%;object-fit:contain}
.smartcard-scan-dialog{max-width:400px;width:calc(100% - 32px);max-height:90%;overflow:auto;border:0;border-radius:24px;padding:22px;font-family:Montserrat,Arial,sans-serif;color:#25414a}
.smartcard-scan-dialog video{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#183d40;border-radius:16px}
.smartcard-scan-dialog::backdrop{background:#163c4580}
.smartcard-scan-dialog textarea{width:100%;box-sizing:border-box;font:inherit}
.smartcard-filled .id-pass-portrait{height:auto;aspect-ratio:1/1.207;object-fit:cover}
.smartcard-dialog .smartcard-live-template.smartcard-filled{aspect-ratio:auto;height:auto}
.smartcard-filled .id-pass-photo-title{top:0;bottom:auto;margin-top:100.7%}
.smartcard-filled .id-pass-portrait-shade{top:0;margin-top:86.5%;height:auto;aspect-ratio:1/.342}
.smartcard-live-footer{padding-bottom:5%}
.smartcard-prefill-success{color:#167e78;font:400 13px/1.5 Montserrat,Arial,sans-serif;margin:14px 0}
.smartcard-date-field{position:relative}
.smartcard-date-field>input[type=text]{padding-right:54px}
.smartcard-calendar-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#18766f;pointer-events:none}
.smartcard-calendar-icon svg{width:100%;height:100%}
.smartcard-date-field>input.smartcard-date-picker{position:absolute;right:0;top:0;bottom:0;width:48px;height:100%;min-width:0;margin:0;padding:0;opacity:0;cursor:pointer}
.smartcard-date-picker::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
.smartcard-date-field:focus-within .smartcard-calendar-icon{outline:2px solid #18766f;outline-offset:4px;border-radius:4px}

.details-sim-block{margin-top:24px}
.details-sim-block+.details-sim-block{border-top:1px solid #d6e5e4;padding-top:12px}
.details-sim-block .phone-fields{grid-template-columns:minmax(110px,1fr) minmax(0,1.8fr)}
.details-sim-block .phone-fields .label{min-width:0}

/* Use the same small annotation size beneath the name and beside ID headings. */
.phone :is(.profile-overview,.profile-section) .document-read-only{font-size:13px;font-weight:300;line-height:1.4}
.phone .profile-section .profile-optional{font-size:13px;font-weight:300;line-height:1.4}

.smartcard-generation-heading .smartcard-scan-command{display:flex;flex-direction:column;align-items:center;flex:0 0 72px;width:72px;height:auto;gap:5px}
.smartcard-generation-heading .smartcard-scan-command img{width:72px;height:64px}
.smartcard-scan-command span{font:500 10px/1.3 Montserrat,Arial,sans-serif;color:#a2adaf;text-align:center}
.smartcard-generation-dialog .smartcard-fixed-end{color:#a6afb1;background:#f5f7f7;opacity:1;-webkit-text-fill-color:#a6afb1;cursor:default}
.smartcard-generation-info{font:400 13px/1.6 Montserrat,Arial,sans-serif;color:#61777b;margin:14px 0}
.smartcard-partner-picker{border:1px solid #bdd6d6;border-radius:14px;background:#fff;margin:8px 0 18px;overflow:hidden}
.smartcard-partner-picker>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 12px;list-style:none;cursor:pointer;font:400 14px Montserrat,Arial,sans-serif}
.smartcard-partner-picker>summary::-webkit-details-marker{display:none}
.smartcard-partner-picker>summary::after{content:"▾";flex:none}
#smartCardPartnerValue{display:flex;align-items:center;gap:12px;min-width:0}
.smartcard-partner-picker [role=listbox]{max-height:230px;overflow:auto;border-top:1px solid #dceaea}
.smartcard-partner-picker [role=option]{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 12px;border:0;background:#fff;color:#25414a;text-align:left;cursor:pointer}
.smartcard-partner-picker [role=option]:disabled{opacity:.45;cursor:not-allowed}
.smartcard-partner-picker [role=option]:hover,.smartcard-partner-picker [role=option][aria-selected=true]{background:#eaf7f5}
.smartcard-partner-option-logo{display:block;flex:0 0 42px;width:42px;height:42px}
.smartcard-partner-option-logo>img,.smartcard-partner-option-logo>.smartcard-seed-logo{width:42px;height:42px;object-fit:contain}
.smartcard-partner-option-text{display:flex;flex-direction:column;gap:4px;min-width:0}
.smartcard-partner-option-text strong{font:600 12px/1.4 Montserrat,Arial,sans-serif;overflow-wrap:anywhere}
.smartcard-partner-option-text small,.smartcard-partner-picker [role=option]>small{font:400 10px/1.4 Montserrat,Arial,sans-serif;color:#73888c}
.smartcard-partner-picker [aria-invalid=true]{outline:2px solid #b53535;outline-offset:-2px}

.smartcard-partner-name{display:block;-webkit-line-clamp:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}

/* Orange airtime uses saved SIM identities and an independent funding profile. */
.top-up-title{display:flex;align-items:center;gap:12px;padding-right:48px;margin:10px 0 12px}
.top-up-title img{width:46px;height:46px;object-fit:contain;flex-shrink:0}
.top-up-title h2{margin:0;font-size:22px}
#topUpProfileSelector{margin:0 0 18px}
.top-up-sim-picker{position:relative;margin-bottom:22px}
.top-up-sim-picker summary{list-style:none;cursor:pointer}
.top-up-sim-picker summary::-webkit-details-marker{display:none}
#topUpSimValue,.top-up-sim-picker [role=option]{display:flex;align-items:center;gap:8px;text-align:left}
#topUpSimValue{font-size:14px;min-width:0}
.top-up-sim-picker .country-list{position:absolute;z-index:4;width:100%;max-height:180px;overflow:auto}
.top-up-sim-picker [role=option]{width:100%;font-size:14px}

/* SIM 2 belongs below SIM 1, with email retaining the full row. */
.profile-grid .profile-sim-two{grid-column:2}
/* Visible dates have a fixed format; the accessible calendar retains ISO values. */
.app-date-field{position:relative;display:block;width:100%}
.app-date-field>input[type="text"]{width:100%;padding-right:50px;box-sizing:border-box}
.app-date-calendar{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:24px;color:#237b78;pointer-events:none}
.app-date-field>input.app-date-picker{position:absolute;right:0;top:0;bottom:0;width:48px;height:100%;padding:0;margin:0;opacity:0;cursor:pointer}
.app-date-picker::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;cursor:pointer}
.app-date-field:focus-within .app-date-calendar{color:#124e4b}

/* Intro sound: icon only, with a visible on/off state and a keyboard focus ring. */
.startup-sound{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;padding:10px;border:1px solid #ffffff70;border-radius:50%;background:#0009;color:#fff;cursor:pointer;touch-action:manipulation}
.startup-sound svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.startup-sound[data-sound="off"] .sound-on,.startup-sound[data-sound="on"] .sound-off{display:none}
.startup-sound:focus-visible{outline:2px solid #fff;outline-offset:3px}