/* "Log in with a passkey" on every log-in look (templates/account/snippets/passkey_login*.html). */
.sis-pk-quiet { margin: 4px 0 0; text-align: center; }
.sis-pk-link {
  border: 0; padding: 6px 4px; background: none; cursor: pointer; font: inherit; font-size: 15px; font-weight: 600;
  color: var(--pearl, #09292b); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;
  border-radius: 6px; transition: color 0.15s ease;
}
.sis-pk-link:hover { color: var(--forest, #0c5e5c); }
.sis-pk-link:focus-visible { outline: 2px solid var(--forest, #0c5e5c); outline-offset: 2px; }
.sis-pk-link[disabled] { cursor: progress; opacity: 0.6; }
.sis-pk-last { margin: -4px 0 4px; font-size: 14px; line-height: 1.4; color: var(--muted, #5a6879); text-align: center; }
.sis-pk-note {
  margin: 10px 0 0; padding: 10px 12px; border-radius: 10px; background: var(--iceberg, #f3f4f8);
  font-size: 15px; line-height: 1.5; color: var(--body, #4a5560); text-wrap: pretty;
}
.sa-btn-dark, .sa a.sa-btn-dark { background: var(--pearl, #09292b); color: #fff; }
.sa-btn-dark:hover { background: #12393b; }
.sa-btn-dark svg { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sa-btn-dark .sa-spin { border-color: rgb(255 255 255 / 0.3); border-top-color: #fff; }