/* skipdeck.co.uk — the front door, and the sign-in behind it.
 *
 * The homepage is deliberately bare for now: a mark, a name, a button. The
 * marketing copy that was here was removed at the owner's request, and its
 * styles went with it rather than being left as dead rules nobody dares
 * delete later. Both are in git.
 *
 * Its own stylesheet and its own visual world: the app is a dense graphite
 * tool for somebody already working, and this is read once by somebody
 * arriving. It borrows only the tokens, so the two feel like one product. */

.doorway{min-height:100vh;display:grid;place-items:center;padding:24px;
  background:var(--ground,#F1F4F7);font-family:var(--font-body),system-ui,sans-serif}
.doorway-card{display:grid;justify-items:center;gap:18px;text-align:center}
.doorway-card h1{margin:0;font-size:1.6rem;font-weight:750;letter-spacing:-.02em;
  color:var(--ink,#172B4D)}
.doorway-go{background:var(--yellow,#F5B700);color:#3A2C00;text-decoration:none;
  font:800 14px var(--font-body);padding:0 30px;border-radius:9px;
  /* min-height rather than padding arithmetic: the only control on the page
     is the one a thumb has to hit, and padding alone left it at 43px -- one
     short of the 44px touch target, which is the kind of miss that survives
     because it looks fine. */
  min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.doorway-go:hover{filter:brightness(1.05)}

/* The mark is shared with the sign-in card below. */
.landing-mark{width:38px;height:38px;border-radius:9px;background:var(--yellow,#F5B700);
  display:flex;align-items:center;justify-content:center;
  font:800 14px/1 var(--font-body);color:#1B2127;letter-spacing:.02em}
.landing-word{font:700 16px var(--font-body);letter-spacing:-.01em}

/* ---- Sign in -------------------------------------------------------------
   Same world as the landing page it comes off, rather than the graphite tool
   it leads into: somebody signing in has not started work yet. */
.signin{min-height:100vh;display:grid;place-items:center;padding:24px;
  background:var(--ground,#F1F4F7);font-family:var(--font-body),system-ui,sans-serif}
.signin-card{background:var(--paper,#fff);border:1px solid var(--line,#DCE4EE);border-radius:14px;
  padding:32px 34px 30px;width:min(370px,92vw);display:grid;gap:0;
  box-shadow:0 12px 40px rgba(16,24,32,.07)}
.signin-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;
  margin-bottom:22px}
.signin-card h1{margin:0 0 5px;font-size:1.35rem;letter-spacing:-.02em;font-weight:750;
  color:var(--ink,#172B4D)}
.signin-note{margin:0 0 20px;font-size:13.5px;color:var(--muted,#6B7C96);min-height:1.2em}
.signin-field{display:grid;gap:6px;margin-bottom:14px}
.signin-field span{font:600 10.5px var(--font-body);letter-spacing:.09em;text-transform:uppercase;
  color:var(--muted,#6B7C96)}
.signin-field input{border:1px solid var(--line,#DCE4EE);border-radius:9px;padding:11px 13px;
  font:400 14px var(--font-body);background:var(--paper,#fff);color:var(--ink,#172B4D)}
.signin-field input:focus{outline:2px solid var(--yellow,#F5B700);outline-offset:-1px;
  border-color:var(--yellow,#F5B700)}
.signin-error{margin:2px 0 12px;font-size:12.5px;font-weight:600;color:var(--job-delivery,#B33A2E)}
.signin-go{margin-top:6px;background:var(--yellow,#F5B700);color:#3A2C00;border:0;border-radius:9px;
  padding:12px;font:800 14px var(--font-body);cursor:pointer}
.signin-go:disabled{opacity:.5;cursor:default}