.mpos-no-scroll { overflow: hidden; }

.mpos-modal-wrap {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  display: none;
  z-index: 99999;
}
.mpos-modal-wrap.open { display: block; }

.mpos-modal {
  background: #fff; color: #222;
  max-width: 420px; margin: 10vh auto; padding: 20px 24px;
  border-radius: 10px; position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}
.mpos-close {
  position: absolute; top: 8px; right: 10px; border: 0; background: transparent; font-size: 24px; line-height: 1; cursor: pointer;
}
.mpos-title { margin: 0 0 10px; font-size: 18px; }
.mpos-line { font-size: 14px; margin: 10px 0 16px; }
.mpos-num { font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; }

.mpos-step { margin-top: 10px; }
.mpos-label { display:block; margin-bottom:6px; }
.mpos-otp {
  width: 160px; padding: 8px 10px; font-size: 18px; letter-spacing: 3px; text-align: center;
  border: 1px solid #ccc; border-radius: 6px;
}
.mpos-actions { margin-top: 12px; display: flex; gap: 8px; flex-wrap: wrap; }

.mpos-msg { margin-top: 12px; color: #c00; min-height: 1em; }

.mpos-toast {
  position: fixed; left: 50%; transform: translateX(-50%);
  bottom: 24px; padding: 10px 14px; border-radius: 8px; color: #fff; font-size: 14px;
  background: #333; z-index: 100000; box-shadow: 0 8px 24px rgba(0,0,0,.3);
}
.mpos-toast.ok { background: #16a34a; }
.mpos-toast.err { background: #dc2626; }

/* Field states */
#mepr_whatsapp_number.mpos-verify-pending { outline: 2px dashed #16a34a; outline-offset: 2px; }
#mepr_whatsapp_number.mpos-verified {
  border-color: #16a34a !important; box-shadow: 0 0 0 2px rgba(22,163,74,.15);
}
.mpos-change-link {
  display:inline-block; margin-left:8px; font-size:12px; text-decoration: underline; cursor:pointer;
}