/* Экран входа. Единственный экран, который видит незнакомый человек, поэтому
   он нарочно короткий: одно поле и одна кнопка. Поле крупное — набирают его
   пальцем, часто в кабине и часто на ходу. */

header.top h1.wordmark {
  /* vw под масштабом меню растёт вместе с ним — делим обратно. */
  font-size: clamp(20px, calc(6.4vw / var(--uiz, 1)), 26px);
  letter-spacing: -0.02em;
  white-space: nowrap;
  margin: 0;
}

#form { padding: 14px 16px 4px; display: grid; gap: 14px; }

.auth-field { display: grid; gap: 6px; }
.auth-field label { font-size: 14px; font-weight: 600; color: var(--ink-2); }
.auth-field input {
  min-height: var(--tap);
  padding: 0 12px;
  font: inherit;
  font-size: 17px;
  color: var(--ink);
  background: var(--page);
  border: 1.5px solid var(--line);
  border-radius: 8px;
  width: 100%;
}
.auth-field input:focus { border-color: var(--sign); }
.auth-hint { margin: 0; font-size: 13px; color: var(--ink-3); }

.auth-submit {
  min-height: var(--tap);
  width: 100%;
  background: var(--sign);
  border-color: var(--sign);
  color: var(--sign-ink);
  font-size: 17px;
}
.auth-submit[disabled] { opacity: 0.6; }

.inline-error[hidden] { display: none; }

/* Логотип над формой — только в приложении, где нет шапки с адресом сайта. */
.login-logo { display: none; }
html.in-app .login-logo { display: block; width: 200px; max-width: 60vw; height: auto; margin: 28px auto 20px; }

/* Вход через Apple — по правилам Apple: чёрная кнопка, белый знак и подпись. */
.apple-box { padding: 14px 16px 4px; display: grid; gap: 14px; }
.apple-box[hidden], #form[hidden], .auth-field[hidden], .auth-hint[hidden], .device-submit[hidden] { display: none; }
.device-busy { padding: 18px 16px; text-align: center; }
.apple-submit {
  min-height: var(--tap);
  width: 100%;
  display: flex; align-items: center; justify-content: center; gap: 8px;
  background: #000;
  border-color: #000;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}
.apple-submit[disabled] { opacity: 0.6; }
.apple-mark::before { content: "\F8FF"; font-family: -apple-system, system-ui; font-size: 20px; }