.passkey-settings, .passkey-list { display: grid; gap: 16px; }
.passkey-card { padding: 16px; border: 1px solid rgba(158, 241, 37, .4); border-radius: 14px; min-width: 0; }
.passkey-card h3 { margin: 0 0 8px; overflow-wrap: anywhere; }
.passkey-card-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.passkey-card-heading h3 { min-width: 0; margin: 0; }
.passkey-remove-form { margin-block: 14px; padding-block: 14px; border-block: 1px solid var(--border); }
.passkey-remove-form[hidden] { display: none; }
.passkey-remove-form > p { margin: 0; overflow-wrap: anywhere; }
.passkey-card summary { cursor: pointer; padding-block: 12px; }
.passkey-enroll { padding-block-start: 18px; border-block-start: 1px solid rgba(158, 241, 37, .5); }
.passkey-status { grid-column: 1 / -1; margin: 10px 0; overflow-wrap: anywhere; }
.passkey-status[data-error="1"] { color: #b3261e; }
[data-theme="dark"] .passkey-status[data-error="1"] { color: #ffb4ab; }
.passkey-login { margin-block: 16px; }
.passkey-onboarding { display: flex; flex-wrap: wrap; gap: 12px; padding: 16px; margin-block: 18px; border: 1px solid rgba(158, 241, 37, .5); border-radius: 14px; }
.passkey-operation { display: grid; gap: 10px; }
[data-passkey-action][aria-busy="true"] { opacity: .75; }