/* Anmeldeseite (PC) – schlicht wie Unternehmens-Anmeldungen: eine Karte, ein Hauptweg (Peter 31.10.2026) */
.pc-login-page{--pc-bg:#f3f5f8;--pc-card:#fff;--pc-ink:#0f1b2b;--pc-muted:#5b6b7f;--pc-line:#e2e8f0;--pc-blue:#1a6fe0;--pc-blue-ink:#fff;
  --pc-field:#fff;--pc-shadow:0 1px 2px #0f1b2b0d,0 12px 32px #0f1b2b14;
  margin:0;min-height:100vh;color:var(--pc-ink);font-family:inherit;
  background:radial-gradient(1200px 500px at 50% -10%,#dfe9f8 0,transparent 70%),var(--pc-bg)}
@media (prefers-color-scheme:dark){.pc-login-page{--pc-bg:#0b1422;--pc-card:#111d2e;--pc-ink:#e8eef7;--pc-muted:#9fb0c4;--pc-line:#22324a;
  --pc-blue:#2f84ff;--pc-field:#0d1828;--pc-shadow:0 1px 2px #0006,0 16px 40px #0007;
  background:radial-gradient(1200px 500px at 50% -10%,#12294a 0,transparent 70%),var(--pc-bg)}}
.pc-login{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 16px}
.pc-card{width:100%;max-width:420px;box-sizing:border-box;background:var(--pc-card);border:1px solid var(--pc-line);border-radius:14px;
  box-shadow:var(--pc-shadow);padding:36px 36px 28px;display:flex;flex-direction:column}
.pc-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.pc-logo{height:46px;width:auto}.pc-logo-dark{display:none}
@media (prefers-color-scheme:dark){.pc-logo-light{display:none}.pc-logo-dark{display:block}}
.pc-env{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a5a00;background:#fff4d6;border:1px solid #f0d58a;border-radius:6px;padding:3px 8px}
@media (prefers-color-scheme:dark){.pc-env{color:#ffd27a;background:#3a2c08;border-color:#6b5214}}
.pc-card h1{margin:0 0 6px;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}
.pc-lead{margin:0 0 22px;color:var(--pc-muted);font-size:.92rem;line-height:1.45}
.pc-primary{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:9px;background:var(--pc-blue);color:var(--pc-blue-ink);
  font-weight:700;font-size:.98rem;text-decoration:none;transition:filter .15s,box-shadow .15s}
.pc-primary:hover{filter:brightness(1.06);box-shadow:0 6px 16px #1a6fe033}.pc-primary:focus-visible{outline:3px solid #9cc3ff;outline-offset:2px}
.pc-hint{margin:10px 0 0;color:var(--pc-muted);font-size:.78rem;line-height:1.45;text-align:center}
.pc-or{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--pc-muted);font-size:.76rem}
.pc-or::before,.pc-or::after{content:"";flex:1;height:1px;background:var(--pc-line)}
.pc-alt{border:1px solid var(--pc-line);border-radius:9px}
.pc-alt>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;font-size:.88rem;font-weight:600;color:var(--pc-ink)}
.pc-alt>summary::-webkit-details-marker{display:none}
.pc-alt>summary:hover{background:color-mix(in srgb,var(--pc-blue) 6%,transparent);border-radius:9px}
.pc-alt[open]>summary{border-bottom:1px solid var(--pc-line);border-radius:9px 9px 0 0}
.pc-alt-body{padding:14px;display:flex;flex-direction:column;gap:12px;font-size:.88rem}
.pc-alt-body [hidden]{display:none!important}.pc-alt-body>div{display:flex;flex-direction:column;gap:10px}
.pc-alt-body p{margin:0;line-height:1.5}
.pc-login-push label{display:block;margin-bottom:6px;color:var(--pc-muted);font-size:.8rem}.pc-login-push div{display:flex;gap:8px}
.pc-login-push input{flex:1;min-width:0;font:inherit;font-size:.95rem;padding:9px 11px;border-radius:8px;border:1px solid var(--pc-line);background:var(--pc-field);color:var(--pc-ink)}
.pc-login-push input:focus{outline:2px solid var(--pc-blue);outline-offset:0;border-color:transparent}
.pc-secondary{font:inherit;font-size:.85rem;font-weight:700;padding:0 14px;border-radius:8px;border:1px solid var(--pc-line);background:var(--pc-card);color:var(--pc-ink);cursor:pointer}
.pc-secondary:hover{border-color:var(--pc-blue);color:var(--pc-blue)}
.pc-link{font:inherit;font-size:.82rem;background:none;border:0;padding:0;color:var(--pc-blue);cursor:pointer;align-self:flex-start}
.pc-link:hover{text-decoration:underline}
.pc-small{color:var(--pc-muted);font-size:.78rem}
.pc-login .pair-qr{background:#fff;border-radius:10px;padding:10px;align-self:center;line-height:0;border:1px solid var(--pc-line)}.pc-login .pair-qr svg{width:220px;height:220px}
.pc-login-number{font-size:3.6rem!important;font-weight:800;text-align:center;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.pc-help{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--pc-line);color:var(--pc-muted);font-size:.78rem;text-align:center;line-height:1.45}
.pc-foot{display:flex;gap:16px;color:var(--pc-muted);font-size:.75rem}
.pc-foot a{color:var(--pc-muted);text-decoration:none}.pc-foot a:hover{color:var(--pc-ink);text-decoration:underline}
@media (max-width:480px){.pc-card{padding:28px 20px 22px;border-radius:12px}}