/* Scoped integration with the existing auth and member settings components. */
#al-auth-neo [data-passkey-login]{width:100%;min-height:44px;white-space:normal}
#al-auth-neo .al-passkey-help{margin:8px 0;color:var(--al-text-muted,#52645b);font-size:13px;line-height:1.45}
#al-auth-neo [data-passkey-login-status]{margin:8px 0;font-size:13px;line-height:1.45}
#al-auth-neo [data-passkey-login-status]:empty{height:0;min-height:0;margin:0!important}
#al-auth-neo [data-passkey-login-status]+.al-auth-divider{margin-block:16px!important}
.al-passkeys [hidden],#al-auth-neo [data-passkey-login][hidden],#al-auth-neo .al-passkey-help[hidden]{display:none!important}
.al-passkey-list{list-style:none;margin:0;padding:0}
.al-passkey-list li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--al-border,#dce4df)}
.al-passkey-list li>div{min-width:0;overflow-wrap:anywhere}
.al-passkey-list strong,.al-passkey-list small{display:block}
.al-passkey-list small{color:var(--al-text-muted,#52645b);font-size:13px}
.al-passkey-list button{min-height:44px;flex:0 0 auto}
.al-passkey-add{display:grid;gap:8px;max-width:440px;margin-top:16px}
.al-passkey-add input,.al-passkeys input{max-width:100%;min-width:0;width:100%;min-height:44px;font:inherit}
.al-passkey-add>button{justify-self:start;margin-top:4px;white-space:normal}
.al-passkey-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}
.al-passkey-actions button,.al-passkey-actions a{min-height:44px;max-width:100%;white-space:normal}
.al-passkeys :is(button,a,input):focus-visible,#al-auth-neo [data-passkey-login]:focus-visible{outline:2px solid var(--al-primary,#2C6B4A);outline-offset:2px}
@media(max-width:360px){.al-passkey-list li{align-items:flex-start;gap:8px}.al-passkey-list button{padding-inline:10px}}