/* Écran de connexion : une carte au centre, le titre du tableau de bord, un formulaire. */

.connexion { display: grid; place-items: center; min-height: calc(100vh - 48px); }
.connexion-carte {
  display: grid;
  gap: 14px;
  width: min(380px, 100%);
  padding: 30px 28px 26px;
  border-top: 3px solid var(--lien);
  box-shadow: 0 -16px 50px -28px var(--lien), 0 30px 80px -30px rgba(0, 0, 0, 0.7);
}
.connexion-carte h1 { margin: 0; font-size: 32px; }
.connexion-carte > .muet { margin: -6px 0 4px; font-size: 13px; }
.connexion-carte label { display: grid; gap: 6px; color: var(--texte-doux); font-size: 13px; }
.connexion-carte input { padding: 9px 12px; font-size: 14px; }
.connexion-erreur {
  margin: 0;
  padding: 8px 12px;
  border-left: 3px solid var(--critique);
  border-radius: var(--rayon-petit);
  background: color-mix(in srgb, var(--critique) 10%, transparent);
  font-size: 13px;
}