/* Forest Fleet — innlogging. Samme tokens som resten av systemet. */
:root{
  --paper:#F5F3EC;--card:#FFFFFF;--ink:#1A1D1F;--muted:#6C6A61;--line:#E5E1D6;
  --spruce:#1C4633;--spruce-2:#22543D;--minus:#BE4029;--minus-bg:rgba(190,64,41,.10);
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-sans);background:var(--paper);color:var(--ink);
  display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;
  -webkit-font-smoothing:antialiased}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:38px 34px;
  box-shadow:0 1px 2px rgba(26,29,31,.05),0 20px 44px -32px rgba(26,29,31,.5);
  width:100%;max-width:390px;text-align:center}
.logo{width:52px;height:52px;margin:0 auto 14px;display:block}
h1{font-size:20px;font-weight:800;letter-spacing:-.02em;margin-bottom:4px}
.sub{font-size:13px;color:var(--muted);margin-bottom:26px}
input{width:100%;padding:12px 15px;border:1px solid var(--line);border-radius:10px;
  font-size:16px;font-family:inherit;margin-bottom:11px;text-align:center;
  background:var(--paper);color:var(--ink)}
input:focus{outline:none;border-color:var(--spruce);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--spruce) 18%, transparent)}
button{width:100%;padding:13px;background:var(--spruce);color:#fff;border:none;
  border-radius:10px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;min-height:48px}
button:hover{background:var(--spruce-2)}
.error{background:var(--minus-bg);color:var(--minus);padding:11px;border-radius:10px;
  font-size:13px;margin-bottom:12px;font-weight:600}