/* Страницы входа на телефоне (v1.40.0): вход, код 2FA, «Забыли пароль»,
   сброс пароля по ссылке, обязательная смена пароля.

   Подключается в этих шаблонах с media="(max-width: 767px)" — от 768 px
   файл не применяется вовсе, настольный вид не меняется. Шаблоны не
   наследуют base.html (своя тёмная палитра в :root), поэтому здесь только
   раскладка: карточка во всю ширину с полями 16 px, поля ввода 16 px (без
   автозума iOS) и высотой 48 px, кнопки и ссылки — зона нажатия ≥ 44 px. */

html, body { height: auto; min-height: 100%; }
body {
  display: block;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
body.dev-env { padding-top: calc(26px + env(safe-area-inset-top)); }

.login-card {
  width: auto;
  max-width: none;
  margin: 24px 16px;
  padding: 28px 20px 24px;
}
.brand { margin-bottom: 24px; }
.brand-logo { max-width: 140px; }
h1 { font-size: 15px; margin-bottom: 16px; }
p, p.hint { font-size: 14px; line-height: 1.55; }
.backup-hint { font-size: 13px; margin: -6px 0 16px; }
.trust-hint { font-size: 12.5px; margin: 0 0 18px 30px; }

.error-box, .warn-box, .success-box, .notice-box { font-size: 14px; line-height: 1.5; }

.field { margin-bottom: 18px; }
label { font-size: 11.5px; margin-bottom: 8px; }
input[type="text"], input[type="password"] {
  font-size: 16px;
  min-height: 48px;
  padding: 12px 14px;
  box-sizing: border-box;
}

.check-row {
  min-height: 44px;
  margin-bottom: 4px;
  font-size: 14px;
  gap: 10px;
}
.check-row input[type="checkbox"] { width: 20px !important; height: 20px; margin: 0; flex-shrink: 0; }

.btn-primary {
  min-height: 48px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
}
.btn-link {
  min-height: 44px;
  padding: 8px 0 0;
  font-size: 14px;
}

.forgot-link { margin-top: 12px; }
.forgot-link a, a.back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 0 8px;
  font-size: 14px;
}

/* Код 2FA: кнопка «Ввести запасной код» — переключает клавиатуру с цифровой
   на обычную (запасные коды вида A1B2-C3D4). */
.backup-switch { display: block; width: auto; margin: -8px 0 10px; padding: 0; text-align: left; }
.backup-switch[hidden] { display: none; }