/* auth.css — общие стили страниц входа, регистрации, сброса пароля и входа администратора:
 * карточка, бренд, поля, кнопка отправки, блок ошибки и т. д. Всё, что отличается у конкретной страницы
 * (ширина карточки, модалка кодов, цвета админки), лежит в её собственном css-файле, который подключается ПОСЛЕ этого. */
html,body{height:100%;margin:0;}
body{
  background:var(--bg); color:var(--text); font-family:var(--font-body);
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.card{
  max-width:100%; background:var(--bg-elev-1); border:1px solid var(--border);
  border-radius:12px; padding:26px 26px 22px; box-shadow:0 20px 60px rgba(0,0,0,.5);
}
/* ширина карточки задаётся в css-файле каждой страницы */
.brand .name{font-family:var(--font-display); font-weight:700; font-size:17px;}
.brand .sub{font-size:11px; color:var(--text-faint);}
h1{font-family:var(--font-display); font-size:17px; margin:0 0 4px;}
p.hint{margin:0 0 18px; color:var(--text-faint); font-size:12.5px; line-height:1.5;}
.field{margin-bottom:12px;}
.field label{display:block; font-size:11.5px; color:var(--text-dim); margin-bottom:5px;}
.field input{
  width:100%; background:var(--bg-elev-2); border:1px solid var(--border); color:var(--text);
  border-radius:7px; padding:9px 10px; font-size:13.5px; font-family:inherit;
}
.field input:focus{outline:none; border-color:var(--accent);}
button.submit:disabled{opacity:.55; cursor:not-allowed;}
@media (max-width:420px){
  body{padding:12px;align-items:flex-start;padding-top:max(24px, env(safe-area-inset-top));}
  .card{padding:20px 18px 18px;border-radius:10px;}
}
@media (max-width:600px){
  .field input, .field select{font-size:16px;} /* 16px — чтобы iOS Safari не зумил страницу при фокусе на поле */
}
/* Автозаполнение браузера (Chrome/Edge красят поле в светло-голубой, Firefox — в светло-жёлтый).
   Возвращаем цвет поля и текста тёмной темы. Правила разнесены намеренно: если браузер не знает
   один из псевдоклассов, он отбросит весь список селекторов. */
.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field input:-webkit-autofill:active{
  -webkit-text-fill-color:var(--text);
  caret-color:var(--text);
  box-shadow:0 0 0 1000px var(--bg-elev-2) inset;
  transition:background-color 9999s ease-out 0s;
}
.field input:autofill{
  -webkit-text-fill-color:var(--text);
  caret-color:var(--text);
  box-shadow:0 0 0 1000px var(--bg-elev-2) inset;
  transition:background-color 9999s ease-out 0s;
}
/* заметка под формой (вместо инлайн-атрибута style: строгая CSP страниц входа запрещает инлайн-стили) */
.switch.switch-note{margin-top:10px; font-size:11px;}