/* terraking tenant — chrome + sign-in for the AI OVERLOAD mockup surface.
   The prototype pages are self-contained documents with their own styling; this
   sheet covers only the tenant's server-rendered pages (sign-in), set in the
   mock-A paper/ink language so the front door matches the boards. */
:root {
  --brand: #0e0e0e;
  --ink: #1a1a18;
  --muted: #6f6c64;
  --line: #d9d5c9;
  --bg: #f2efe7;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font: 16px/1.6 "Courier New", Courier, monospace;
  color: var(--ink);
  background: var(--bg);
}
.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.9rem 1.25rem;
  border-bottom: 2px solid var(--ink);
}
.topbar .brand {
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-weight: 900;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink);
  text-decoration: none;
}
.topbar nav a { color: var(--muted); text-decoration: none; font-size: 0.92rem; }
.topbar nav a:hover { color: var(--ink); }
main { max-width: 72rem; margin: 0 auto; padding: 1.75rem 1.5rem; }
.card {
  background: #fbf9f4;
  border: 1px solid var(--ink);
  padding: 1.5rem 1.75rem;
}
.card.signin { max-width: 30rem; margin: 2.5rem auto 0; }
h1 { margin-top: 0; letter-spacing: -0.02em; font-family: "Helvetica Neue", Arial, sans-serif; }
.muted { color: var(--muted); }
.muted.small { font-size: 0.82rem; }
a { color: var(--ink); }
/* sign-in form */
.signin-form label { display: block; margin: 14px 0 6px; font-weight: 600; }
.signin-form input[type=email] {
  display: block; width: 100%; margin-top: 4px; padding: 10px 12px;
  border: 1px solid var(--ink); border-radius: 0; font-size: 16px;
  font-family: inherit; background: #fff;
}
.signin-form button {
  margin-top: 14px; padding: 10px 16px; border: 0; border-radius: 0;
  background: var(--brand); color: #fff; font-size: 15px; cursor: pointer;
  font-family: inherit;
}
.signin-form button:hover { filter: brightness(1.25); }
.banner { padding: 10px 14px; margin: 14px 0; font-size: 14px; line-height: 1.5; }
.banner-ok { background: #eaf0e6; border: 1px solid #7a8a6e; }
.banner-err { background: #f4e4e0; border: 1px solid #b4231f; }