/**
 * Стили страниц входа / регистрации (account/base.html).
 * Отдельный файл + !important: перебивает автозаполнение и кэш inline-стилей.
 */

.auth-card .auth-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]),
.auth-card .auth-form textarea,
.auth-card .auth-form select,
.auth-card .field > input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]),
.auth-card .field > textarea,
.auth-card .field > select {
  width: 100% !important;
  min-height: 42px;
  box-sizing: border-box !important;
  background-color: #0d0d0d !important;
  background-image: none !important;
  color: #d1d1d1 !important;
  border: 1px solid #222 !important;
  padding: 0 12px !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 15px !important;
  outline: none !important;
  border-radius: 0 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  color-scheme: dark !important;
}

.auth-card .auth-form textarea,
.auth-card .field > textarea {
  min-height: 100px;
  padding: 10px 12px !important;
  resize: vertical;
}

.auth-card .auth-form select,
.auth-card .field > select {
  cursor: pointer;
  background-color: #0d0d0d !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  padding-right: 36px !important;
}

.auth-card .auth-form input::placeholder,
.auth-card .auth-form textarea::placeholder,
.auth-card .field > input::placeholder,
.auth-card .field > textarea::placeholder {
  color: #555 !important;
  opacity: 1 !important;
}

.auth-card .auth-form input:focus,
.auth-card .auth-form textarea:focus,
.auth-card .auth-form select:focus,
.auth-card .field > input:focus,
.auth-card .field > textarea:focus,
.auth-card .field > select:focus {
  border-color: #39FF14 !important;
  background-color: #101010 !important;
}

/* Chrome / Safari — автозаполнение */
.auth-card input:-webkit-autofill,
.auth-card input:-webkit-autofill:hover,
.auth-card input:-webkit-autofill:focus,
.auth-card input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #0d0d0d inset !important;
  box-shadow: 0 0 0 1000px #0d0d0d inset !important;
  -webkit-text-fill-color: #d1d1d1 !important;
  caret-color: #d1d1d1 !important;
  border: 1px solid #222 !important;
  transition: background-color 99999s ease-out 0s;
}

/* Firefox 94+ */
.auth-card input:autofill {
  background-color: #0d0d0d !important;
  color: #d1d1d1 !important;
  border: 1px solid #222 !important;
}

.auth-card input[type="checkbox"],
.auth-card .auth-form input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-height: 0 !important;
  padding: 0 !important;
  accent-color: #39FF14;
  cursor: pointer;
  vertical-align: middle;
}