.passkey-login-area{margin-top:1rem}.passkey-login-area button{width:100%;padding:.85rem 1rem;border:1px solid #b9c9db;border-radius:12px;background:#f4f8fc;color:#123d67;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.4;cursor:pointer}.passkey-login-area button:hover{background:#e8f1fa}.passkey-login-area button:disabled{opacity:.6;cursor:wait}.passkey-login-area [role=status]{font-size:.85rem;line-height:1.5;color:#52677e;margin:.65rem 0 0}.passkey-panel{background:#fff;border:1px solid #dee7ef;border-radius:18px;padding:clamp(1.2rem,3vw,2rem);margin:1.25rem 0;box-shadow:0 8px 30px #173b6210}.passkey-heading{display:flex;gap:1rem;align-items:center}.passkey-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e9f3fd;color:#19528a;font-size:1.8rem}.passkey-heading h4{margin:0 0 .3rem}.passkey-heading p{margin:0;color:#607187}.passkey-panel [role=status]{color:#52677e;font-size:.9rem;line-height:1.6}.passkey-list{margin:1rem 0}.passkey-row{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #e8edf3}.passkey-row small{display:block;color:#607187;margin-top:.3rem}.passkey-empty{background:#f5f8fc;padding:1rem;border-radius:12px;color:#52677e}.passkey-dialog{border:1px solid #dce5ef;border-radius:20px;width:min(92vw,460px);padding:1.75rem;color:#16334f;box-shadow:0 24px 80px #09274340}.passkey-dialog::backdrop{background:#0a243d88;backdrop-filter:blur(3px)}.passkey-dialog h3{font-size:1.35rem}.passkey-dialog label{display:block;margin:1rem 0;font-weight:600}.passkey-dialog input{display:block;width:100%;padding:.75rem;border:1px solid #b8c8da;border-radius:10px;margin-top:.4rem}.passkey-dialog footer{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.passkey-dialog [role=status]{min-height:1.5em}.passkey-panel button:focus-visible,.passkey-dialog input:focus-visible,.passkey-login-area button:focus-visible{outline:3px solid #73b9f3;outline-offset:3px}[hidden]{display:none!important}
.passkey-panel,.passkey-dialog{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.passkey-panel .btn,.passkey-dialog .btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;line-height:1.4;font-size:.9rem;font-weight:600;border:1px solid #c9d5e2;border-radius:9px;cursor:pointer}.passkey-panel .btn-primary,.passkey-dialog .btn-primary{background:#195b96;border-color:#195b96;color:white}.passkey-panel .btn-outline-danger{background:#fff;color:#a92334;border-color:#e8b9bf}.passkey-dialog .btn-light{background:#f2f6fa;color:#25415f}.passkey-dialog button:disabled{opacity:.6;cursor:wait}
