/* Fields */

.field {
  margin-bottom: 10px;
}

.field-label {
  font-size: 13px;
  color: var(--tg-text-soft);
  margin-bottom: 4px;
}

input[type="text"],
input[type="number"],
input[type="password"],
textarea,
select {
  width: 100%;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--input-border);
  background: var(--input-bg);
  color: var(--tg-text);
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.2s ease;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: var(--tg-accent);
}

textarea {
  resize: vertical;
  min-height: 80px;
}

.input {
  /* базовый стиль (для остальных форм) */
  border-radius: 12px;
}


input[type="password"]:-webkit-autofill,
input[type="password"]:-webkit-autofill:hover,
input[type="password"]:-webkit-autofill:focus,
input[type="text"]:-webkit-autofill,
input[type="text"]:-webkit-autofill:hover,
input[type="text"]:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--tg-text);
  -webkit-box-shadow: 0 0 0 1000px var(--input-bg) inset;
  box-shadow: 0 0 0 1000px var(--input-bg) inset;
  transition: background-color 9999s ease-out 0s;
}