/* MSN Messenger: fenêtre de connexion presque plein écran */
html, body, #root { min-height: 100%; }
#root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] {
  width: 100vw !important;
  min-height: 100vh !important;
  padding: 0.5vh 0.5vw !important;
  align-items: stretch !important;
  justify-content: stretch !important;
}
#root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] > div[class~="w-full"][class*="max-w-"] {
  width: 99vw !important;
  max-width: none !important;
  min-height: 99vh !important;
  height: 99vh !important;
  margin: 0 auto !important;
  border-radius: 4px !important;
}
#root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] > div[class~="w-full"][class*="max-w-"] > div[class~="flex-1"] {
  width: 100% !important;
  padding: 2vh clamp(22px, 8vw, 150px) 4vh !important;
}
#root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] form {
  width: 100% !important;
  max-width: none !important;
}
#root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] form input {
  width: 100% !important;
  min-height: 46px !important;
  font-size: 16px !important;
}
#root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] form button[type="submit"] {
  min-height: 48px !important;
  padding: 0 28px !important;
  font-size: 16px !important;
}
@media (max-width: 640px) {
  #root > div[class~="min-h-screen"][class~="flex"][class~="items-center"][class~="justify-center"] > div[class~="w-full"][class*="max-w-"] > div[class~="flex-1"] {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}