/* Aveade Business Central OTP: credential cards only. Does not alter radio inputs or their values. */
.aveade-stage--otp #kc-otp-login-form input[type="radio"][name="selectedCredentialId"] {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  pointer-events:none!important;
}
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label {
  position:relative!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  flex:1 1 calc(50% - 7px)!important;
  min-width:0!important;
  min-height:68px!important;
  padding:16px 57px 16px 20px!important;
  margin:0!important;
  border:1px solid #dbe1e8!important;
  border-radius:14px!important;
  background:#fff!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#253143!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  animation:none!important;
  transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
/* Hide v1's radio badge, which was positioned on the top corner. */
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label::before {
  content:none!important;
  display:none!important;
}
/* A fixed, vertically-centred selection badge on the right of each card. */
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label::after {
  content:""!important;
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  top:50%!important;
  left:auto!important;
  right:18px!important;
  bottom:auto!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  border:1.5px solid #bbc5d2!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#fff!important;
  font:700 13px/1 Arial,sans-serif!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
  pointer-events:none!important;
  box-shadow:none!important;
  animation:none!important;
}
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label:is(:hover,:active) {
  background:#fff!important;
  border-color:#bfc9d5!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  animation:none!important;
}
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"]:checked + label,
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"]:checked + label:is(:hover,:active) {
  border-color:#ef661e!important;
  background:#fff8f3!important;
  box-shadow:0 0 0 1px rgba(239,102,30,.14)!important;
  color:#182232!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  filter:none!important;
  animation:none!important;
}
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"]:checked + label::after {
  content:"✓"!important;
  border-color:#ef661e!important;
  background:#ef661e!important;
  color:#fff!important;
}
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"]:focus-visible + label {
  outline:3px solid rgba(239,102,30,.24)!important;
  outline-offset:3px!important;
}
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label *,
.aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label *:is(:hover,:active) {
  transform:none!important;
  translate:none!important;
  scale:1!important;
  animation:none!important;
  filter:none!important;
}
@media(max-width:420px) {
  .aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label {
    min-height:62px!important;
    padding:13px 48px 13px 15px!important;
  }
  .aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label::after {right:14px!important;}
}
@media(prefers-reduced-motion:reduce) {
  .aveade-stage--otp #kc-otp-login-form input[name="selectedCredentialId"] + label {transition:none!important;}
}