/* Anmeldung, zweite Stufe und bestehende Passkey-Verwaltung. Keine Ablaufänderung. */
.wb-auth{min-height:100dvh;display:flex;flex-direction:column;background:var(--page)}
.wb-auth>header{min-height:68px;padding:16px max(24px,calc((100vw - 1100px)/2));background:var(--nav);border-color:var(--nav-active);color:var(--nav-ink);gap:20px}
.wb-auth .brand-home{gap:20px;flex:1}.wb-auth .brand-home>img{width:76px}.wb-auth .brand-name{font-size:12px;letter-spacing:.05em;border-color:var(--nav-active);padding-left:20px;color:var(--nav-ink)}
.wb-auth .login{width:calc(100% - 32px);max-width:460px;padding:28px;margin:40px auto;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--input-heading);border-radius:var(--card-radius)}
.wb-auth .login h1{font-size:28px;line-height:1.25;margin:10px 0 12px}.wb-auth .login .eyebrow{color:var(--input-detail)}.wb-auth .login .intro{font-size:13px;margin-bottom:20px}.wb-auth .login form{margin-top:22px}.wb-auth .field{display:grid;gap:6px;margin:18px 0}.wb-auth .field label{font-size:11px;font-weight:500;margin:0}.wb-auth .field input{font-size:13px;min-height:44px}.wb-auth .login .primary{width:100%;min-height:42px;margin-top:8px}.wb-auth .login .error{font-size:12px;line-height:1.65;border:1px solid var(--error-ink);border-left-width:3px}
.wb-auth .login>p,.wb-auth .login details p{font-size:12px;line-height:1.75}.wb-auth .login details{padding:14px 0;border-top:1px solid var(--line);margin-top:16px}.wb-auth .login details:last-of-type{padding-bottom:0}.wb-auth .login summary{font-size:12px;font-weight:500;cursor:pointer;min-height:34px;line-height:1.6}.wb-auth .login #mfa-cancel{margin:20px 0 0}.wb-auth .text-button{color:var(--muted);font-size:12px;min-height:36px;background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;justify-content:flex-start;padding:6px 0}.wb-auth .text-button:hover{color:var(--ink);background:transparent}.wb-auth .login .secondary{display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:500;min-height:40px;padding:9px 12px;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--control-line);border-radius:var(--button-radius);text-decoration:none}.wb-auth .login .secondary:hover{background:var(--surface-soft)}
.wb-auth #mfa-status:empty{display:none}.wb-auth #mfa-status{padding:10px 12px;background:var(--input-panel);border-left:3px solid var(--input-heading);font-size:12px}.wb-auth #mfa-code{font-variant-numeric:tabular-nums}
.wb-auth>footer{width:calc(100% - 48px);max-width:1100px;margin:auto auto 0;padding:18px 0;background:transparent;border-color:var(--line);font-size:11px;color:var(--muted)}
.wb-auth .pilot-wrap{width:calc(100% - 32px);max-width:700px;margin:32px auto;padding:28px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--input-heading);border-radius:var(--card-radius)}.wb-auth .pilot-wrap h1{font-size:28px}.wb-auth .pilot-wrap h2{font-size:17px}.wb-auth .pilot-wrap p{font-size:12px;line-height:1.75}.wb-auth .pilot-badge{color:var(--nav-ink);border-color:var(--nav-muted);font-size:10px}.wb-auth .pilot-notice,.wb-auth .pilot-result{background:var(--input-panel);border-color:var(--input-heading)}.wb-auth .pilot-notice{padding:12px 16px}.wb-auth .pilot-steps{gap:12px;font-size:11px}.wb-auth .pilot-steps li{color:var(--muted);border-color:var(--line)}.wb-auth .pilot-steps [aria-current=step]{color:var(--input-heading);border-color:var(--input-heading)}.wb-auth .pilot-wrap summary{font-size:12px;min-height:36px}.wb-auth .pilot-wrap .secondary{background:var(--surface);border-color:var(--control-line);color:var(--ink);font-size:12px;min-height:40px;font-weight:500}.wb-auth .pilot-wrap .secondary:hover{background:var(--surface-soft)}.wb-auth .pilot-keys li{font-size:12px;border-color:var(--line)}.wb-auth .pilot-keys span{font-size:11px;color:var(--muted)}.wb-auth .pilot-wrap #codes-panel{background:var(--warning-bg);border:1px solid var(--warning-ink);color:var(--warning-ink)}.wb-auth .pilot-wrap #codes{font:400 14px/1.8 var(--font-ui);font-variant-numeric:tabular-nums}.wb-auth .pilot-wrap button.primary{width:100%}.wb-auth .pilot-wrap .back{font-size:11px;margin-bottom:16px}
@media(max-width:550px){.wb-auth>header{padding:14px 20px;gap:12px}.wb-auth .brand-home{gap:16px}.wb-auth .brand-name{padding-left:16px}.wb-auth .login,.wb-auth .pilot-wrap{margin:24px auto;padding:22px 20px}.wb-auth .login h1,.wb-auth .pilot-wrap h1{font-size:25px}.wb-auth>footer{width:calc(100% - 32px);font-size:10px;gap:16px}.wb-auth .pilot-badge{display:none}.wb-auth .pilot-steps{gap:8px;font-size:10px}}
@media print{.wb-auth .pilot-wrap{width:100%;margin:0;padding:0;border:0}.wb-auth #codes-panel{border-color:var(--ink)}}