/* Login PWA: layout desktop (da 992px). Mobile invariato. */
/* mobile: il contenitore aggiunto mantiene l'altezza di prima (footer in fondo alla pagina) */
.login-wrap { height: calc(100% - 53px); }
.login-wrap > .container { height: 100% !important; }

@media (min-width: 992px) {
  html, body.login { height: 100%; }
  body.login { display: flex; flex-direction: column; min-height: 100vh; background: #f4f5f7; }
  .login-wrap { flex: 1 1 auto; display: grid; grid-template-columns: 1fr 1fr; min-height: 0; height: auto; }

  /* pannello brand */
  .login-brand {
    flex-direction: column; justify-content: center; padding: 64px clamp(48px, 7vw, 120px);
    background: #112c45; color: #fff;
  }
  .login-brand-logo { width: 88px; margin-bottom: 40px; border-radius: 50%; box-shadow: 0 0 0 3px rgba(255, 255, 255, .9); }
  .login-brand h1 { font-size: clamp(2.6rem, 4vw, 3.6rem); font-weight: 300; line-height: 1.05; margin: 0 0 20px; color: #fff; }
  .login-brand h1 b { font-weight: 700; }
  .login-brand p { font-size: 1.1rem; line-height: 1.6; max-width: 420px; color: rgba(255, 255, 255, .78); margin: 0; }

  /* colonna del modulo */
  .login-wrap > .container {
    height: auto !important; max-width: none; width: 100%; margin: 0; padding: 48px;
    display: flex; flex-direction: column; justify-content: center; align-items: center;
  }
  .login-wrap > .container > .logo { display: none; }          /* il logo e' gia' nel pannello */
  .login-wrap > .container > .title { display: none; }           /* su desktop il titolo e' dentro il box */
  .login-wrap .form-title { text-align: center; margin-bottom: 24px; }
  .login-wrap .form-title h2 { font-size: 1.6rem; font-weight: 400; color: #112c45; margin: 0 0 6px; }
  .login-wrap .form-title h2 b { font-weight: 700; }
  .login-wrap .form-title p { font-size: .95rem; color: #6b7680; margin: 0; }
  .login-wrap .form {
    width: 100% !important; max-width: 420px; background: #fff; padding: 40px 36px 32px !important;
    border: 1px solid #e3e6ea; border-radius: 14px;
    box-shadow: 0 2px 6px rgba(17, 44, 69, .06), 0 24px 56px -16px rgba(17, 44, 69, .30);
  }
  .login-wrap .form input { height: 44px !important; }
  .login-wrap .form .btn-submit { margin-top: 8px !important; height: 46px !important; cursor: pointer; transition: background-color .2s ease; }
  .login-wrap .form .btn-submit:hover { background-color: #1c4468; }
  .login-wrap .form span { margin-top: 18px; }

  body.login > .footer { flex: none; }
}
@media (min-width: 992px) {
  /* recupero password: sottotitolo dedicato e link di ritorno ben visibile */
  body.recovery .login-wrap .form a { margin-top: 18px; text-decoration: underline; }
}