/* Вход по почте и ввод кода: окно поверх размытого кабинета. Само окно, поля,
   кнопки и поле кода (.tk-otp) описаны в cabinet.css — здесь только то, чего
   там нет. */

/* Подложка — ссылка «закрыть»: клик по фону уводит туда, откуда пришли */
.tk-modal__backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.tk-modal__box {
  position: relative;
  z-index: 1;
  max-width: 100%;
  min-width: 0;
}

.tk-modal__card {
  min-width: 0;
}

/* Шапка окна: заголовок и одна строка под ним */
.tk-modal__title {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.tk-modal__title p {
  color: var(--text-2);
  text-wrap: pretty;
  overflow-wrap: anywhere;
}

.tk-modal form {
  margin: 0;
}

.tk-modal .alert .tk-btn-row {
  margin-top: 12px;
}

/* Поле, «Войти» сразу под ним, ниже вне формы — повторная отправка */
.tk-code-form {
  display: grid;
  gap: 24px;
}

/* «Не пришло письмо? Отправить ещё раз через 0:45» — отсчёт серым текстом,
   без синего: пока ждём, нажимать нечего (4.6, «Ввод кода») */
.tk-resend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  margin: 0;
  font: var(--t-small);
  color: var(--text-2);
}

.tk-resend form {
  display: inline;
}

.tk-resend__wait {
  color: var(--muted);
  font-variant-numeric: tabular-nums;
}

.tk-resend .tk-btn--tertiary {
  font: 600 14px/20px var(--font-sans);
  text-align: left;
  white-space: normal;
}

/* Текстовые ссылки окна — «Забыли пароль?», «Войти» в ошибке, «Зарегистрироваться» в подписи: цель 25 px
   вместо 17. Отступ у строчной ссылки не сдвигает строки и не меняет вида (techkarta-back#149). .lp-auth — то же
   окно входа на лендинге (dialog без .tk-modal) */
:is(.tk-modal, .lp-auth) :is(.tk-field__hint, .alert, .tk-caption) a:not(.tk-btn) {
  padding-block: 4px;
}

/* «Показать»/«Скрыть» — 32 px высотой; отрицательное поле оставляет ряд с подписью поля прежней высоты */
:is(.tk-modal, .lp-auth) [data-password-toggle] {
  min-height: 32px;
  margin-block: -4px;
}