/* MTN MoMo payment sheet extras: logo, dial-code hint, number hint.
   MoMo logo rules (MTN brand guidelines): payment stage only, bottom-right corner of the message,
   white background, equal gap to the right and bottom edges = the size of the logo's icon (about 41% of its width). */
.nh-momo-logo{position:absolute;right:43px;bottom:calc(43px + env(safe-area-inset-bottom,0px));width:104px;line-height:0;pointer-events:none;}
.nh-momo-logo img{display:block;width:104px;height:auto;}
.nh-unlock-sheet:has(> .nh-momo-logo){padding-bottom:calc(43px + 46px + 20px + env(safe-area-inset-bottom,0px));}
.nh-unlock-ussd{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--muted,#5b6b7f);text-align:center;}
.nh-unlock-ussd a{font-weight:800;color:var(--brand,#132d4c);text-decoration:underline;white-space:nowrap;}
.nh-unlock-help{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--muted,#5b6b7f);}
.nh-unlock-input.is-bad{border-color:var(--danger,#d92d20);}
.nh-unlock-who{margin:12px 0;padding:12px 14px;border-radius:16px;background:#f4f7fa;color:var(--muted,#5b6b7f);font-size:14px;line-height:1.5;}
.nh-unlock-who.is-ok{background:#effaf3;color:#1f5e37;border:1px solid #d3efdc;}
.nh-unlock-who.is-warn{background:#fff7e6;color:#8a5a00;border:1px solid #f6e2b3;}
.nh-unlock-who strong{font-weight:800;}
.nh-unlock-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line,#e3e9f0);}
.nh-unlock-av{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#1d6fd1,#17284b);color:#fff;font-weight:800;font-size:20px;}
.nh-unlock-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.nh-unlock-head-text{flex:1;min-width:0;}
.nh-unlock-head-text .nh-unlock-title{margin:0;font-size:18px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;}
.nh-unlock-sub{margin:3px 0 10px;font-size:13.5px;line-height:1.4;color:var(--muted,#5b6b7f);}
.nh-unlock-pill{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:9999px;background:var(--brand-light,#e8f6fd);color:var(--brand,#132d4c);font-size:14px;font-weight:800;white-space:nowrap;}
.nh-unlock-x{flex:none;width:44px;height:44px;border:0;border-radius:50%;background:var(--page,#f4f7fa);color:var(--brand,#132d4c);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.nh-unlock-x:focus-visible{outline:3px solid var(--brand,#132d4c);outline-offset:2px;}