/* Дополнения к стилям Roundcube Elastic для страниц регистрации и восстановления */
.mr-logo { display: block; }
#login-form { max-width: 340px; width: 100%; }
.mr-title {
  margin: 0 0 .35rem;
  font-size: 1.35rem;
  font-weight: 700;
  text-align: center;
  word-break: break-word;
}
.mr-text {
  margin: 0 0 1.25rem;
  color: #737677;
  font-size: .95rem;
  text-align: center;
}
.mr-hint {
  margin: -.25rem 0 1rem;
  color: #737677;
  font-size: .8rem;
  line-height: 1.35;
}
html.dark-mode .mr-text, html.dark-mode .mr-hint { color: #a3abae; }

.input-group .icon.mail::before { content: "\f0e0"; }
.input-group .icon.name::before { content: "\f2bb"; }
.mr-domain { font-size: .95rem; }
#login-form .mr-mono { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1rem; }
.mr-copy { border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: .85rem; }

.mr-alert {
  margin: 0 0 1rem;
  padding: .6rem .8rem;
  border: 1px solid #ec3b3b;
  border-radius: .25rem;
  background: rgba(236, 59, 59, .08);
  color: #c52e2e;
  font-size: .9rem;
}
.mr-alert-ok { border-color: #41b849; background: rgba(65, 184, 73, .08); color: #2e8b35; }
html.dark-mode .mr-alert { color: #ff8686; }
html.dark-mode .mr-alert-ok { color: #74d27b; }

.mr-captcha { display: flex; justify-content: center; margin-bottom: 1rem; }

.mr-details { margin-top: 1rem; font-size: .9rem; }
.mr-details summary { cursor: pointer; text-align: center; color: #37beff; }
.mr-details dl { margin: .75rem 0 0; }
.mr-details dt { font-weight: 400; color: #737677; }
.mr-details dd { margin: 0 0 .5rem; }
html.dark-mode .mr-details dt { color: #a3abae; }

/* ссылки-кнопки должны выглядеть так же, как кнопки */
a.button.mainaction { display: block; line-height: 1.5; }
a.button.mainaction:hover { text-decoration: none; }