/*─────────────────────────────────────────────────────────────────
  © 2025 Prometo AS. All rights reserved.

  This file is part of the “EDEL” software package
  and is proprietary material protected by copyright law and
  international treaties. Unauthorized reproduction or
  distribution of this file, or any portion of it, may result
  in severe civil and criminal penalties and will be prosecuted
  to the maximum extent possible under law.

  Use of this file is governed by the Proprietary Software
  License Agreement accompanying the package in which this file
  is distributed. Unless you have entered into a valid signed
  license agreement with Prometo AS, you may not
  exercise any of the rights to this file other than those
  granted in that agreement.

  Contact: bjorn.espen@prometo.no
─────────────────────────────────────────────────────────────────*/

body.login-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  box-sizing: border-box;
  background: var(--edel-surface-app);
}

body.login-page::before {
  content: 'EDEL  /  PRECISION STUDIO';
  position: fixed;
  inset: 1.5rem auto auto 1.5rem;
  color: var(--edel-color-navy-800);
  font-size: var(--edel-text-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
}

.login-page__main {
  width: 100%;
  max-width: 480px;
  padding-inline: clamp(1rem, 5vw, 1.5rem);
}

.login-page .auth-card--page { border-top: 3px solid var(--edel-action-accent); box-shadow: var(--edel-shadow-raised); }

login-dialog[mode='page'] {
  display: block;
}

login-dialog[mode='page'] .auth-card {
  width: 100%;
}

@media (max-width: 540px) {
  body.login-page {
    padding: 2rem 1rem;
  }

  .auth-card--page {
    padding: 1.75rem;
  }
}

@media (max-width: 420px) {
  body.login-page {
    padding: 1.5rem 0.75rem;
  }

  .auth-card--page {
    padding: 1.5rem;
  }
}