.passkey-login-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:#8e8e93;font-size:11px}
.passkey-login-divider:before,.passkey-login-divider:after{content:"";height:1px;background:#ededf0;flex:1}
.passkey-login-button{width:100%;min-height:38px;gap:8px;background:#f5f5f7!important}
.passkey-login-button svg{width:19px;height:19px;flex:none}
.passkey-status{margin:8px 0 0;color:#6e6e73;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.passkey-status:empty{display:none}
.passkey-status[data-error=true]{color:#b34150}
.passkey-manager{max-width:720px}
.passkey-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.passkey-section-title strong{font-size:14px}.passkey-section-title strong span{color:#6e6e73;font-size:11px;font-weight:400;margin-left:5px}
.passkey-section-title small,.passkey-copy small{font-size:11px;color:#6e6e73;overflow-wrap:anywhere}
.passkey-list{margin-top:12px}.passkey-empty{padding:12px 0;margin:0;color:#6e6e73;font-size:12px}
.passkey-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #ededf0}
.passkey-copy{flex:1;min-width:0;display:grid;gap:2px}.passkey-copy strong{font-size:13px;overflow-wrap:anywhere}
.passkey-state{font-size:11px;color:#248a3d}.passkey-state.is-stale{color:#b34150}
.passkey-row-actions{display:flex;gap:6px;flex:none}.passkey-row-actions .btn{font-size:11px;min-height:29px;padding:3px 8px;white-space:nowrap}
.passkey-add-section,.passkey-help{border-top:1px solid #ededf0;padding-top:12px;margin-top:12px}
.passkey-form-fields{min-width:0;margin:0;padding:0;border:0}.passkey-form-fields:disabled .input{background:#f5f5f7;color:#8e8e93}.passkey-capacity{margin:12px 0 0;padding:10px 0;border-top:1px solid #ededf0;color:#6e6e73;font-size:12px}
.passkey-manager summary{cursor:pointer;font-size:12px;font-weight:550}.passkey-add-section[open]>summary{margin-bottom:10px}
.passkey-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.passkey-field{display:grid;gap:4px;min-width:0}.passkey-field>span{font-size:11px;color:#6e6e73}.passkey-field .input{min-width:0}
.passkey-manager .btn:disabled,.passkey-login-button:disabled{opacity:.5;cursor:default}
.passkey-manager .passkey-help p{font-size:11px;color:#6e6e73;line-height:1.7}
.passkey-dialog{width:min(420px,calc(100% - 28px));max-height:calc(100dvh - 48px);padding:18px;border:1px solid #e5e5e7;border-radius:14px;background:#fff;color:#1d1d1f;box-shadow:0 16px 70px #0002;overflow:auto}
.passkey-dialog::backdrop{background:#0004;backdrop-filter:blur(3px)}
.passkey-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.passkey-dialog-head h2{font-size:16px;line-height:1.4;margin:0}
.passkey-dialog-head .btn{padding:0;width:28px;min-height:28px;font-size:18px}.passkey-dialog .passkey-fields{grid-template-columns:1fr}
.passkey-dialog [hidden]{display:none!important}.passkey-dialog .actions{margin-top:16px}.passkey-dialog .sub{margin-bottom:0;overflow-wrap:anywhere}
@media(max-width:760px){.passkey-row{gap:6px}.passkey-row-actions{gap:4px}.passkey-row-actions .btn{min-height:30px}.passkey-fields{grid-template-columns:1fr}.passkey-dialog{padding:16px}.passkey-manager .input{min-height:38px}}
@media(max-width:1024px),(any-pointer:coarse){.passkey-manager input{font-size:16px!important}}