/* Pey OTP styles */
.pey-otp-card{
  max-width:420px;
  margin:20px auto;
  padding:16px;
  border:1px solid #eee;
  border-radius:14px;
  background:#fff;
  box-shadow:0 2px 12px rgba(0,0,0,.04);
  font-family:inherit
}
.pey-row{margin:0 0 10px}
.pey-row label{display:block;margin-bottom:6px;font-weight:600}
.pey-row input{
  width:100%;
  padding:10px 12px;
  border:1px solid #ddd;
  border-radius:10px
}
.pey-btn{
  padding:12px 16px;
  border:none;
  border-radius:10px;
  background:#007cba;
  color:#fff;
  font-weight:700;
  cursor:pointer
}
.pey-btn.wide{width:100%}
.pey-btn:disabled{opacity:.6;cursor:not-allowed}
.pey-btn-secondary{background:#6b7280}
.pey-msg{margin-top:12px;min-height:22px}
.pey-success{color:#0a7a26}
.pey-error{color:#b20000}
.pey-top.disabled input,
.pey-top.disabled button{background:#f7f7f7;color:#777}
.pey-resend-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.pey-help{opacity:.75}
.pey-captcha .pey-cap-row{display:flex;gap:8px}
.pey-captcha .pey-cap-row input{flex:1}
.pey-captcha .pey-cap-row button{flex:none}
.pey-mode-switch{
  display:flex;
  gap:8px;
  margin:0 0 14px
}
.pey-mode-btn{
  flex:1;
  padding:10px 12px;
  border:1px solid #d1d5db;
  border-radius:10px;
  background:#f9fafb;
  cursor:pointer;
  font-weight:700
}
.pey-mode-btn.is-active{
  background:#007cba;
  color:#fff;
  border-color:#007cba
}
.pey-hidden{display:none !important}