/* Sign-in page only. Uses the same variables and fonts as the list. */
.signin-box {
  background: var(--surface); border: 1px solid var(--line); border-radius: 14px; padding: 16px;
  display: flex; flex-direction: column; gap: 8px; box-shadow: var(--shadow); margin-top: 18px;
}
.signin-box label { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: var(--ink-soft); }
.signin-box input {
  font: inherit; font-size: 1.1rem; min-height: 44px; padding: 0 12px; border-radius: 10px;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink);
}
#code { font-family: "IBM Plex Mono", ui-monospace, monospace; letter-spacing: 0.12em; text-transform: uppercase; }
.signin-box button {
  margin-top: 6px; min-height: 44px; border: 0; border-radius: 999px; background: var(--accent); color: var(--accent-ink);
  font: inherit; font-weight: 600; cursor: pointer;
}
.signin-box button:disabled { opacity: 0.6; }
.signin-help { color: var(--ink-soft); font-size: 0.85rem; margin: 6px 0 0; }