/* Scoped to the unified password page. Provider fields and MFA keep their theme. */
.finlyft-unified-signin .pf-v5-c-button.pf-m-primary {
  border-radius:10px;
}
.finlyft-login-alternative {
  display:grid;
  gap:14px;
  min-width:0;
}
.finlyft-login-alternative[hidden], .finlyft-passkey-button[hidden] {
  display:none !important;
}
.finlyft-login-divider {
  display:flex;
  align-items:center;
  gap:14px;
  color:#71839a;
  font-size:12px;
  font-weight:400;
  line-height:18px;
}
.finlyft-login-divider::before, .finlyft-login-divider::after {
  content:"";
  flex:1;
  height:1px;
  background:#e3eaf2;
}
.finlyft-passkey-button {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  padding:12px 18px;
  border:1px solid #c8deee;
  border-radius:10px;
  background:#f4faff;
  color:#00244c;
  font:inherit;
  font-size:14px;
  font-weight:500;
  line-height:22px;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.finlyft-passkey-button svg { flex:none; }
.finlyft-passkey-button:hover:not(:disabled) {
  border-color:#009dff;
  background:#eaf6ff;
}
.finlyft-passkey-button:focus-visible {
  outline:2px solid #009dff;
  outline-offset:3px;
}
.finlyft-passkey-button:disabled { opacity:.6; cursor:wait; }
#finlyft-passkey-status {
  margin:0;
  color:#b42318;
  font-size:12px;
  line-height:1.6;
  overflow-wrap:anywhere;
}
#finlyft-passkey-status:empty { display:none; }
.finlyft-unified-signin .pf-v5-c-login__main-body { padding-bottom:18px; }
.finlyft-unified-signin #kc-info:has(#kc-registration-container) {
  margin:0;
  padding:0 36px 24px;
}
.finlyft-unified-signin #kc-registration {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
  color:#71839a;
  font-size:13px;
  line-height:20px;
}
.finlyft-unified-signin #kc-registration a {
  display:inline-flex;
  width:auto;
  min-height:44px;
  padding:0 2px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#007dcc;
  font-size:13px;
  font-weight:600;
  line-height:20px;
  text-decoration:none;
}
.finlyft-unified-signin #kc-registration a:hover { text-decoration:underline; }
@media (max-width:520px) {
  .finlyft-unified-signin #kc-info:has(#kc-registration-container) { padding-inline:24px; }
}
@media (prefers-reduced-motion:reduce) {
  .finlyft-passkey-button { transition:none; }
}