.passkey-login-section{margin-top:14px;padding-top:14px;border-top:1px solid #dfe5ee}
.passkey-divider{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#7a8492;font-size:12px}
.passkey-divider::before,.passkey-divider::after{content:"";height:1px;flex:1;background:#dfe5ee}
.passkey-button{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;width:100%!important;min-height:44px!important;margin:0!important;border:1px solid #495BD6!important;background:#fff!important;color:#030E35!important;font-weight: var(--font-weight-interface, 500)!important}
.passkey-button:hover,.passkey-button:focus-visible{border-color:#495BD6!important;background:#F3F7FF!important;color:#030E35!important}
.passkey-button .chloe-icon{width:18px;height:18px;color:#495BD6}
.passkey-help{margin:8px 0 0;color:#697586;font-size:12px;line-height:1.45;text-align:center}
.passkey-status{margin:10px 0 0;padding:10px 12px;border:1px solid #d7dee8;border-radius:10px;background:#f7f9fc;color:#445064;font-size:12.5px;line-height:1.45}
.passkey-status.error{border-color:#f1c4ca;background:#fff4f5;color:#8b2430}
.passkey-status.success{border-color:#b7e2cf;background:#effaf5;color:#176746}
.passkey-status.working{border-color:#c9d3fa;background:#f3f5ff;color:#283f91}
.passkey-status.info{color:#5d6978}
.passkey-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:18px;align-items:start}
.passkey-card{border:1px solid #dce3ec;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(30,49,76,.07);overflow:hidden}
.passkey-card-head{padding:20px 22px 15px;border-bottom:1px solid #e7ebf1}
.passkey-card-head h2{margin:0 0 6px;font-size:21px;font-weight: var(--font-weight-interface, 500);color:#18202d}
.passkey-card-head p{margin:0;color:#697586;font-size:13px;line-height:1.5}
.passkey-card-body{padding:20px 22px}
.passkey-form{display:grid;gap:14px}
.passkey-form label,.passkey-inline-form label{display:grid;gap:6px;color:#354256;font-size:12px;font-weight: var(--font-weight-interface, 500)}
.passkey-form input,.passkey-inline-form input{width:100%;min-height:44px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#18202d}
.passkey-list{display:grid;gap:12px}
.passkey-item{padding:16px;border:1px solid #e0e6ee;border-radius:14px;background:linear-gradient(145deg,#fff,#f8f9fd)}
.passkey-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.passkey-item h3{margin:0;color:#1f2937;font-size:16px;font-weight: var(--font-weight-interface, 500)}
.passkey-meta{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:7px;color:#6b7583;font-size:12px}
.passkey-meta span{display:inline-flex;align-items:center;gap:5px}
.passkey-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #e6ebf1}
.passkey-inline-form{display:grid;gap:8px}
.passkey-inline-form .tool-button{justify-content:center}
.passkey-empty{padding:26px;border:1px dashed #cfd8e4;border-radius:14px;background:#fafbfe;color:#667286;text-align:center;line-height:1.55}
.passkey-security-note{margin-top:16px;padding:14px 16px;border-left:3px solid #495BD6;border-radius:10px;background:#f4f6ff;color:#435069;font-size:12.5px;line-height:1.55}
.passkey-security-note strong{color:#243b80}
@media(max-width:900px){.passkey-grid{grid-template-columns:1fr}.passkey-item-top{align-items:center}}
@media(max-width:620px){.passkey-card-head,.passkey-card-body{padding-left:16px;padding-right:16px}.passkey-actions{grid-template-columns:1fr}.passkey-item{padding:14px}.passkey-meta{display:grid;gap:5px}}