/* ===== Nur Web-Version ===== */
/* Registrierung nur per Einladung -> kein „Konto erstellen“ */
#syncSignUp { display: none !important; }

/* Am großen Bildschirm nicht über die volle Breite ziehen */
@media (min-width: 900px) {
  body.mobile .shell { max-width: 1040px; margin: 0 auto; border-left: 1px solid rgba(255,255,255,.06); border-right: 1px solid rgba(255,255,255,.06); }
}

/* Anmeldeseite */
#webGate { position: fixed; inset: 0; z-index: 200; background: #11131a; display: flex; align-items: center; justify-content: center;
  padding: calc(env(safe-area-inset-top, 0px) + 16px) 16px calc(env(safe-area-inset-bottom, 0px) + 16px); overflow-y: auto; }
#webGate.hidden { display: none; }
.gate-box { width: 100%; max-width: 380px; background: #1c2033; border: 1px solid rgba(255,255,255,.08); border-radius: 18px;
  padding: 26px 22px; box-shadow: 0 10px 40px rgba(0,0,0,.4); }
.gate-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.gate-logo img { width: 40px; height: 40px; border-radius: 10px; }
.gate-logo b { font-size: 20px; color: #fff; }
.gate-box h2 { font-size: 16px; margin: 0 0 6px; color: #fff; font-weight: 600; }
.gate-sub { color: var(--muted, #b7bdce); font-size: 13px; margin-bottom: 14px; line-height: 1.45; }
.gate-box label { display: block; color: var(--muted, #b7bdce); font-size: 12px; margin: 10px 0 4px; }
.gate-box input { width: 100%; box-sizing: border-box; font-size: 16px; padding: 11px 12px; border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); color: #fff; outline: none; }
.gate-box input:focus { border-color: #7c8cff; }
.gate-btn { width: 100%; margin-top: 16px; padding: 12px; border: 0; border-radius: 10px; background: #7c8cff; color: #0e1016;
  font-size: 15px; font-weight: 600; cursor: pointer; }
.gate-btn:disabled { opacity: .6; }
.gate-link { display: block; margin-top: 12px; background: none; border: 0; color: #9aa6ff; font-size: 13px; cursor: pointer; padding: 4px 0; }
.gate-err { margin-top: 12px; font-size: 13px; color: #ff5c74; line-height: 1.4; }
.gate-err.info { color: #2ee6a0; }
.gate-foot { margin-top: 18px; font-size: 11px; color: #8a90a3; line-height: 1.45; }