/* Ekran logowania Roundcube 1.6.9; reszta interfejsu pozostaje Elastic. */
body.task-login,
body.task-login #layout {
  min-height: 100vh;
  background: #f5f7fb;
}

body.task-login #layout-content.sdm-login {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  width: 100%;
  padding: 0;
  text-align: left;
}

body.task-login .sdm-login-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 1.25rem 1.5rem;
  background: #0b1930;
  color: #fff;
}

body.task-login .sdm-login-brand > img {
  display: block;
  width: min(100%, 260px);
  height: auto;
}

body.task-login .sdm-login-overline {
  margin: 0 0 1rem;
  color: #3185f6;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

body.task-login .sdm-login-panel {
  display: grid;
  place-items: center;
  padding: 3rem clamp(1.5rem, 5vw, 5rem);
  background: #f5f7fb;
}

body.task-login .sdm-login-panel-inner {
  width: min(100%, 410px);
}

body.task-login .sdm-login-panel h2 {
  margin: 0 0 0.6rem;
  color: #102039;
  font-size: clamp(1.8rem, 2.4vw, 2.3rem);
  font-weight: 700;
  line-height: 1.2;
}

body.task-login .sdm-login-intro {
  margin: 0 0 2rem;
  color: #506078;
  line-height: 1.6;
}

body.task-login #login-form {
  position: static;
  top: auto;
  width: 100%;
  max-width: none;
  margin: 0;
}

body.task-login #login-form .form-control,
body.task-login #login-form input[type="text"],
body.task-login #login-form input[type="password"] {
  min-height: 46px;
  border-color: #c7d2e2;
  background: #fff !important;
  color: #102039 !important;
  -webkit-text-fill-color: #102039;
}

body.task-login #login-form input::placeholder {
  color: #45546a !important;
  opacity: 1;
}

body.task-login #login-form label {
  color: #102039;
}

body.task-login #login-form .form-control:focus {
  border-color: #1269d3;
  outline: 2px solid #1269d3;
  outline-offset: 1px;
}

body.task-login #login-form .btn-primary {
  min-height: 46px;
  background: #1269d3;
  border-color: #1269d3;
  color: #fff;
}

body.task-login .sdm-login-help {
  margin: 2rem 0 0;
  color: #506078;
  font-size: 0.9rem;
}

body.task-login .sdm-login-help a {
  color: #0b5bb6;
  font-weight: 700;
}

@media (max-width: 800px) {
  body.task-login .sdm-login-brand {
    padding: 1rem 1.5rem;
  }

  body.task-login .sdm-login-brand > img {
    width: 200px;
  }

  body.task-login .sdm-login-panel {
    place-items: start center;
    padding: 2rem 1.5rem 3rem;
  }

}