:root{
  --bg:#f6f7f9; --fg:#111; --muted:#666; --accent:#b60000; --border:#ddd;
}
body{
  margin:0; background:var(--bg);
  font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--fg);
  display:flex; align-items:center; justify-content:center;
  min-height:100vh;
}
.card{
  width:100%; max-width:420px; background:#fff;
  border:1px solid var(--border); border-radius:10px;
  box-shadow:0 6px 24px rgba(0,0,0,.06); overflow:hidden;
}
.inner{padding:22px}
.inner h1:first-child{margin-top:0;}
.logo{
  display:flex;
  align-items:center;          /* vertikal centrering */
  height:72px;                 /* tydlig header-rad */
  padding:0 22px;              /* samma kant som .inner */
  background:#fff;
  border-bottom:1px solid var(--border);
}
.logo img{
  width:40px;
  height:40px;
  display:block;
}
h1{margin:0 0 .5rem 0;font-size:1.5rem}
p.lead{margin:.5rem 0 1rem;color:var(--muted);font-size:.95rem}
label{display:block;margin:.6rem 0 .25rem}

/* Text-/lösen-/e-postfält i full bredd */
input[type="text"],
input[type="password"],
input[type="email"]{
  width:100%;
  box-sizing:border-box;
  padding:.7rem .75rem;
  border:1px solid var(--border);
  border-radius:8px;
  font:inherit;
}

button{
  width:100%;padding:.8rem;margin-top:.9rem;border:0;border-radius:8px;
  background:var(--accent);color:#fff;font-weight:700;cursor:pointer;font-size:1.2em;
}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.hidden{display:none}
.msg{min-height:1.4em;margin-top:.6rem;font-size:.95rem}
.msg.err{color:#c62828}
.msg.ok{color:#2e7d32}
.footer{padding:16px 22px;border-top:1px solid var(--border);background:#fafafa;
        display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.95rem;}

/* Rad för "Förbli inloggad" */
.remember-row{
  margin-top:.6rem;
  font-size:.9rem;
  color:var(--muted);
}
.remember-row label{
  display:flex;
  align-items:center;
  gap:.4rem;
  margin:0;
}
.remember-row input[type="checkbox"]{
  width:auto;
  padding:0;
  margin:0;
  transform: scale(1.3);
  transform-origin: left center;
}

/* Länkar inne i paneler (t.ex. "Tillbaka till inloggning") */
.link-block{
  display:block;
  margin-top:1rem;
  color:var(--accent);
  font-size:.95rem;
}