/* assets/css/login-shell.css — layout for innloggingsskallet (login.html). Bruker kun tokens. */
.login-split { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 100vh; min-height: 100dvh; }

/* Cover (venstre) */
.login-cover { background: var(--c-accent); color: var(--c-bg); display: flex; align-items: center;
  position: relative; overflow: hidden; }
.login-cover::after { content: ''; position: absolute; inset: 0;
  background: radial-gradient(120% 80% at 80% 0%, rgba(184,137,62,0.18), transparent 60%); pointer-events: none; }
.login-cover__inner { padding: var(--s-8); max-width: 520px; position: relative; z-index: 1; }
.login-cover__brand { display: flex; align-items: center; gap: var(--s-3); font-family: var(--font-serif);
  font-size: var(--fs-2xl); font-weight: 500; margin-bottom: var(--s-7); }
.login-cover__brand .icon { stroke: var(--c-gold); }
.login-cover__title { font-family: var(--font-serif); font-size: clamp(30px, 3.4vw, 44px); line-height: 1.1;
  font-weight: 500; letter-spacing: -0.02em; margin-bottom: var(--s-5); color: var(--c-bg); }
.login-cover__lead { font-size: var(--fs-lg); line-height: 1.7; color: rgba(250,247,242,0.86); }
.login-cover__rule { height: 1px; width: 80px; background: var(--c-gold); margin: var(--s-6) 0 var(--s-4); }
.login-cover__note { color: rgba(250,247,242,0.7); letter-spacing: 0.16em; }

/* Panel (høyre) */
.login-panel { display: flex; flex-direction: column; align-items: center; justify-content: center;
  padding: var(--s-6); background: var(--c-bg); }
.login-card { width: 100%; max-width: 380px; }
.login-card__title { font-family: var(--font-serif); font-size: var(--fs-3xl); font-weight: 500;
  letter-spacing: -0.015em; margin: var(--s-1) 0 var(--s-2); }
.login-form { margin-top: var(--s-5); }
.login-links { display: flex; justify-content: flex-end; margin-top: var(--s-3); font-size: var(--fs-sm); }
.login-foot { margin-top: var(--s-6); }

/* Smale flater: cover som kompakt merkevarebånd øverst, skjemaet under; siden ruller.
   Står sist i filen — samme spesifisitet som basisreglene, så rekkefølgen avgjør. */
@media (max-width: 880px) {
  .login-split { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .login-cover { align-items: flex-start; }
  .login-cover__inner { max-width: none; padding: var(--s-6) var(--s-5); }
  .login-cover__brand { font-size: var(--fs-xl); margin-bottom: var(--s-5); }
  .login-cover__title { font-size: clamp(26px, 7vw, 34px); margin-bottom: var(--s-4); }
  .login-cover__title br { display: none; }
  .login-cover__lead { font-size: var(--fs-md); line-height: 1.6; }
  .login-cover__rule { margin: var(--s-5) 0 var(--s-3); }
  .login-panel { justify-content: flex-start; padding: var(--s-6) var(--s-5) var(--s-7); }
}