/* Page d'attente e-maj-in – gabarit « Page de connexion » de Cobalt V5.
   Toutes les valeurs viennent des tokens (tokens.css). */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--color-neutral-background-medium);
  color: var(--color-neutral-content-strong);
  font: var(--text-typography-body-medium-regular);
}
.login { min-height: 100%; display: grid; grid-template-columns: 1fr; }
.login__visual {
  display: flex; align-items: center; justify-content: center;
  background: var(--color-brand-background);
  padding: var(--number-spacing-3xlarge) var(--number-spacing-medium);
}
.login__mark {
  font: var(--text-typography-heading-2xlarge);
  color: var(--color-brand-content);
}
.login__panel { display: flex; flex-direction: column; }
.login__block {
  flex: 1; display: flex; flex-direction: column; justify-content: center;
  padding: var(--number-spacing-3xlarge) var(--number-spacing-medium);
  max-width: 40rem;
}
.login__logo { height: 30px; width: auto; align-self: flex-start; margin-bottom: var(--number-spacing-xlarge); }
[data-theme="dark"] .login__logo {
  background: var(--color-neutral-background-strong);
  padding: var(--number-spacing-2xsmall);
  border-radius: var(--number-radius-small);
}
.login__title {
  margin: 0 0 var(--number-spacing-medium);
  font: var(--text-typography-heading-xlarge);
  color: var(--color-neutral-content-strong);
}
.login__text {
  margin: 0 0 var(--number-spacing-small);
  font: var(--text-typography-body-large-regular);
  color: var(--color-neutral-content-medium);
}
.login__env {
  margin: var(--number-spacing-large) 0 0;
  font: var(--text-typography-body-small-regular);
  color: var(--color-neutral-content-medium);
}
.login__footer {
  display: flex; flex-direction: column; align-items: flex-start; gap: var(--number-spacing-small);
  padding: var(--number-spacing-medium);
  border-top: 1px solid var(--color-neutral-border-medium);
  font: var(--text-typography-body-small-regular);
  color: var(--color-neutral-content-medium);
}
.login__techtrust { height: 40px; width: 120px; object-fit: cover; object-position: center; }

@media (min-width: 1024px) {
  .login { grid-template-columns: 1fr 1fr; }
  .login__visual { padding: var(--number-spacing-7xlarge); }
  .login__block { padding: 0 var(--number-spacing-7xlarge); }
  .login__title { font: var(--text-typography-heading-2xlarge); }
  .login__text { font: var(--text-typography-body-medium-regular); }
  .login__footer {
    flex-direction: row; align-items: center; justify-content: space-between;
    padding: var(--number-spacing-medium) var(--number-spacing-7xlarge);
  }
}