/* Login og kodeskift. Samme farver og skrift som resten af systemet. */
:root{
  --bg:#F3F5F3; --surface:#FFFFFF; --surface-2:#F7F9F7; --ink:#1C2320;
  --muted:#5E6A63; --line:#DDE3DE; --accent:#2F6B3A; --accent-ink:#FFFFFF;
  --crit:#B43A2E; --crit-soft:#F6DCD8;
  --r:12px; --shadow:0 1px 2px rgba(20,30,35,.06),0 4px 16px rgba(20,30,35,.06);
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#111613; --surface:#18201B; --surface-2:#1D2620; --ink:#E3EAE5;
    --muted:#98A69D; --line:#2B362F; --accent:#7CC48A; --accent-ink:#0E1A11;
    --crit:#EE7B6E; --crit-soft:#41201C;
    color-scheme:dark;
  }
}
*{box-sizing:border-box}
body{
  margin:0; min-height:100dvh; display:grid; place-items:center; padding:24px;
  background:var(--bg); color:var(--ink);
  font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.kort{
  background:var(--surface); border:1px solid var(--line); border-radius:var(--r);
  padding:32px; width:100%; max-width:380px; box-shadow:var(--shadow);
}
h1{margin:0 0 4px; font-size:24px; letter-spacing:-.01em}
.under{margin:0 0 24px; color:var(--muted); font-size:14px}
label{display:block; margin:16px 0 6px; font-size:13px; font-weight:600}
input{
  width:100%; padding:11px 12px; font-size:16px;  /* 16px: ellers zoomer iOS ind */
  border:1px solid var(--line); border-radius:8px;
  background:var(--surface-2); color:var(--ink);
}
input:focus-visible{outline:2px solid var(--accent); outline-offset:1px}
.btn{
  width:100%; margin-top:24px; padding:12px; font-size:16px; font-weight:600;
  border:0; border-radius:8px; cursor:pointer;
  background:var(--accent); color:var(--accent-ink);
}
.btn:hover{filter:brightness(1.07)}
.btn:disabled{opacity:.6; cursor:wait}
.fejl{
  margin:16px 0 0; padding:10px 12px; border-radius:8px;
  background:var(--crit-soft); color:var(--crit); font-size:14px;
}
.hjaelp{margin:8px 0 0; color:var(--muted); font-size:13px}
.kort > .hjaelp:last-child{margin-top:24px; text-align:center}