/* Sign-in, invitation and sign-out pages (W3-8): calm, one card, tokens of lgv.css (D-04, D-39). Static pages without circuit. */
.lgv-signin { max-width: 440px; margin: 24px auto; padding: var(--lgv-sp-24); background: var(--lgv-surface); border: 1px solid var(--lgv-line);
  border-radius: var(--lgv-radius); box-shadow: var(--lgv-shadow); }
.lgv-signin h1 { margin: 0 0 var(--lgv-sp-4); font-size: var(--lgv-fs-2xl); }
.lgv-signin h1:focus { outline: none; }
.lgv-signin h2 { margin: var(--lgv-sp-20) 0 var(--lgv-sp-8); font-size: var(--lgv-fs-lg); }
.lgv-signin p { margin: 0 0 var(--lgv-sp-12); color: var(--lgv-muted); }
.lgv-signin form { display: grid; gap: var(--lgv-sp-8); margin: 0 0 var(--lgv-sp-12); }
.lgv-signin label { font-weight: 600; font-size: var(--lgv-fs-md); }
.lgv-signin input[type="email"], .lgv-signin input[type="password"], .lgv-signin input[type="text"] { font: inherit; padding: var(--lgv-sp-8) var(--lgv-sp-8);
  border: 1px solid var(--lgv-line-2); border-radius: var(--lgv-radius); background: var(--lgv-surface); color: inherit; }
.lgv-signin-actions { display: grid; gap: var(--lgv-sp-8); margin-top: var(--lgv-sp-4); }
.lgv-signin-actions .lgv-reconnect-btn { text-align: center; }
.lgv-signin-or { display: flex; align-items: center; gap: var(--lgv-sp-8); margin: var(--lgv-sp-16) 0; color: var(--lgv-faint); font-size: var(--lgv-fs-sm); }
.lgv-signin-or::before, .lgv-signin-or::after { content: ""; flex: 1; border-top: 1px solid var(--lgv-line); }
.lgv-signin-hint { padding: var(--lgv-sp-8) var(--lgv-sp-12); border-radius: var(--lgv-radius); background: var(--lgv-accent-weak); color: var(--lgv-text); margin: 0 0 var(--lgv-sp-12); }
.lgv-signin-hint.is-bad { background: var(--lgv-bad-weak); }
.lgv-signin-qr { display: flex; gap: var(--lgv-sp-16); align-items: center; margin: var(--lgv-sp-8) 0 var(--lgv-sp-12); }
.lgv-signin-qr img { width: 160px; height: 160px; background: #fff; padding: var(--lgv-sp-6); border-radius: var(--lgv-radius); }
.lgv-signin-key { font-family: ui-monospace, Consolas, monospace; font-size: var(--lgv-fs-md); word-break: break-all; }
.lgv-signin-codes { columns: 2; font-family: ui-monospace, Consolas, monospace; margin: var(--lgv-sp-8) 0 var(--lgv-sp-16); padding-left: var(--lgv-sp-20); }
.lgv-signin details summary { cursor: pointer; color: var(--lgv-accent-ink); }