/* ── Forms ── */
.auth-form { display: flex; flex-direction: column; gap: 18px; }

.form-group  { display: flex; flex-direction: column; gap: 4px; }

.form-label { font-size: 13px; font-weight: 500; color: var(--color-text); }

.form-input {
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font);
  font-size: 14px;
  color: var(--color-text);
  background: var(--color-surface);
  transition: border-color 0.15s, box-shadow 0.15s;
  outline: none;
  width: 100%;
}

.form-input::placeholder { color: #b0b4ba; }

.form-input:focus {
  border-color: var(--color-border-focus);
  box-shadow: 0 0 0 3px rgba(26,26,26,.08);
}

.form-input--error { border-color: var(--color-danger); }
.form-input--error:focus { box-shadow: 0 0 0 3px rgba(192,57,43,.1); }