/* Дополнения к стилям 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"; }
.input-group .icon.phone::before { content: "\f3cd"; }
/* цифры кода — крупно, моноширинно и с разрядкой; подсказка в пустом поле — обычным текстом */
#login-form .mr-code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 1.4rem;
  letter-spacing: .3em; text-align: center; }
#login-form .mr-code::placeholder { font-family: inherit; font-size: 1rem; letter-spacing: normal; }
.mr-nowrap { white-space: nowrap; }
.mr-steps { margin: 0 0 1rem; padding-left: 1.3rem; font-size: .92rem; line-height: 1.6; }
#login-form .mr-tg { background: #2aabee; border-color: #2aabee; color: #fff; text-transform: none; }
#login-form .mr-tg:hover { background: #229ed9; color: #fff; text-decoration: none; }
#login-form .mr-box { text-transform: none; }
button.bsslat-register { width: 100%; }
.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; }