/* Innlogging i versjon B («Fasaden»), forslag A: kort over bygningsbånd.
   Last denne ETTER css/style.css på login.html. Markupen er uendret. */
body { background: #F4F1EB; }
.logg-inn {
  position: relative; display: block; min-height: 100dvh;
  padding: 106px 16px 32px;
}
/* Bånd med bygningsbilde og seksfarget stripe nederst */
.logg-inn::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 170px;
  background:
    linear-gradient(90deg, #96603A 0 16.66%, #C04A2F 0 33.33%, #E7B32B 0 50%, #2C5878 0 66.66%, #24384A 0 83.33%, #5D8046 0) bottom / 100% 5px no-repeat,
    linear-gradient(90deg, rgba(36,56,74,.96), rgba(36,56,74,.7)),
    url(../img/hero.jpg) center 40% / cover;
  background-color: #24384A;
}
.logg-inn__kort {
  position: relative; z-index: 1; margin: 0 auto; max-width: 400px;
  border-radius: 16px; padding: 28px 28px 22px;
  box-shadow: 0 8px 24px -12px rgba(36,56,74,.25);
}
.logg-inn__logo { margin: 0 0 18px; }
.logg-inn__logo img { height: 84px; }
.logg-inn__tittel { margin: 0 0 20px; color: rgba(36,56,74,.62); }
.logg-inn__tittel::after { background: #C04A2F; }
.logg-inn .felt { margin-bottom: 16px; }
.logg-inn .felt__inn { min-height: 44px; border-radius: 8px; }
.logg-inn .felt__inn:focus {
  border-color: #2C5878; box-shadow: 0 0 0 3px rgba(44,88,120,.15);
}
/* Marineblå knapp med gul kant, som resten av dashboardet (var grønn) */
.logg-inn__knapp {
  min-height: 48px; margin-top: 4px; border: 0; border-bottom: 3px solid #E7B32B;
  border-radius: 8px; background: #24384A; color: #fff; font-weight: 700;
}
.logg-inn__knapp:hover:not(:disabled) { background: #1B2B3A; border-bottom-color: #E7B32B; }
.logg-inn__tilbake { margin-top: 18px; }
@media (max-width: 420px) {
  .logg-inn { padding-top: 90px; }
  .logg-inn__kort { padding: 24px 20px 18px; }
}