/* <djjs-passkey-signin> under the sign-in form (assets/js/passkeys.js). Temple Dark by default, Temple Dawn when light. */
.djjs-pk-signin { display: block; margin-top: 16px; text-align: center; }
.djjs-pk-or { display: flex; align-items: center; gap: 12px; margin: 0 0 12px; color: #78716C; font-size: .9rem; }
.djjs-pk-or::before, .djjs-pk-or::after { content: ''; flex: 1; height: 1px; background: rgba(217, 119, 6, .28); }
.dark .djjs-pk-or { color: #C9C2B6; }
.dark .djjs-pk-or::before, .dark .djjs-pk-or::after { background: rgba(217, 119, 6, .2); }
.djjs-pk-btn { position: relative; width: 100%; min-height: 48px; padding: 10px 18px; border-radius: 12px; border: 1px solid rgba(217, 119, 6, .45); background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.djjs-pk-btn:hover { border-color: #D97706; }
.djjs-pk-btn:focus-visible { outline: 3px solid #F59E0B; outline-offset: 2px; }
.djjs-pk-btn[disabled] { opacity: .6; cursor: progress; }
.djjs-pk-hint { margin: 8px 0 0; font-size: .85rem; color: #78716C; }
.dark .djjs-pk-hint { color: #C9C2B6; }
.djjs-pk-msg { margin: 8px 0 0; color: #B91C1C; font-size: .9rem; }
.dark .djjs-pk-msg { color: #F87171; }
.djjs-pk-msg:empty { display: none; }