/* PlayerIQ – login-layout.css */
/* Statisk sida: exakt viewporthöjd (100dvh följer tangentbordet) och fastlåst
   body — ingen scroll, inget gummiband i appens WKWebView. Kortet är litet
   nog att alltid rymmas; flexen centrerar om när tangentbordet krymper ytan. */
html { height: 100%; overflow: hidden; overscroll-behavior: none; }
.login-body { position: fixed; inset: 0; height: 100vh; height: 100dvh;
  overflow: hidden; overscroll-behavior: none;
  display: flex; align-items: center; justify-content: center; padding: 1rem; }
/* 1rem = 16px här (textzoomen laddas först efter inloggning) — under 16px
   auto-zoomar iOS fältet vid fokus även utan scroll. */
.login-body .nc-input { font-size: 1rem; }
.login-card { width: 100%; max-width: 380px; padding: 2rem; box-shadow: inset 0 1px 0 var(--surface-hi), var(--shadow-lg); animation: pp-pop .35s cubic-bezier(.2,.8,.3,1.1) both; }
.login-header { text-align: center; margin-bottom: 1.75rem; }
.login-logo-img { width: 140px; height: auto; margin-bottom: .75rem; object-fit: contain; }
@media (max-width: 768px) { .login-logo-img { width: 90px; } }
@media (max-width: 480px) { .login-logo-img { width: 70px; } }
.login-tagline { font-size: .85rem; color: var(--text-muted); margin-top: .35rem; }

/* Team logo on login */
.login-team-logo { max-height: 60px; width: auto; margin-top: .75rem; }

/* Login header refresh */
.login-header   { display: flex; flex-direction: column; align-items: center; gap: .6rem; margin-bottom: 1.25rem; }
/* Hela märket med tagline — inlinad SVG, bläcket i currentColor (se
   utils.inline_svg). Bredden styr, inte höjden: ordmärket är 3,4 ggr så brett
   som högt och ska stanna innanför kortet. */
.login-logo { display: block; width: min(15rem, 72%); height: auto;
  color: var(--text); }
@media (max-width: 480px) { .login-logo { width: 12rem; } }
.login-team-logo { max-height: 72px; width: auto; margin-top: 0; }

/* Glömt lösenord / nytt lösenord (26/9) — samma kort som inloggningen */
.login-intro { font-size: .9rem; color: var(--text-muted); margin: 0 0 1rem; line-height: 1.45; }
.login-foot  { text-align: center; font-size: .85rem; margin: 1rem 0 0; }