.nn-passkeys{background:var(--panel-bg,#fff);border:1px solid var(--border-color,#e6eaf1);border-radius:12px;padding:24px;margin:0 0 24px;color:var(--text-body,#343a4a)}.nn-passkeys h3{font-size:20px;margin:0 0 10px}.nn-passkeys p{line-height:1.7;margin:8px 0 16px}.nn-passkeys .nn-hint{border-radius:8px;background:#f3f6fc;padding:14px 16px;color:#536177}.nn-passkeys .nn-key-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-top:1px solid #edf0f5}.nn-passkeys .nn-key-name{overflow-wrap:anywhere;flex:1}.nn-passkeys .nn-actions{display:flex;flex-wrap:nowrap;gap:8px}.nn-passkeys .nn-actions .btn{margin:0}.nn-passkeys .nn-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.nn-passkeys .nn-status{line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.nn-passkeys .nn-status:empty{display:none}.nn-passkeys .nn-success{color:#248345}.nn-passkeys .nn-error{color:#b43540}.nn-passkey-login{margin-top:12px}.nn-passkey-login .nn-status{margin-top:10px;line-height:1.6;color:#8b5d13}.nn-passkey-login button{width:100%;white-space:normal}.nn-passkeys button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.nn-passkeys{padding:18px 14px}.nn-passkeys .nn-key-row{align-items:flex-start;flex-direction:column}.nn-passkeys .nn-actions{align-self:flex-end}.nn-passkeys .nn-toolbar .btn{flex:1 1 auto}}