/* ---------------- Konto / inloggning ---------------- */
html.ej-inloggad body > :not(#konto):not(script){display:none!important}
html.ej-inloggad body{padding-bottom:0}
#konto{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.kontoruta{width:100%;max-width:400px}
.kontoruta h1{font-size:2rem;margin:0 0 .35em}
.kontologo{font-family:var(--serif);font-weight:600;color:var(--accent);letter-spacing:.02em;margin:0 0 28px}
.kontoruta form{margin-top:22px}
input[type=email]{
  width:100%;font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--line);
  border-radius:10px;background:var(--card);color:var(--ink)
}
input[type=email]:focus{outline:2px solid var(--accent-soft);outline-offset:1px;border-color:var(--accent)}
.kontoruta input[type=email],.kontoruta input.kontokod{width:100%;margin:4px 0 14px}
input.kontokod{font-size:1.6rem;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums}
.kontokryss{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--ink-2);margin:0 0 16px;cursor:pointer;line-height:1.5}
.kontokryss input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:var(--accent)}
.kontofel{color:var(--bad);font-size:.9rem;margin:0 0 12px}