/* ================================================
   BRIGHTLAND X RAY - login.css
   Sidspecifik CSS för inloggningen ("teknisk systempanel").
   Laddas EFTER xray.css (som ger variabler, .btn, .field m.m.)
   Extraherad ur demo/brightland-xray-demo.html.
   ================================================ */
#loginView{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
  background:
    repeating-linear-gradient(0deg, rgba(185,83,85,.05) 0 1px, transparent 1px 34px),
    repeating-linear-gradient(90deg, rgba(185,83,85,.05) 0 1px, transparent 1px 34px),
    radial-gradient(circle at 12% 18%, rgba(243,211,214,.75), transparent 45%),
    radial-gradient(circle at 88% 85%, rgba(201,169,106,.16), transparent 40%),
    var(--bg);
}
.loginPanel{
  display:grid;grid-template-columns:280px 1fr;
  background:var(--kritvit);
  border:1px solid var(--rosa);
  border-radius:28px;
  box-shadow:var(--skugga);
  overflow:hidden;
  width:100%;max-width:780px;
  animation:fadeUp .5s ease both;
}
.sysStrip{
  background:linear-gradient(165deg,#463134 0%,#332326 100%);
  color:var(--rosa);
  padding:32px 26px;
  display:flex;flex-direction:column;gap:22px;
  font-family:'IBM Plex Mono',monospace;
}
.scanLogo{
  position:relative;width:96px;height:96px;
  border-radius:50%;
  border:1.5px solid rgba(243,211,214,.5);
  background:rgba(243,211,214,.08);
  display:flex;align-items:center;justify-content:center;
  overflow:hidden;
}
.scanLogo svg{width:54px;height:54px}
.scanline{
  position:absolute;left:0;right:0;height:26px;top:-30px;
  background:linear-gradient(180deg,transparent,rgba(243,211,214,.45),transparent);
  animation:scan 3.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes scan{0%,15%{top:-30px}55%,60%{top:100px}100%{top:-30px}}
.sysTitle{font-family:'Fraunces',serif;font-size:1.45rem;font-weight:700;line-height:1.15;color:#fff}
.sysTitle em{font-style:italic;color:var(--rosa)}
.sysLine{font-size:.68rem;letter-spacing:.1em;opacity:.75;margin-top:6px}
.sysStatus{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:.7rem;letter-spacing:.1em}
.led{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;vertical-align:1px}
.led.on{background:#9FD8AC;box-shadow:0 0 6px rgba(159,216,172,.8)}
.led.warn{background:var(--guld);box-shadow:0 0 6px rgba(201,169,106,.8)}
.sysPrompt{font-size:.7rem;letter-spacing:.08em;opacity:.85;margin-top:auto}
.cursor{animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.loginForms{padding:40px 40px 34px;display:flex;flex-direction:column;justify-content:center}
.formEyebrow{
  font-family:'IBM Plex Mono',monospace;
  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);margin-bottom:6px;
}
.loginForms h1{font-size:1.55rem;font-weight:700;margin-bottom:4px}
.loginSub{color:var(--mjuk);font-size:.88rem;margin-bottom:24px}
.loginMeta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;font-size:.82rem}
.loginMeta a{color:var(--accent);font-weight:700;text-decoration:none;background:none;border:none;font-family:inherit;font-size:.82rem;cursor:pointer}
.loginMeta a:hover{text-decoration:underline}
.loginMeta .demoNote{color:var(--mjuk)}
.loginErr{display:none;background:var(--rosa-ljus);border:1px solid var(--rosa);color:var(--accent-mork);border-radius:12px;padding:10px 14px;font-size:.85rem;margin-bottom:14px}
.resetOk{
  display:none;background:#EAF3EC;border:1px solid #CBE2D1;color:#3E6B4A;
  border-radius:12px;padding:12px 14px;font-size:.87rem;margin-bottom:14px;
}
@media (max-width:640px){
  .loginPanel{grid-template-columns:1fr;max-width:440px}
  .sysStrip{flex-direction:row;flex-wrap:wrap;align-items:center;gap:16px;padding:22px 22px}
  .scanLogo{width:64px;height:64px}
  .scanLogo svg{width:36px;height:36px}
  .sysStatus{flex-direction:row;flex-wrap:wrap;gap:8px 16px;width:100%}
  .sysPrompt{display:none}
  .loginForms{padding:28px 24px}
}

/* ASP.NET-panelen: meddelanden som syns direkt */
.loginErr.syns,.resetOk.syns{display:block}
.scanLogo svg{position:relative;z-index:1}
.kodFalt{letter-spacing:10px;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:1.3rem}
.loginForms .checkRad{font-weight:600;font-size:.9rem;margin-bottom:16px}
.loginForms .checkRad input{width:18px;height:18px;accent-color:var(--accent)}
.lankKnapp{background:none;border:none;color:var(--accent);font-weight:700;font-family:inherit;font-size:.82rem;cursor:pointer;padding:0}
.lankKnapp:hover{text-decoration:underline}