/* WebAuthn restored on the current 7px.pl HERO sign-in (isolated selectors). */
.auth-page--signin .auth-passkey{margin:0;padding:0;min-width:0}
.auth-page--signin .auth-passkey__button{width:100%;min-height:52px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;background:color-mix(in srgb,var(--brand-accent) 8%,var(--brand-surface));color:var(--brand-text);border:1px solid var(--brand-accent);border-radius:10px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease}
.auth-page--signin .auth-passkey__button i{font-size:19px;color:var(--brand-accent)}
.auth-page--signin .auth-passkey__button:hover:not(:disabled){background:color-mix(in srgb,var(--brand-accent) 16%,var(--brand-surface))}
.auth-page--signin .auth-passkey__button:disabled{opacity:.55;cursor:not-allowed}
.auth-page--signin .auth-passkey__help{margin:9px 0 0;font-size:11px;line-height:1.5;text-align:center;color:var(--brand-muted)}
.auth-page--signin .auth-passkey__help span{display:block}
.auth-page--signin .auth-login-divider{display:flex;align-items:center;gap:13px;margin:18px 0;color:var(--brand-muted);font-size:11px}
.auth-page--signin .auth-login-divider:before,.auth-page--signin .auth-login-divider:after{content:'';display:block;flex:1;height:1px;background:var(--brand-line)}
/* Feedback is positioned outside the flow: clicking cannot move or resize the form. */
.auth-page--signin .auth-passkey__message:not(:empty){position:fixed;right:20px;bottom:20px;z-index:9999;box-sizing:border-box;max-width:min(400px,calc(100vw - 32px));margin:0;padding:14px 17px;background:var(--brand-surface);color:var(--brand-text);border:1px solid var(--brand-line);border-left:4px solid var(--brand-accent);border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.18);font:inherit;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.auth-page--signin .auth-passkey__message:empty{display:none}
.auth-page--signin button:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}
@media(max-width:600px){.auth-page--signin .auth-passkey__message:not(:empty){left:16px;right:16px;bottom:16px;max-width:none}}
@media(prefers-reduced-motion:reduce){.auth-page--signin .auth-passkey__button{transition:none}}

/* Logowanie HERO: bez obramowanego kontenera na e-mail i hasło.
   Nadpisuje globalne .wo-form z all.min.css, bez wpływu na inne formularze. */
html.public-auth-shell .auth-page--signin form.wo-form.auth-form {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  max-width: none;
}
